:root{
  --page-bg:#f3f7f8;--paper:#fff;--ink:#25333d;--muted:#667783;--line:#d9e5e8;
  --teal:#249cac;--teal-dark:#187887;--purple:#6f22ed;
  --wood-1:#8b5836;--wood-2:#6e4329;--wood-3:#4f2e1d;--pit:#3d261a;
}
*{box-sizing:border-box} html{min-height:100%}
body{min-height:100vh;margin:0;padding:8px 10px;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 10% 10%,rgba(111,34,237,.055),transparent 25%),radial-gradient(circle at 90% 85%,rgba(35,150,165,.07),transparent 28%),var(--page-bg)}
button{font:inherit} button:focus-visible{outline:3px solid rgba(111,34,237,.35);outline-offset:2px}
.game-app{width:min(100%,1160px);margin:0 auto;padding:8px;border:1px solid #e0eaed;border-radius:22px;background:rgba(255,255,255,.9);box-shadow:0 18px 54px rgba(34,64,75,.10)}
.workspace{display:grid;grid-template-columns:minmax(0,760px) minmax(310px,360px);justify-content:center;align-items:start;gap:10px}
.game-column{width:100%;min-width:0}.control-column{min-width:0;display:grid;gap:7px}
.control-panel,.status-card,.meti-panel,.player-scores{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.92)}
.control-panel{padding:8px;display:grid;gap:7px}.setting-block{padding:7px;border:1px solid var(--line);border-radius:13px;background:#fbfdfe}
.setting-label,.small-label{display:block;color:#526975;font-size:.68rem;font-weight:850}.setting-label{margin-bottom:5px}
.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mode-button,.difficulty-button{border:1px solid #d5e1e5;color:#334754;background:#f7fafb;cursor:pointer;transition:.15s ease}
.mode-button{min-height:38px;padding:6px 9px;border-radius:12px;font-weight:850}.mode-button.active{color:#fff;border-color:var(--purple);background:linear-gradient(135deg,#7e2cf3,#6518df);box-shadow:0 6px 14px rgba(111,34,237,.16)}
.difficulty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.difficulty-button{min-height:56px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:12px;text-align:center}.difficulty-button strong{font-size:.69rem;line-height:1.15}.difficulty-button.active{border-color:#9149ff;background:#fbf8ff;box-shadow:0 0 0 2px rgba(111,34,237,.07),0 5px 12px rgba(111,34,237,.09)}
.level-dot{width:20px;height:20px;flex:0 0 auto;border:3px solid rgba(255,255,255,.82);border-radius:50%;box-shadow:0 4px 10px rgba(27,52,66,.14)}.easy-dot{background:#77db54}.medium-dot{background:#ffb43a}.hard-dot{background:#ff5c68}
.hint-setting-block{padding-top:6px;padding-bottom:6px}.hint-setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px}.hint-setting-copy{min-width:0}.hint-setting-copy .setting-label{margin-bottom:1px}.hint-setting-copy small{display:block;color:#7b8c95;font-size:.60rem;line-height:1.2}
.switch-control{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;cursor:pointer}.switch-control input{position:absolute;opacity:0;pointer-events:none}.switch-track{width:42px;height:24px;padding:3px;display:block;border-radius:999px;background:#dbe5e8;box-shadow:inset 0 0 0 1px rgba(55,83,94,.08);transition:.18s ease}.switch-thumb{width:18px;height:18px;display:block;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(31,58,67,.22);transition:.18s ease}.switch-control input:checked + .switch-track{background:linear-gradient(135deg,#2aadb9,#168999)}.switch-control input:checked + .switch-track .switch-thumb{transform:translateX(18px)}.switch-control input:focus-visible + .switch-track{outline:3px solid rgba(111,34,237,.28);outline-offset:2px}
.new-game-button{min-height:42px;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,#29a5b3,#17889a);box-shadow:0 7px 16px rgba(35,150,165,.16);cursor:pointer;font-weight:900}.mode-button:active,.difficulty-button:active,.new-game-button:active,.primary-button:active,.secondary-button:active,.pit:active{transform:scale(.98)}
.status-card{padding:8px 10px;display:grid;gap:7px}.turn-info{display:flex;align-items:center;gap:9px}.turn-info strong{display:block;margin-top:2px;font-size:.88rem}.turn-stone{width:34px;height:34px;flex:0 0 auto;border-radius:50%;background:radial-gradient(circle at 32% 28%,#9ee8ef,#31adba 52%,#177988 100%);border:3px solid rgba(255,255,255,.82);box-shadow:inset -4px -6px 7px rgba(0,0,0,.15),0 4px 9px rgba(29,85,94,.15)}.turn-stone.purple{background:radial-gradient(circle at 32% 28%,#c9a2ff,#8848ed 52%,#5c22c8 100%)}
.move-info{padding-top:7px;border-top:1px solid var(--line);display:flex;align-items:center;gap:7px;color:#5f7480}.move-info.is-hidden{display:none}.move-badge{color:var(--teal);font-size:.95rem}.move-info strong{font-size:.69rem}
.meti-panel{min-height:108px;padding:8px 10px;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px}.meti-image-wrap{display:flex;align-items:center;justify-content:center;min-height:88px}.meti-image{display:block;width:100%;max-width:92px;max-height:100px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(91,50,143,.14))}.meti-bubble{position:relative;min-width:0;padding:10px 12px;border-radius:14px;color:#fff;background:#2f377f}.meti-bubble:before{content:"";position:absolute;left:-7px;top:36%;width:14px;height:14px;background:#2f377f;transform:rotate(45deg)}.meti-bubble strong{display:block;margin-bottom:2px;font-size:.81rem}.meti-bubble p{margin:0;font-size:.66rem;line-height:1.35}
.player-scores{padding:7px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.score-card{padding:7px 9px;border:1px solid #dce7ea;border-radius:13px;background:#fbfdfe}.score-card>span{display:block;margin-bottom:3px;color:#5c7180;font-size:.68rem}.score-card strong{display:flex;align-items:center;font-size:.78rem}.mini-gem{width:17px;height:17px;margin-right:6px;border-radius:50%;display:inline-block;box-shadow:inset -3px -4px 5px rgba(0,0,0,.18),inset 3px 3px 4px rgba(255,255,255,.36)}.gem-teal{background:#28a6b4}.gem-purple{background:#7f39e9}
.board-frame{width:100%;padding:clamp(11px,1.6vw,18px);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.14),transparent 28%),linear-gradient(135deg,#6f4630,#3d271c);box-shadow:inset 0 -9px 0 rgba(44,23,13,.28),inset 0 2px 0 rgba(255,255,255,.16),0 20px 38px rgba(63,39,26,.20)}
.mangala-board{position:relative;min-height:clamp(330px,48vw,500px);display:grid;grid-template-columns:100px minmax(0,1fr) 100px;gap:12px;padding:15px;border-radius:21px;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 24%),repeating-linear-gradient(95deg,rgba(255,255,255,.025) 0 2px,rgba(0,0,0,.025) 2px 5px),linear-gradient(135deg,var(--wood-1),var(--wood-2) 56%,var(--wood-3));border:2px solid rgba(42,22,12,.42);box-shadow:inset 0 0 0 2px rgba(255,255,255,.08),inset 0 10px 26px rgba(255,255,255,.035)}
.pits-area{min-width:0;display:grid;grid-template-rows:auto 1fr 56px 1fr auto;gap:8px}.pit-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;min-height:0}.top-row{direction:rtl}.top-row .pit{direction:ltr}
.pit{position:relative;min-width:0;min-height:104px;padding:0;border:1px solid rgba(35,17,9,.75);border-radius:46% 46% 43% 43% / 42% 42% 50% 50%;background:radial-gradient(ellipse at 50% 58%,#2e1a10 0,#432719 47%,#69432c 74%,#84583d 100%);box-shadow:inset 0 13px 18px rgba(0,0,0,.52),inset 0 -4px 8px rgba(255,255,255,.08),0 2px 0 rgba(255,255,255,.08);cursor:default;transition:.16s ease;overflow:hidden}.pit.playable{cursor:pointer}.pit.playable.hints-on{box-shadow:inset 0 13px 18px rgba(0,0,0,.52),inset 0 -4px 8px rgba(255,255,255,.08),0 0 0 3px rgba(45,196,203,.45),0 0 18px rgba(45,196,203,.14)}.pit.playable.hints-on:hover{transform:translateY(-2px);box-shadow:inset 0 13px 18px rgba(0,0,0,.52),0 0 0 4px rgba(45,196,203,.68),0 8px 18px rgba(26,116,123,.18)}.pit.last-pit{box-shadow:inset 0 13px 18px rgba(0,0,0,.52),0 0 0 4px rgba(244,187,70,.55)}
.pit.sowing-target,.store.sowing-target{outline:3px solid rgba(255,214,92,.92);outline-offset:-5px;animation:sowPulse .13s ease-out}
@keyframes sowPulse{0%{filter:brightness(1);transform:scale(1)}45%{filter:brightness(1.22);transform:scale(1.012)}100%{filter:brightness(1);transform:scale(1)}}
.stone-field{position:absolute;inset:8px;pointer-events:none}.stone{position:absolute;width:17px;height:17px;border-radius:50%;border:1px solid rgba(31,22,17,.18);box-shadow:inset -4px -5px 5px rgba(0,0,0,.18),inset 3px 3px 4px rgba(255,255,255,.42),0 2px 3px rgba(0,0,0,.19)}.stone.s1{background:#ece0c7}.stone.s2{background:#c8934f}.stone.s3{background:#778c84}.stone.s4{background:#9c6757}.stone.s5{background:#c4b6a2}.stone.s6{background:#687688}.stone-count{position:absolute;right:6px;bottom:6px;min-width:26px;height:26px;padding:0 6px;display:grid;place-items:center;border-radius:999px;color:#fff;background:rgba(20,25,26,.72);border:1px solid rgba(255,255,255,.14);font-size:.72rem;font-weight:900;box-shadow:0 3px 8px rgba(0,0,0,.18)}
.store{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(35,17,9,.78);border-radius:48px;background:radial-gradient(ellipse at 50% 55%,#2b190f 0,#412519 50%,#6c452d 78%,#8d6143 100%);box-shadow:inset 0 15px 23px rgba(0,0,0,.54),inset 0 -5px 9px rgba(255,255,255,.08),0 2px 0 rgba(255,255,255,.07)}.store-label{position:absolute;z-index:3;left:50%;top:10px;width:max-content;max-width:90%;padding:4px 7px;border-radius:999px;transform:translateX(-50%);color:#f6eadc;background:rgba(42,24,15,.68);font-size:.57rem;font-weight:850;text-align:center}.store-count{position:absolute;z-index:4;left:50%;bottom:11px;min-width:38px;height:32px;padding:0 8px;display:grid;place-items:center;transform:translateX(-50%);border-radius:999px;color:#fff;background:rgba(22,29,29,.76);border:1px solid rgba(255,255,255,.15);font-size:.85rem;font-weight:950}.store-stones{inset:39px 8px 48px}
.center-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.center-logo{display:block;width:min(72%,240px);max-width:240px;height:auto;opacity:.96;filter:saturate(1.05) contrast(1.02) drop-shadow(0 2px 4px rgba(0,0,0,.22))}.center-mark small{display:none}.side-caption{display:flex;align-items:center;justify-content:space-between;padding:0 5px;color:rgba(255,244,230,.78)}.side-caption span{font-size:.69rem;font-weight:900}.side-caption small{font-size:.55rem;opacity:.8}
.pit.disabled{opacity:.78}.pit:disabled{cursor:default}
.modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;visibility:hidden;opacity:0;transition:.18s ease}.modal.open{visibility:visible;opacity:1}.modal-backdrop{position:absolute;inset:0;background:rgba(26,30,35,.56);backdrop-filter:blur(6px)}.modal-card{position:relative;z-index:1;width:min(100%,470px);max-height:min(88vh,720px);overflow:auto;padding:24px;border:1px solid rgba(255,255,255,.85);border-radius:24px;background:#fff;box-shadow:0 24px 70px rgba(31,45,53,.24)}.result-card{text-align:center}.result-meti-image{width:132px;height:116px;object-fit:contain;margin:0 auto 6px;display:block}.result-eyebrow{margin:0 0 5px;color:var(--purple);font-size:.68rem;font-weight:900;letter-spacing:.12em}.result-card h2{margin:0 0 8px;font-size:1.65rem}.result-card>p:not(.result-eyebrow){color:#637480}.result-score{margin:12px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-score span{padding:9px;border-radius:12px;background:#f7fafb;border:1px solid var(--line);font-size:.78rem;font-weight:850}.result-meti-text{margin-top:10px;padding:10px 12px;border-radius:13px;background:#f5f2ff;color:#3a3d79!important;font-size:.82rem;line-height:1.45}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.primary-button,.secondary-button{min-height:45px;padding:9px 13px;border-radius:12px;cursor:pointer;font-weight:850}.primary-button{border:0;color:#fff;background:var(--purple)}.secondary-button{border:1px solid var(--line);color:var(--ink);background:#f8fafb}.is-hidden{display:none!important}
@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,690px) minmax(290px,330px)}.mangala-board{grid-template-columns:86px minmax(0,1fr) 86px;gap:9px;padding:12px}.pit-row{gap:6px}.pit{min-height:94px}}
@media(max-width:900px){.workspace{display:flex!important;flex-direction:column!important;gap:10px!important}.control-column{display:contents!important}.control-panel{order:1;width:100%}.game-column{order:2;width:100%}.status-card{display:none!important}.meti-panel{order:4;width:100%}.player-scores{order:5;width:100%}.board-frame{padding:14px;border-radius:24px}.mangala-board{min-height:430px}}
@media(max-width:680px){body{padding:7px}.game-app{padding:9px;border-radius:20px}.mangala-board{grid-template-columns:64px minmax(0,1fr) 64px;gap:7px;padding:9px;min-height:360px}.pit-row{gap:4px}.pit{min-height:72px}.store{border-radius:34px}.store-label{font-size:.48rem;padding:3px 5px;top:7px}.store-count{height:27px;min-width:32px;font-size:.75rem;bottom:8px}.store-stones{inset:31px 5px 39px}.pits-area{grid-template-rows:auto 1fr 43px 1fr auto;gap:5px}.stone{width:13px;height:13px}.stone-count{right:3px;bottom:3px;min-width:22px;height:22px;font-size:.64rem}.center-logo{width:min(74%,200px)}.center-mark small{font-size:.38rem}.meti-panel{grid-template-columns:106px minmax(0,1fr);min-height:128px;padding:12px}.meti-image{max-width:100px;max-height:110px}.meti-image-wrap{min-height:98px}}
@media(max-width:480px){.mode-grid,.player-scores,.modal-actions{grid-template-columns:1fr}.difficulty-grid{grid-template-columns:repeat(3,1fr)}.mangala-board{grid-template-columns:50px minmax(0,1fr) 50px;gap:5px;padding:7px;min-height:310px}.pit{min-height:60px;border-radius:45%}.pit-row{gap:3px}.stone{width:11px;height:11px}.store-label{display:none}.store-stones{inset:8px 3px 37px}.center-logo{width:min(76%,160px)}.center-mark small{display:none}.side-caption small{display:none}.meti-panel{grid-template-columns:82px minmax(0,1fr);gap:8px}.meti-bubble{padding:12px}.meti-bubble strong{font-size:.83rem}.meti-bubble p{font-size:.69rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}