:root{color-scheme:dark;--bg:#091720;--panel:#112730;--cream:#edf3e8;--muted:#8ca7ab;--gold:#ffd26f;--line:#264149;--teal:#56dbce;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 50% 8%,#183539 0%,#091720 63%);color:var(--cream);overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--teal);outline-offset:3px}button:disabled{cursor:default}.app{width:min(100%,460px);margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 14px max(12px,env(safe-area-inset-bottom))}.topbar{display:flex;gap:7px;align-items:center;height:48px;margin-bottom:16px}.icon-button{flex-shrink:0;width:44px;height:44px;border:1px solid #284048;border-radius:15px;background:#11272fb3;text-decoration:none;display:grid;place-items:center;font-size:23px;color:#cadfda}.icon-button:hover{background:#1e3e45}.icon-button[aria-pressed=true]{color:var(--gold);background:#2e3835}.brand{display:flex;align-items:center;gap:8px;flex:1;white-space:nowrap}.brand-mark{color:var(--gold);font-size:24px}.brand h1{font-size:20px;letter-spacing:.05em;margin:0;font-weight:800}.home{font-size:28px;margin-right:4px}.levelbar{height:57px;display:flex;align-items:center;gap:12px;margin-bottom:12px}.level-pill{background:#172f37;border:1px solid #355058;border-radius:14px;height:48px;display:flex;gap:4px;align-items:center;padding:0 12px}.level-pill #level-no{color:var(--gold);font-size:22px;font-weight:850;font-variant-numeric:tabular-nums}.level-total{font-size:13px;color:var(--muted)}.grid-glyph{font-size:19px;color:#a4bab8;margin-left:5px}.level-title{flex:1;min-width:0}.level-title h2{margin:0 0 3px;font-size:18px;font-weight:750}.level-title p{margin:0;font-size:12px;letter-spacing:.13em;color:#88a4a6}.treasure-count{display:flex;align-items:center;gap:6px;font-size:16px;color:#ffd886;background:#253630;padding:9px 10px;border-radius:12px}.treasure-count span{font-size:20px}.board-shell{position:relative;width:100%;aspect-ratio:400/570;overflow:hidden;border:1px solid #385456;border-radius:26px;background:#10292e;box-shadow:0 14px 50px #0004,inset 0 1px #6c969330}canvas{width:100%;height:100%;display:block;touch-action:none}#pin-buttons{position:absolute;inset:0;pointer-events:none}.pin-hit{position:absolute;height:44px;min-width:74px;width:27%;border:0;background:transparent;transform:translate(-50%,-50%);border-radius:20px;pointer-events:auto;color:transparent}.pin-hit:hover:not(:disabled),.pin-hit:focus-visible{background:#ffd26f1c}.pin-hit:disabled{pointer-events:none}.board-top{position:absolute;top:15px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#779b9d;pointer-events:none}.safe-tag{font-size:12px;display:flex;gap:5px;align-items:center}.safe-tag i{height:5px;width:5px;border-radius:99px;background:var(--teal)}.caption{display:flex;gap:9px;align-items:flex-start;min-height:51px;margin:12px 5px 1px}.caption-dot{color:var(--gold);margin-top:1px}.caption p{font-size:14px;line-height:1.6;color:#c5d4ce;margin:0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-right:10px}.toolbar>button{background:transparent;border:0;display:flex;align-items:center;gap:6px;min-height:46px;padding:0 9px;font-size:14px;color:#c5d6d2}.toolbar>button>span{font-size:23px;color:#91b1b1}.legend{display:flex;gap:11px;color:#86a3a5;font-size:12px}.legend span{display:flex;align-items:center;gap:4px}.legend i{width:7px;height:7px;border-radius:50%;display:block}.legend .water{background:#59d6e9}.legend .lava{background:#ff784f}.legend .gold{background:#ffcd5c}.overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#071b23c9;backdrop-filter:blur(7px);padding:20px}.hidden{display:none!important}.modal{width:100%;max-height:100%;overflow-y:auto;background:#153239;border:1px solid #4a6465;border-radius:24px;padding:25px 20px;text-align:center;box-shadow:0 20px 70px #0005}.modal .eyebrow{color:var(--teal);font-size:12px;letter-spacing:.2em;margin:0 0 9px}.modal h2{font-size:25px;margin:5px 0 12px}.modal p{font-size:14px;line-height:1.7;color:#b7cecc;margin:0 0 20px}.modal .symbol{height:54px;color:var(--gold);font-size:44px;margin:0 0 12px}.modal .stars{color:var(--gold);letter-spacing:7px;font-size:29px;margin:0 0 12px}.modal .primary,.modal .secondary{border:0;border-radius:14px;min-height:48px;width:100%;padding:12px 14px;margin-top:8px;font-size:15px;font-weight:750}.modal .primary{background:var(--gold);color:#263033;box-shadow:0 4px #c89540}.modal .primary:active{transform:translateY(2px);box-shadow:0 2px #c89540}.modal .secondary{background:#244249;color:#d7e5de;border:1px solid #39595d}.level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:12px 0}.level-choice{position:relative;min-width:44px;min-height:48px;background:#25464c;border:1px solid #416169;border-radius:12px;font-size:18px;font-weight:750;color:#dfede1}.level-choice span{font-size:9px;color:var(--gold);letter-spacing:1px;display:block}.level-choice.current{border:2px solid var(--gold)}.level-choice.locked{opacity:.46}.level-choice:disabled{opacity:.4}.notice-toast{position:absolute;left:20px;right:20px;bottom:25px;z-index:4;transform:translateY(20px);opacity:0;background:#eff3de;color:#23383b;padding:13px 15px;border-radius:14px;font-size:14px;line-height:1.5;transition:opacity .2s,transform .2s;pointer-events:none;box-shadow:0 5px 25px #0003}.notice-toast.show{opacity:1;transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:700px){.app{padding-top:max(25px,env(safe-area-inset-top));width:440px}.topbar{margin-bottom:21px}.board-shell{box-shadow:0 24px 90px #0007}.caption{margin-top:15px}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#2f565a66 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(transparent,#0008)}}@media(max-width:350px){.app{padding:max(8px,env(safe-area-inset-top)) 10px max(8px,env(safe-area-inset-bottom))}.brand h1{font-size:18px}.brand-mark{display:none}.topbar{gap:5px;margin-bottom:10px}.levelbar{gap:9px}.level-title h2{font-size:16px}.level-pill{padding:0 9px}.treasure-count{font-size:14px;padding:8px}.legend{gap:7px}.modal{padding:19px 14px}.modal h2{font-size:22px}.overlay{padding:12px}.caption{margin:9px 2px 0}.caption p{font-size:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.chapter-nav{display:grid;grid-template-columns:44px 1fr 44px;gap:6px;margin:10px 0}.modal .chapter-nav button{min-height:44px;padding:6px;margin:0}.chapter-nav button:first-child,.chapter-nav button:last-child{font-size:24px}.chapter-nav button:disabled{opacity:.35}.chapter-grid{display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:6px;margin:16px 0}.chapter-choice{min-height:55px;border:1px solid #416169;border-radius:12px;background:#25464c;font-size:18px;font-weight:750;color:#dfede1}.chapter-choice span{display:block;font-size:12px;color:#9fbab4}.chapter-choice.current{border:2px solid var(--gold)}
@media(max-width:350px){.level-grid,.chapter-grid{grid-template-columns:repeat(4,minmax(44px,1fr))}}