:root{--color-bg: #faf8ef;--color-board: #bbada0;--color-cell-empty: #cdc1b4;--color-text: #776e65;--color-text-light: #f9f6f2;--color-button: #8f7a66;--color-button-hover: #9f8b77;--color-overlay: rgba(238, 228, 218, .73);--color-overlay-win: rgba(237, 194, 46, .5);--bg-a: rgba(242, 177, 121, .3);--bg-b: rgba(120, 165, 210, .22);--gap: clamp(6px, 2.4vw, 15px)}[data-theme=dark]{--color-bg: #1a1917;--color-board: #3b3733;--color-cell-empty: #4c4741;--color-text: #ece3d8;--color-text-light: #f9f6f2;--color-button: #a08d78;--color-button-hover: #b09c86;--color-overlay: rgba(26, 25, 23, .82);--color-overlay-win: rgba(237, 194, 46, .45);--bg-a: rgba(210, 170, 120, .16);--bg-b: rgba(96, 120, 160, .16)}[data-theme=neon]{--color-bg: #0d0221;--color-board: #241b4a;--color-cell-empty: #2f2560;--color-text: #e6e1ff;--color-text-light: #ffffff;--color-button: #7b2ff7;--color-button-hover: #9d4edd;--color-overlay: rgba(13, 2, 33, .82);--color-overlay-win: rgba(157, 78, 221, .5);--bg-a: rgba(157, 78, 221, .34);--bg-b: rgba(0, 200, 255, .2)}[data-theme=ocean]{--color-bg: #0a2540;--color-board: #14507a;--color-cell-empty: #1d6ca3;--color-text: #e0f2ff;--color-text-light: #ffffff;--color-button: #1e88c7;--color-button-hover: #34a0d8;--color-overlay: rgba(10, 37, 64, .82);--color-overlay-win: rgba(72, 202, 228, .5);--bg-a: rgba(52, 160, 216, .32);--bg-b: rgba(72, 202, 228, .22)}[data-theme=forest]{--color-bg: #e9f5e1;--color-board: #6a8f5f;--color-cell-empty: #86a878;--color-text: #2f4a2a;--color-text-light: #f5faf2;--color-button: #4e8a45;--color-button-hover: #5fa055;--color-overlay: rgba(233, 245, 225, .82);--color-overlay-win: rgba(78, 138, 69, .5);--bg-a: rgba(120, 170, 100, .3);--bg-b: rgba(196, 220, 150, .3)}[data-theme=sunset]{--color-bg: #2a1a2e;--color-board: #7a3b5a;--color-cell-empty: #9a4f6e;--color-text: #ffe8d6;--color-text-light: #ffffff;--color-button: #e8623a;--color-button-hover: #f47a52;--color-overlay: rgba(42, 26, 46, .82);--color-overlay-win: rgba(232, 98, 58, .5);--bg-a: rgba(244, 122, 82, .32);--bg-b: rgba(200, 80, 130, .26)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;overflow-x:hidden}html{background-color:var(--color-bg);transition:background-color .25s ease}body{font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;background:transparent;color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;transition:background-color .25s ease,color .25s ease}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(65vw 65vw at 8% -5%,var(--bg-a),transparent 58%),radial-gradient(60vw 60vw at 102% 104%,var(--bg-b),transparent 58%),radial-gradient(48vw 48vw at 95% 4%,var(--bg-b),transparent 62%);transition:background .3s ease}button{font-family:inherit;cursor:pointer;border:none}.btn-primary{background:var(--color-button);color:var(--color-text-light);font-weight:700;font-size:clamp(.95rem,3.6vw,1.1rem);padding:.75rem clamp(1rem,4.5vw,1.75rem);border-radius:6px;transition:background-color .1s ease-in-out,transform .1s ease-in-out;min-height:44px}.btn-primary:hover{background:var(--color-button-hover)}.btn-primary:active{transform:translateY(1px)}.btn-primary:focus-visible{outline:3px solid var(--color-button);outline-offset:3px}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-primary.ghost{background:transparent;color:var(--color-text);box-shadow:inset 0 0 0 2px var(--color-button)}.btn-primary.ghost:hover{background:color-mix(in srgb,var(--color-button) 15%,transparent)}@media(prefers-reduced-motion:reduce){body,.btn-primary{transition:none}}.settings-backdrop{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00000073;animation:overlay-fade .18s ease-in-out}.settings-panel{width:min(100%,380px);max-height:90vh;overflow-y:auto;background:var(--color-bg);color:var(--color-text);border-radius:12px;padding:clamp(1.2rem,5vw,1.75rem);box-shadow:0 12px 40px #00000059}.settings-title{margin:0 0 .25rem;font-size:clamp(1.4rem,5vw,1.8rem);font-weight:800}.settings-note{margin:0 0 1.25rem;font-size:.85rem;opacity:.7}.settings-heading{margin:0 0 .6rem;font-size:.8rem;letter-spacing:1.5px;opacity:.75}.settings-close{width:100%}.settings-section{margin-bottom:1.25rem}.lang-choice{display:flex;gap:.6rem}.lang-choice button{flex:1;padding:.6rem;border-radius:6px;font-weight:700;background:var(--color-cell-empty);color:var(--color-text);transition:background-color .1s ease-in-out,box-shadow .1s ease-in-out}.lang-choice button.active{box-shadow:inset 0 0 0 2px var(--color-button);background:color-mix(in srgb,var(--color-button) 14%,transparent)}.lang-choice button:focus-visible{outline:3px solid var(--color-button);outline-offset:2px}.mission-bar{height:6px;border-radius:999px;background:color-mix(in srgb,var(--color-text) 18%,transparent);overflow:hidden;margin:.3rem 0 .15rem}.mission-fill{display:block;height:100%;border-radius:999px;background:var(--color-button);transition:width .25s ease}.mission-fill.h-good{background:#3fa96b}.mission-fill.h-risky{background:#d99b2b}.mission-fill.h-danger{background:#e8503a}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes pulse-low{0%,to{opacity:1}50%{opacity:.6}}.lb-list{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.6rem}.lb-row{display:grid;grid-template-columns:2.2rem 1fr auto auto;align-items:center;gap:.5rem;padding:.45rem .6rem;border-radius:6px;background:var(--color-cell-empty)}.lb-row.me{background:var(--color-button);color:var(--color-text-light)}.lb-rank{font-size:1rem;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.lb-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-tile{font-size:.75rem;padding:.05rem .4rem;border-radius:999px;background:#80808038;font-variant-numeric:tabular-nums}.lb-score{font-weight:800;font-variant-numeric:tabular-nums;min-width:3.5rem;text-align:right}.friend-muted{margin:.2rem 0 .6rem;font-size:.88rem;opacity:.65;text-align:center}.friend-error{margin:.2rem 0 .6rem;padding:.45rem .7rem;border-radius:3px;background:#dc464624;color:#d64545;font-size:.88rem;text-align:center}.auth-error{margin:0;padding:.5rem .65rem;border-radius:8px;background:#dc3c3c24;color:#d23c3c;font-size:.85rem;text-align:center}.friend-btn{flex-shrink:0;padding:.35rem .7rem;border-radius:8px;border:none;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}.friend-btn.add{background:var(--accent, #8f7a66);color:#fff}.friend-btn.ghost{background:transparent;border:1px solid var(--panel-border, rgba(128, 128, 128, .4));color:inherit}.friend-btn:hover{opacity:.88}.account-cta{width:100%}.store-tabs{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.25rem;margin-bottom:.9rem}.store-tabs button{flex:0 0 auto;padding:.45rem .9rem;border-radius:999px;font-weight:700;font-size:.9rem;background:var(--color-cell-empty);color:var(--color-text);white-space:nowrap;transition:background-color .1s ease-in-out,color .1s ease-in-out}.store-tabs button.active{background:var(--color-button);color:var(--color-text-light)}