.loading-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;background:var(--cave, #0d0a14);overflow:hidden;opacity:1;transition:opacity .65s ease}.loading-bgwrap{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;overflow:hidden}.loading-bg{width:100%;height:100%;object-fit:cover;animation:loading-kenburns 8s ease-in-out infinite alternate}.loading-glow{position:absolute;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;filter:blur(18px)}.loading-glow.crystal{aspect-ratio:1;background:radial-gradient(circle,#9d5cff8c,#9d5cff00 70%);animation:loading-pulse 2.4s ease-in-out infinite}.loading-glow.crystal.big{animation-duration:3.2s}.loading-glow.lantern{aspect-ratio:1;background:radial-gradient(circle,#e6c15c66,#e6c15c00 70%);animation:loading-pulse 2.8s ease-in-out infinite reverse}.loading-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 60% at 50% 45%,transparent 40%,rgba(13,10,20,.75) 100%);pointer-events:none}.loading-content{position:relative;z-index:1;display:grid;gap:14px;justify-items:center;width:min(280px,70vw)}.loading-bar{width:100%;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden;box-shadow:inset 0 1px 2px #00000073}.loading-bar-fill{height:100%;width:40%;border-radius:inherit;background:linear-gradient(90deg,var(--accent, #7c3aed),var(--gold, #e6c15c));animation:loading-bar 1.6s ease-in-out infinite}.loading-label{margin:0;color:var(--muted, #b5bac1);font-size:.95rem;letter-spacing:.02em;text-align:center}@keyframes loading-kenburns{0%{transform:scale(1.02)}to{transform:scale(1.1)}}@keyframes loading-pulse{0%,to{opacity:.45;transform:translate(-50%,-50%) scale(.92)}50%{opacity:.95;transform:translate(-50%,-50%) scale(1.08)}}@keyframes loading-bar{0%{transform:translate(-120%)}to{transform:translate(320%)}}:root{--cave: #0d0a14;--cave-2: #17111f;--stone: #1d1826;--stone-2: #241c30;--stone-edge: #0a0710;--tile: #2a2145;--tile-2: #201936;--text: #f2f3f5;--muted: #b5bac1;--faint: #8f94a3;--accent: #7c3aed;--accent-2: #9d5cff;--glow: rgba(157, 92, 255, .55);--gold: #e6c15c;--gold-hi: #f6da86;--gold-2: #d3a238;--gold-deep: #8a6a1a;--gold-dark: #5f4514;--valid: #23a55a;--partial: #f0b232;--invalid: #f23f43;--line: #3a3347;--key-cut: 12px;color:var(--text);background:var(--cave);font-family:gg sans,Noto Sans,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(90% 75% at 50% 45%,#0d0a1400 55%,#09060e8c),url(../cave-bg.webp) center / cover no-repeat fixed,var(--cave)}button,input,select,textarea{font:inherit}html{-webkit-text-size-adjust:100%}body{overscroll-behavior-y:contain}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cabinet,.mobile-keypad,.utility-bar,.cavern-top{user-select:none;-webkit-user-select:none}button{border:1px solid var(--stone-edge);border-radius:10px;color:var(--text);background:linear-gradient(180deg,var(--stone-2),var(--stone));cursor:pointer;min-height:44px;box-shadow:0 3px #060409,0 5px 10px #00000080,inset 0 1px #ffffff12;transition:transform .07s ease,box-shadow .07s ease,filter .12s ease,opacity .15s ease}button:hover:not(:disabled){filter:brightness(1.15)}button:active:not(:disabled){transform:translateY(2px);box-shadow:0 0 #060409,0 2px 4px #00000073,inset 0 1px #ffffff0d}button:disabled{cursor:not-allowed;opacity:.32;box-shadow:0 2px #060409,inset 0 1px #ffffff0a}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:2px}textarea{border:1px solid var(--line);color:var(--text);background:#151020;box-shadow:inset 0 1px 3px #00000080}.shell{position:relative;z-index:1;width:min(640px,100%);margin:0 auto;padding:14px 16px 40px;display:flex;flex-direction:column;gap:16px}.cavern-top{display:grid;grid-template-columns:minmax(0,1fr)}.banner{justify-self:center;width:min(400px,100%);height:auto;display:block;filter:drop-shadow(0 8px 22px rgba(124,58,237,.5))}.corner-key{width:56px;height:56px;display:grid;place-items:center;border-radius:14px;border:2px solid var(--gold-dark);background:linear-gradient(180deg,var(--stone-2),#16111f);color:var(--gold);box-shadow:0 3px #060409,0 6px 14px #0000008c,inset 0 1px #ffffff14}.corner-key svg{width:26px;height:26px;fill:currentColor}.cabinet{display:flex;flex-direction:column;align-items:center}.cabinet:focus{outline:none}.cabinet-grid{--cab-w: min(608px, 100vw - 32px);--rail: clamp(56px, 13vw, 84px);--gap: 10px;--board-w: calc(var(--cab-w) - 2 * (var(--rail) + var(--gap)));--key-h: calc((var(--board-w) - 3 * var(--gap)) / 4);width:100%;display:grid;grid-template-columns:var(--rail) minmax(0,1fr) var(--rail);grid-template-rows:repeat(5,var(--key-h));gap:var(--gap)}.cabinet-grid>*,.bottom-rail>*,.action-row>*{min-width:0;min-height:0}.key-rail{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:var(--gap)}.rail-left{grid-column:1;grid-row:1 / 5}.rail-right{grid-column:3;grid-row:1 / 5}.stone-key{position:relative;min-height:0;padding:2.5px;border:none;border-radius:0;background:linear-gradient(180deg,var(--gold-2),var(--gold-dark) 55%,#3c2c0d);clip-path:polygon(var(--key-cut) 0,calc(100% - var(--key-cut)) 0,100% var(--key-cut),100% calc(100% - var(--key-cut)),calc(100% - var(--key-cut)) 100%,var(--key-cut) 100%,0 calc(100% - var(--key-cut)),0 var(--key-cut));box-shadow:none}.stone-key:active:not(:disabled){transform:translateY(1px)}.stone-key-face{display:grid;place-items:center;width:100%;height:100%;min-height:40px;clip-path:polygon(calc(var(--key-cut) - 2px) 0,calc(100% - var(--key-cut) + 2px) 0,100% calc(var(--key-cut) - 2px),100% calc(100% - var(--key-cut) + 2px),calc(100% - var(--key-cut) + 2px) 100%,calc(var(--key-cut) - 2px) 100%,0 calc(100% - var(--key-cut) + 2px),0 calc(var(--key-cut) - 2px));background:radial-gradient(80% 60% at 50% 8%,rgba(255,255,255,.06),transparent 60%),linear-gradient(180deg,#221b2e,#171220 70%,#120d1a);color:var(--gold-hi);font-size:clamp(1.2rem,3.2vw,1.75rem);font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.85)}.stone-key:disabled{opacity:.32}.board{grid-column:2;grid-row:1 / 5;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:6px;padding:12px;border-radius:14px;border:3px solid var(--gold-deep);background:linear-gradient(180deg,#1c142e,#140e22);box-shadow:0 0 0 2px #9d5cff59,0 0 28px #7c3aed73,inset 0 0 34px #7c3aed47,0 12px 30px #0000008c}.cell{position:relative;border-radius:8px;padding:8px;min-height:0;min-width:0;display:grid;place-items:center;border:1px solid #120c1e;background:linear-gradient(160deg,var(--tile) 0%,var(--tile-2) 100%);box-shadow:inset 0 1px #ffffff0f,inset 0 -5px 9px #0006}.cell.selected{border-color:var(--accent-2);box-shadow:inset 0 0 16px #9d5cff80,0 0 0 2px #9d5cff80,0 0 16px #7c3aed80}.cell.given{background:linear-gradient(157deg,#e6bd58,#b98d31 55%,#8a641d);border-color:var(--gold-dark);color:#2c1f05;text-shadow:0 1px 0 rgba(255,255,255,.3)}.cell.given .clues{color:#2c1f05bf}.cell.valid{border-color:var(--valid);box-shadow:inset 0 0 14px #23a55a66}.cell.partial{border-color:var(--partial);box-shadow:inset 0 0 14px #f0b23259}.cell.invalid{border-color:var(--invalid);box-shadow:inset 0 0 14px #f23f4366}.cell.lantern-premise{outline:3px dashed #ffe08a;outline-offset:-5px}.cell.lantern-affected{box-shadow:inset 0 0 0 4px #8ce6ff,inset 0 0 18px #50c8ff59}.cell.pickaxe-locked:not(.given){outline:3px solid var(--gold-hi);outline-offset:-5px;background:linear-gradient(145deg,#5b431a,#241a0c)}.tool-marker{position:absolute;z-index:2;right:2px;bottom:2px;display:grid;place-items:center;width:22px;height:22px;border:none;border-radius:50%;background:transparent;pointer-events:none}.tool-marker .tool-art{width:22px;height:22px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.85))}.tool-marker.affected{opacity:.82}.clues{position:absolute;inset:7px 8px auto 8px;display:flex;justify-content:space-between;color:#b9a8e8;font-weight:800;font-size:clamp(.68rem,2vw,.85rem)}.answer{display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:0;font-size:clamp(1.3rem,5vw,2.3rem);font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.6)}.board-x-image{width:58%;height:58%;max-width:58%;max-height:58%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 7px rgba(0,0,0,.55)) drop-shadow(0 0 10px rgba(157,92,255,.4))}.notes{position:absolute;inset:auto 8px 6px;color:#c4b5fd;font-size:.72rem;line-height:1.1}.bottom-rail{grid-column:1 / 4;grid-row:5;display:grid;grid-template-columns:var(--rail) minmax(0,1fr) var(--rail);gap:var(--gap);align-items:stretch}.action-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 15px;gap:6px;align-items:center;min-width:0;min-height:0}.action-row .action-key{height:100%}.action-key{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:0;padding:6px 8px;border:2px solid var(--gold-dark);border-radius:12px;background:linear-gradient(180deg,#241c30,#150f1f);color:var(--gold-hi);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.action-key svg{width:20px;height:20px;fill:currentColor}.action-key.active{border-color:var(--accent-2);color:#fff;background:linear-gradient(180deg,#4c2a86,#33195e);box-shadow:0 0 14px #7c3aed80,inset 0 1px #ffffff26}.hash-key,.x-key{min-width:0;overflow:hidden;border-width:2.5px;border-color:var(--accent-2);background:radial-gradient(70% 55% at 50% 30%,rgba(200,160,255,.28),transparent 65%),linear-gradient(180deg,#5b2ea6,#3a1a70);box-shadow:0 0 24px #9d5cffa6,0 3px #1f0d40,inset 0 1px #fff3}.hash-key{display:grid;place-items:center;padding:0;font-size:clamp(1.4rem,3.8vw,1.85rem)}.x-key img{width:52%;height:52%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,255,255,.4))}.x-key small{font-size:.64rem;color:#e9deff;letter-spacing:0;text-transform:none}.utility-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:2px solid var(--gold-dark);border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#1d1627,#130e1c);box-shadow:0 8px 20px #00000080,inset 0 1px #ffffff0f}.temporal-tool-bar{grid-template-columns:repeat(4,minmax(0,1fr))}.gold-tool-bar{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(0,1.1fr);border-color:var(--gold-deep);box-shadow:0 8px 20px #00000080,0 0 18px #e6c15c1f,inset 0 1px #ffffff0f}.utility-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:84px;padding:8px 6px 7px;border:none;border-radius:0;background:transparent;box-shadow:none;color:var(--gold);font-weight:800;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}.utility-btn svg{width:24px;height:24px;fill:currentColor}.utility-btn+.utility-btn,.gold-readout+.utility-btn{border-left:1.5px solid rgba(230,193,92,.28)}.utility-btn:hover:not(:disabled){background:#e6c15c12;filter:none}.utility-btn:active:not(:disabled){transform:none;box-shadow:none;background:#e6c15c1f}.utility-btn.active{color:#fff;background:linear-gradient(180deg,#4c2a86,#33195e);box-shadow:inset 0 0 0 2px var(--accent-2)}.utility-btn small{color:var(--muted);font-size:.64rem;letter-spacing:0;text-transform:none}.tool-art{width:40px;height:40px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 0 7px rgba(246,218,134,.55)) drop-shadow(0 4px 8px rgba(0,0,0,.45))}.tool-art-wrap{position:relative;display:grid;place-items:center}.tool-art-wrap.empty .tool-art{filter:grayscale(.35) brightness(.72) drop-shadow(0 4px 8px rgba(0,0,0,.55))}.tool-count{position:absolute;z-index:1;top:-4px;right:-8px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--gold-deep);background:linear-gradient(180deg,var(--gold-hi),var(--gold-2));color:#1b1206;font-size:.68rem;font-weight:900;line-height:1;box-shadow:0 1px 0 var(--gold-deep),0 2px 6px #00000073}.gold-readout{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:84px;padding:8px 4px 7px;border:none;border-radius:0;border-left:1.5px solid rgba(230,193,92,.28);background:radial-gradient(90% 80% at 50% 28%,rgba(230,193,92,.16),transparent 70%);box-shadow:none;color:var(--gold-hi)}.gold-readout .tool-art{width:42px;height:42px}.gold-readout strong{font-size:1.05rem;font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1.1}.gold-readout small{color:var(--gold);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.gold-readout:hover{background:radial-gradient(90% 80% at 50% 28%,rgba(230,193,92,.24),transparent 70%);filter:none}.gold-readout:active{transform:none;box-shadow:none}.gold-tool-bar .utility-btn:disabled{opacity:.58}.stasis-btn.active{color:#e7fbff;background:linear-gradient(180deg,#1c5470,#0e3044);box-shadow:inset 0 0 0 2px #8ce6ff,0 0 16px #50c8ff59;animation:stasis-pulse 1.6s ease-in-out infinite}@keyframes stasis-pulse{0%,to{box-shadow:inset 0 0 0 2px #8ce6ff,0 0 10px #50c8ff47}50%{box-shadow:inset 0 0 0 2px #c5f6ff,0 0 18px #50c8ff8c}}.hud-row{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:end;gap:10px;min-width:0}.hud-row .hud-clock{justify-self:center;width:max-content}.hud-center{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}.hud-diffs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,340px);min-width:0;padding:3px;border-radius:12px;background:#00000052;border:1px solid rgba(230,193,92,.22)}.hud-diffs button{min-width:0;min-height:32px;padding:0 8px;border:none;border-radius:9px;background:transparent;box-shadow:none;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.hud-diffs button.active{background:linear-gradient(180deg,#2c2239,#1c1428);color:var(--gold-hi);box-shadow:inset 0 0 0 1px var(--gold-deep)}.hud-diffs button:hover:not(.active){color:var(--gold);filter:none}.hud-date{margin:0;color:var(--faint);font-size:.7rem;font-weight:700;letter-spacing:.04em;font-variant-numeric:tabular-nums}.hud-clock{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:6px 18px;border:1.5px solid var(--gold-deep);border-radius:999px;background:linear-gradient(180deg,#241c30,#171021);color:var(--gold-hi);font-weight:800;font-size:1.05rem;font-variant-numeric:tabular-nums;letter-spacing:.04em;box-shadow:0 4px 12px #00000073,inset 0 1px #ffffff0f}.hud-clock svg{width:16px;height:16px;fill:currentColor}.hud-clock-time{min-width:4.2ch;text-align:center}.hud-clock:disabled{opacity:1;color:var(--muted);border-color:var(--line);box-shadow:none;cursor:default}.hud-clock:hover:not(:disabled){background:linear-gradient(180deg,#2c2239,#1c1428);filter:none}.hud-clock:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 6px #00000073}.hud-clock.paused{color:#1b1206;border-color:var(--gold-hi);background:linear-gradient(180deg,var(--gold-hi),var(--gold-2))}.hud-clock.paused:hover:not(:disabled){color:#1b1206;background:linear-gradient(180deg,#ffeeb5,var(--gold-hi))}.utility-status{display:flex;align-items:center;justify-content:center;gap:10px;min-height:34px;padding:0 12px;color:var(--gold-hi);font-weight:600;font-size:.88rem;line-height:1.35;text-align:center;text-wrap:balance;min-width:0}.utility-feedback{display:grid;gap:6px}.lantern-explanation{display:block;margin-top:6px;padding:10px 14px;border:2px dashed var(--gold);border-radius:10px;background:#e6c15c14;color:var(--text);font-size:.86rem;line-height:1.4}.lantern-explanation strong{color:var(--gold-hi)}.utility-status svg{width:22px;height:22px;flex:0 0 auto;fill:var(--gold)}.hint-art{width:28px;height:28px;flex:0 0 auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.55))}.result{display:flex;align-items:center;gap:14px;padding:14px 18px;border:2px solid var(--gold-dark);border-radius:14px;background:linear-gradient(180deg,#1d1627,#130e1c);box-shadow:0 8px 20px #00000080,inset 0 1px #ffffff0f}.result-body{flex:1;min-width:0}.result-body h3{margin:0 0 4px;font-size:1.05rem;color:var(--gold-hi)}.result-line{margin:0;color:var(--muted);font-size:.9rem}.streak-freeze-note{margin:6px 0 0;color:#8fd4ff;font-size:.85rem}.result-actions{display:flex;flex-wrap:nowrap;gap:6px;width:100%;margin-top:10px}.result-actions button{flex:1 1 0;min-width:0;min-height:40px;padding:6px 8px;font-size:.72rem;font-weight:700;line-height:1.2;color:var(--gold);border-color:var(--gold-dark);white-space:normal;text-wrap:balance;text-align:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:#06040ab8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto}.modal-dialog{width:min(460px,100%);max-height:calc(100vh - 40px);overflow-y:auto;display:grid;gap:14px;padding:18px;border:2px solid var(--gold-deep);border-radius:18px;background:linear-gradient(170deg,#211a2d,#140f1e);box-shadow:0 30px 80px #000000b3,inset 0 1px #ffffff0f}.modal-narrow{width:min(420px,100%)}.modal-wide{width:min(680px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-head h2{margin:0;color:var(--gold-hi);font-size:1.15rem;letter-spacing:.02em}.modal-close{width:40px;min-height:40px;display:grid;place-items:center;border-radius:10px;font-size:1.2rem;font-weight:900;color:var(--gold);border-color:var(--gold-dark)}.confirmation-overlay{z-index:45}.share-sheet-overlay{z-index:46}.share-sheet{width:min(560px,100%)}.share-sheet-preview{width:100%;aspect-ratio:1200 / 630;object-fit:cover;border-radius:12px;border:1px solid var(--gold-dark);background:#100c18}.share-sheet-status{margin:0;padding:18px;border-radius:12px;border:1px solid var(--line);background:#151020;color:var(--muted);white-space:pre-wrap;line-height:1.45}.share-sheet-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.share-sheet-actions button{min-height:44px;padding:0 8px;font-size:.78rem;font-weight:800;color:var(--gold);border-color:var(--gold-dark);white-space:nowrap}.confirmation-copy{margin:0;color:var(--muted);line-height:1.5}.confirmation-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.confirmation-actions button{min-height:44px;color:var(--gold);border-color:var(--gold-dark);font-weight:800}.confirmation-actions button:last-child{background:linear-gradient(180deg,var(--accent-2),var(--accent));border-color:#3a1f7a;color:#fff;box-shadow:0 3px #2a1560,0 5px 10px #7c3aed66,inset 0 1px #fff3}.map-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.map-picker button{min-height:44px;border-radius:10px;padding:0 9px;font-size:.8rem;font-weight:800}.map-picker button.active{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#fff;border-color:#3a1f7a;box-shadow:0 3px #2a1560,0 4px 9px #7c3aed6b,inset 0 1px #fff3}.guild-archive{display:grid;gap:9px;padding:11px;border:1px solid var(--line);border-radius:12px;background:#ffffff08}.guild-archive-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.guild-archive-head h3{margin:0;color:var(--gold-hi);font-size:.92rem;display:inline-flex;align-items:center;gap:8px}.guild-head-art{width:32px;height:32px;flex:0 0 auto;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}.guild-archive-head span{color:var(--gold);font-size:.76rem;font-weight:700}.guild-unlock{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.guild-unlock label,.guild-select{display:grid;gap:4px;color:var(--muted);font-size:.76rem}.guild-unlock select,.guild-select select{width:100%;min-height:40px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:#151020;color:var(--text);color-scheme:dark}.guild-unlock button{min-height:40px;padding-inline:10px;color:var(--gold);border-color:var(--gold-dark);font-size:.76rem;font-weight:800}.guild-empty{margin:0;color:var(--faint);font-size:.76rem}@media(max-width:420px){.guild-unlock{grid-template-columns:1fr}}.daily-status{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0;color:var(--muted);font-size:.92rem}.daily-status span{text-transform:capitalize;font-weight:600;color:var(--text)}.daily-status small{color:var(--gold-hi);font-weight:700;white-space:nowrap}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:.92rem}.lang-picker{display:flex;gap:6px}.lang-picker button{min-height:36px;border-radius:10px;padding:0 10px;font-size:.78rem;font-weight:800}.lang-picker button.active{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#fff;border-color:#3a1f7a;box-shadow:0 3px #2a1560,0 4px 9px #7c3aed6b,inset 0 1px #fff3}.sound-toggle{position:relative;display:inline-grid;place-items:center;min-width:52px;min-height:48px}.sound-toggle svg{width:22px;height:22px;fill:currentColor}.sound-toggle.muted{color:var(--faint)}.danger{background:linear-gradient(180deg,#ed4245,#a12225);border-color:#7a1a1c;color:#fff;padding-inline:16px;box-shadow:0 3px #6a1618,0 5px 9px #0006,inset 0 1px #ffffff26}.vault-note{margin:0;color:var(--muted);font-size:.92rem}.reveals{display:flex;flex-wrap:wrap;gap:8px}.reveals:empty{display:none}.gem-chip{--gem-color: #94a3b8;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--gem-color),#100c18 66%);border:1px solid color-mix(in srgb,var(--gem-color),white 20%);box-shadow:0 3px 8px #00000059;font-weight:600}.gem-thumb{width:22px;height:22px;max-width:22px;max-height:22px;object-fit:contain;pointer-events:none;flex:0 0 auto;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--gem-color),transparent 30%))}dl{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0}dl div{border-radius:12px;background:#ffffff0a;box-shadow:inset 0 1px #ffffff0d;padding:10px;text-align:center}dt{color:var(--faint);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem}dd{margin:0;font-size:1.5rem;font-weight:900;color:var(--gold-hi)}.collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.collection-gem-card{--gem-color: #94a3b8;display:grid;gap:10px;min-width:0;padding:12px;border-radius:16px;background:radial-gradient(circle at 30px 22px,color-mix(in srgb,var(--gem-color),white 28%),transparent 52px),linear-gradient(145deg,color-mix(in srgb,var(--gem-color),#100c18 58%),color-mix(in srgb,var(--gem-color),#05040a 80%));border:1px solid color-mix(in srgb,var(--gem-color),white 20%);box-shadow:inset 0 1px #ffffff1f,0 8px 20px #00000059}.collection-gem-top{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0}.collection-gem-card.empty{background:linear-gradient(145deg,#1a1626,#100c18);border-color:color-mix(in srgb,var(--gem-color),#100c18 55%);box-shadow:inset 0 1px #ffffff0d,0 8px 20px #00000059}.collection-gem-card.empty .collection-gem-image{filter:grayscale(1) brightness(.45);opacity:.7}.collection-gem-card.empty .collection-gem-copy span{color:var(--faint);font-weight:600}.collection-gem-rarity{display:grid;grid-auto-flow:column;gap:3px;align-self:center}.collection-gem-rarity .pip{width:5px;height:5px;border-radius:50%;background:#ffffff2e}.collection-gem-rarity .pip.on{background:var(--gold-hi);box-shadow:0 0 4px #f6da8699}.collection-gem-card.empty .collection-gem-rarity .pip.on{background:color-mix(in srgb,var(--gem-color),white 25%);box-shadow:none}.collection-gem-image{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(0,0,0,.4));pointer-events:none}.collection-gem-copy{display:grid;gap:3px;min-width:0}.collection-gem-copy strong{font-size:.98rem}.collection-gem-copy span{color:var(--gold-hi);font-weight:800;font-size:.85rem}.collection-gem-copy small{color:var(--muted);font-size:.76rem}.collection-gem-description{color:#f4f6fb;text-shadow:0 1px 2px rgba(0,0,0,.55);line-height:1.35;font-size:.78rem;overflow-wrap:anywhere}.vault-economy,.vault-shop{display:grid;gap:10px}.vault-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.vault-section-head h3{margin:0;color:var(--gold-hi);font-size:1rem}.vault-section-head strong,.vault-section-head span{color:var(--gold);font-size:.88rem}.vault-gold-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;border:1px solid var(--gold-dark);background:linear-gradient(180deg,#f6da8629,#5f451438);box-shadow:inset 0 1px #ffffff1f}.vault-gold-chip .tool-art{width:32px;height:32px}.vault-gold-chip strong{color:var(--gold-hi);font-size:.92rem;font-variant-numeric:tabular-nums}.vault-gemstone-head button{min-height:40px;padding:0 12px;color:var(--gold);border-color:var(--gold-dark);font-size:.78rem;font-weight:800}.crystal-balances{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;font-size:.78rem;color:var(--muted)}.crystal-balances strong{color:var(--gold-hi);text-align:right}.vault-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.gold-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vault-shop-item{display:grid;grid-template-rows:auto auto 1fr auto;gap:8px;min-width:0;padding:12px 11px 11px;border:1px solid color-mix(in srgb,var(--gold-dark),transparent 35%);border-radius:14px;background:radial-gradient(120% 70% at 50% -10%,rgba(246,218,134,.12),transparent 55%),linear-gradient(165deg,#ffffff0d,#ffffff04);box-shadow:inset 0 1px #ffffff12,0 8px 18px #00000038}.vault-item-art{width:72px;height:72px;justify-self:center;object-fit:contain;pointer-events:none;filter:drop-shadow(0 0 14px rgba(246,218,134,.5)) drop-shadow(0 10px 14px rgba(0,0,0,.4))}.vault-shop-item>div{display:grid;gap:2px}.vault-shop-item>div span{color:var(--gold-hi);font-size:.76rem;font-weight:700}.vault-shop-item p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.35}.vault-shop-item button{min-height:40px;padding:0 8px;color:var(--gold);border-color:var(--gold-dark);font-size:.74rem;font-weight:800}.gem-exchange{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;align-items:end}.gem-exchange label{display:grid;gap:4px;color:var(--muted);font-size:.7rem}.gem-exchange input{width:100%;height:40px;padding:0 8px;border:1px solid var(--line);border-radius:9px;background:#151020;color:var(--text);font:inherit}.gem-exchange button{min-height:40px;padding:0 8px;color:var(--gold);border-color:var(--gold-dark);font-size:.75rem;font-weight:800}@media(max-width:600px){.vault-shop-grid,.collection,.crystal-balances{grid-template-columns:1fr}.crystal-balances strong{text-align:left}}.share-box{display:grid;gap:8px;color:var(--muted);font-size:.88rem}.share-box button{min-height:42px;font-weight:800;color:var(--gold);border-color:var(--gold-dark)}.share-label{text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;color:var(--gold);font-weight:800}.share-card{margin:0;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#151020;color:var(--text);font-family:inherit;font-size:.9rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:inset 0 1px 3px #00000080}.share-actions{display:flex;gap:8px}.share-actions button{flex:1;min-height:42px;font-weight:700;color:var(--gold);border-color:var(--gold-dark)}textarea{width:100%;min-height:120px;border-radius:12px;padding:12px;resize:vertical}.history-card{display:grid;gap:10px}.history-card h2{margin:0;color:var(--gold-hi);font-size:1rem}.history{max-height:200px;overflow-y:auto;margin:0;padding:0;list-style:none;color:var(--muted);font-size:.88rem;line-height:1.35}.history li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.history li+li{margin-top:7px;padding-top:7px;border-top:1px solid rgba(58,51,71,.6)}.history-map{font-weight:600;color:var(--text)}.history-meta{color:var(--muted);white-space:nowrap}.flight-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;overflow:hidden}.flying-gem{position:fixed;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.42));will-change:transform,opacity}.tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#08060cc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow-y:auto}.tutorial-dialog{position:relative;width:min(880px,100%);max-height:calc(100vh - 40px);overflow-y:auto;display:grid;gap:14px;padding:16px 18px 18px;border-radius:22px;background:linear-gradient(160deg,#241d30,#17111f);border:2px solid var(--gold-deep);box-shadow:0 34px 110px #000000b3,inset 0 1px #ffffff0f}.tutorial-stage{position:relative;width:100%;aspect-ratio:2702 / 1506;container-type:inline-size;min-width:0}.tutorial-visual{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.tutorial-visual img{display:block;width:100%;height:100%;object-fit:contain;border-radius:14px}.tutorial-copy{position:absolute;top:20%;left:37%;width:44%;height:50%;overflow:hidden}.tutorial-step-count{margin:0 0 1cqw;color:#92400e;font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:1.5cqw}.tutorial-copy h2{margin:0 0 1.2cqw;color:#111827;font-size:3.1cqw;line-height:1.05;letter-spacing:-.02em}.tutorial-copy p{margin:0 0 1.2cqw;color:#1f2937;line-height:1.4;font-size:1.85cqw}.tutorial-copy p:last-child{margin-bottom:0}.tutorial-actions{display:grid;grid-template-columns:minmax(110px,1fr) minmax(110px,2fr);gap:12px}.tutorial-actions button{padding:0 18px;min-height:48px}.tutorial-actions button:not(.secondary){background:linear-gradient(180deg,var(--accent-2),var(--accent));border-color:#3a1f7a;color:#fff;font-weight:800;box-shadow:0 3px #2a1560,0 5px 10px #7c3aed66,inset 0 1px #fff3}.tutorial-actions .secondary{color:var(--gold);background:transparent;border:1.5px solid var(--gold-dark);box-shadow:none;font-weight:700}.tutorial-actions .secondary:hover:not(:disabled){background:#e6c15c14;filter:none}.tutorial-close{position:absolute;z-index:2;top:12px;right:12px;width:42px;min-width:42px;min-height:42px;display:grid;place-items:center;border-radius:12px;color:#2c1f05;background:linear-gradient(180deg,var(--gold-hi),var(--gold-2));border-color:#a9781f;font-weight:900;box-shadow:0 3px 0 var(--gold-deep),0 6px 16px #0006,inset 0 1px #fff6}@media(max-width:560px){.tutorial-stage{aspect-ratio:auto;container-type:normal;display:grid;gap:12px}.tutorial-visual{position:relative;inset:auto}.tutorial-visual img{height:auto}.tutorial-copy{position:relative;top:auto;left:auto;width:100%;height:auto;overflow:visible}.tutorial-step-count{color:var(--gold);font-size:.7rem}.tutorial-copy h2{color:var(--gold-hi);font-size:1.3rem}.tutorial-copy p{color:var(--muted);font-size:.92rem;line-height:1.5}}.loading-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;background:#0c0a12;overflow:hidden;opacity:1;transition:opacity .6s ease}.loading-scene.leaving{opacity:0;pointer-events:none}.loading-bgwrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.loading-bg{position:absolute;top:-3%;right:-3%;bottom:-3%;left:-3%;width:106%;height:106%;object-fit:cover;animation:kenburns 14s ease-in-out infinite alternate}.loading-glow{position:absolute;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;filter:blur(8px);mix-blend-mode:screen;animation:glowpulse 3.4s ease-in-out infinite}.loading-glow.crystal{background:radial-gradient(circle,rgba(168,85,247,.55) 0%,rgba(147,51,234,.16) 55%,transparent 72%)}.loading-glow.lantern{background:radial-gradient(circle,rgba(251,146,60,.4) 0%,rgba(251,146,60,.1) 52%,transparent 72%);animation-duration:2.2s}.loading-glow.big{animation-duration:4.2s}.loading-glow:nth-child(3){animation-delay:.8s}.loading-glow:nth-child(4){animation-delay:1.5s}.loading-glow:nth-child(6){animation-delay:1.1s}.loading-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 42%,transparent 40%,rgba(10,8,16,.72) 100%),linear-gradient(180deg,#0a081059,#0a08109e)}.loading-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:20px;padding:24px;width:min(560px,90%)}.loading-bar{width:100%;height:12px;border-radius:999px;background:#00000080;border:1px solid rgba(255,255,255,.12);overflow:hidden;box-shadow:inset 0 1px 3px #0009}.loading-bar-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--gold-deep),var(--gold-hi),var(--gold));box-shadow:0 0 10px #f6da86b3;animation:fillup 2.2s ease-out forwards}.loading-label{margin:0;color:var(--gold-hi);font-weight:700;letter-spacing:.02em;font-size:.92rem;text-shadow:0 2px 8px rgba(0,0,0,.7)}@keyframes kenburns{0%{transform:scale(1) translate(0)}to{transform:scale(1.08) translate(-1%,-1.5%)}}@keyframes glowpulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(.9)}50%{opacity:.95;transform:translate(-50%,-50%) scale(1.15)}}@keyframes fillup{0%{width:0}to{width:100%}}@media(max-width:480px){.shell{padding:10px 10px 28px;gap:12px}.hud-row{grid-template-columns:46px minmax(0,1fr) 46px;gap:8px}.hud-diffs button{min-height:30px;font-size:.64rem;letter-spacing:.04em}.corner-key{width:46px;height:46px}.corner-key svg{width:21px;height:21px}.cabinet-grid{--gap: 7px}.stone-key-face{min-height:0}.action-row{gap:3px}.action-key{padding:4px 3px;font-size:.58rem;letter-spacing:.02em}.action-key svg{width:16px;height:16px}.hash-key{font-size:1.2rem}.clues{font-size:.62rem;inset:4px 5px auto 5px}.x-key{gap:0;padding:2px 0;border-width:1.5px}.x-key img{width:44%;height:44%}.x-key small{font-size:.5rem;line-height:1}.utility-btn,.gold-readout{min-height:72px;font-size:.66rem}.tool-art{width:34px;height:34px}.gold-readout .tool-art{width:36px;height:36px}.gold-readout strong{font-size:.92rem}.utility-status{min-height:60px;font-size:.76rem;gap:7px}.collection{grid-template-columns:1fr}dl{grid-template-columns:repeat(2,1fr)}}html:has(.shell.mobile),html:has(.shell.mobile) body{height:100%;overflow:hidden}.shell.mobile{height:100vh;height:100svh;min-height:0;overflow:hidden;padding:6px 10px 0;padding-top:max(6px,env(safe-area-inset-top));gap:6px}.shell.mobile .banner{width:min(132px,42%)}.shell.mobile .hud-diffs{width:min(280px,100%)}.shell.mobile .hud-diffs button{font-size:.66rem;padding:0 4px;letter-spacing:.03em;min-height:28px}.shell.mobile .hud-row{width:100%;flex:0 0 auto;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px}.shell.mobile .hud-center{gap:4px}.shell.mobile .hud-clock{min-height:32px;padding:3px 12px;font-size:.95rem}.shell.mobile .corner-key{width:44px;height:44px}.shell.mobile .cabinet{flex:1 1 auto;min-height:0;width:100%;display:grid;place-items:center;container-type:size}.shell.mobile .cabinet-grid{width:min(100cqi,100cqh);height:min(100cqi,100cqh);display:block}.shell.mobile .board{aspect-ratio:auto;width:100%;height:100%;margin:0}.shell.mobile .clues{font-size:clamp(.66rem,3.1cqi,.88rem)}.shell.mobile .answer{font-size:clamp(1.35rem,8.2cqi,2.3rem)}.shell.mobile .notes{font-size:.76rem}.shell.mobile .vault-item-art{width:64px;height:64px}.shell.mobile .utility-status{min-height:0;padding:0 2px 4px;font-size:.74rem;line-height:1.25}.shell.mobile .utility-status svg,.shell.mobile .hint-art{width:18px;height:18px}.shell.mobile .lantern-explanation{margin-top:4px;padding:6px 10px;font-size:.74rem}.shell.mobile .result{flex-direction:column;text-align:center;padding:10px 12px}.shell.mobile .result-actions{flex-wrap:nowrap;justify-content:center}.shell.mobile .share-sheet-actions{grid-template-columns:1fr}.mobile-dock{position:relative;z-index:30;flex:0 0 auto;margin:0 -10px;padding:6px 10px calc(6px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#0d0a1400,#0d0a14f0 18%,#0d0a14 50%)}.mobile-dock .result{margin:0}.mobile-play{position:relative;width:100%}.mobile-play-bar{grid-template-columns:repeat(4,minmax(0,1fr));border-color:var(--gold-deep)}.mobile-play-bar .utility-btn,.mobile-play-bar .undo-btn{min-height:50px;padding:4px 2px 3px;gap:1px;font-size:.58rem}.mobile-play-bar .utility-btn>span:not(.tool-art-wrap){display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-play-bar .utility-btn svg{width:18px;height:18px}.mobile-play-more.open,.mobile-play-more.active{color:#fff;background:linear-gradient(180deg,#4c2a86,#33195e)}.mobile-play-tray{position:absolute;left:50%;bottom:calc(100% + 6px);z-index:8;width:min(340px,calc(100% - 8px));transform:translate(-50%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:2px solid var(--gold-dark);border-radius:14px;background:linear-gradient(180deg,#1d1627,#130e1c);box-shadow:0 -12px 28px #0000008c,inset 0 1px #ffffff0f}.mobile-play-tray .utility-btn,.mobile-play-tray .stasis-btn{min-height:72px;padding:8px 6px 7px;gap:3px;font-size:.62rem}.mobile-play-tray .utility-btn+.utility-btn,.mobile-play-tray .utility-btn+.stasis-btn{border-left:1.5px solid rgba(230,193,92,.28)}.mobile-play-tray .utility-btn svg{width:18px;height:18px}.mobile-play-tray .tool-art{width:36px;height:36px}.mobile-play-tray .stasis-btn{overflow:visible}.mobile-play-tray .stasis-btn small{font-size:.56rem}.mobile-play-tray .tool-count{top:-2px;right:-2px;min-width:16px;height:16px;font-size:.6rem}.mobile-play-tray .tool-art-wrap.empty .tool-count{display:none}.mobile-play-tray .tool-art-wrap.empty .tool-art{filter:grayscale(.2) brightness(.88) drop-shadow(0 0 6px rgba(246,218,134,.35)) drop-shadow(0 3px 6px rgba(0,0,0,.45))}.mobile-keypad{display:grid;gap:5px}.keypad-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.keypad-row .stone-key{height:clamp(44px,5.2svh,50px)}.keypad-row .stone-key-face{min-height:0;font-size:1.22rem}.mobile-keypad .action-row{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(44px,5.2svh,48px);gap:5px;padding:0}.shell.mobile .modal-overlay{place-items:end center;padding:0}.shell.mobile .modal-dialog{width:100%;max-width:640px;max-height:92vh;max-height:92dvh;border-radius:20px 20px 0 0;border-bottom:none;padding-bottom:calc(18px + env(safe-area-inset-bottom));animation:sheet-up .28s ease-out}.shell.mobile .modal-dialog:before{content:"";justify-self:center;width:44px;height:5px;margin-bottom:-6px;border-radius:999px;background:#ffffff2e}@keyframes sheet-up{0%{transform:translateY(28px);opacity:.4}to{transform:none;opacity:1}}@media(max-height:760px){.shell.mobile .cavern-top{display:none}}@media(orientation:landscape){.shell.mobile{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,1fr);grid-template-rows:auto minmax(0,1fr);align-items:stretch;column-gap:10px;row-gap:6px;padding:6px 10px calc(6px + env(safe-area-inset-bottom));padding-top:max(6px,env(safe-area-inset-top))}.shell.mobile .cavern-top{display:none}.shell.mobile .hud-row{grid-column:1 / -1;grid-row:1}.shell.mobile .cabinet{grid-column:1;grid-row:2;min-height:0}.shell.mobile .mobile-dock{grid-column:2;grid-row:2;position:static;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;margin:0;padding:0;background:none}.shell.mobile .keypad-row .stone-key{height:clamp(40px,10svh,48px)}.shell.mobile .mobile-keypad .action-row{grid-auto-rows:clamp(40px,10svh,48px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}.cell.highlighted-neighbor:not(.given){background:linear-gradient(145deg,#2d2a63,#152243);border-color:#a78bfa80;box-shadow:inset 0 0 8px #a78bfa33}.cell.given.highlighted-neighbor{border-color:#a78bfaa6;box-shadow:0 0 0 2px #a78bfa73,inset 0 0 12px #a78bfa4d,inset 0 1px #ffffff4d}.highlight-toggle{position:relative;display:inline-grid;place-items:center;min-width:54px;min-height:54px;border:2px solid transparent}.highlight-toggle.muted{color:#cbd5e1;background:#475569}.highlight-toggle svg{width:24px;height:24px;fill:currentColor}.tutorial-interactive-overlay{align-items:center;align-items:safe center;z-index:100;overflow-y:auto;overflow-x:hidden}.interactive-dialog{width:min(1120px,100%);max-height:none;min-height:0;display:block;padding:max(76px,calc(env(safe-area-inset-top) + 70px)) 18px 48px;overflow:visible;margin:20px 0}.interactive-dialog .tutorial-close{top:max(18px,calc(env(safe-area-inset-top) + 10px));right:max(18px,calc(env(safe-area-inset-right) + 10px))}.interactive-section{display:grid;justify-items:center;gap:18px;width:100%;padding:0}.interactive-stage{display:grid;justify-items:center;gap:18px;width:min(100%,1040px);margin:0 auto;min-width:0}.tutorial-rules{display:grid;gap:14px;width:min(720px,100%)}@media(min-width:700px){.tutorial-rules{grid-template-columns:repeat(2,minmax(0,1fr));width:min(880px,100%);align-items:stretch}}.tutorial-mini-grid{display:grid;grid-template-columns:repeat(4,32px);gap:4px;width:max-content;margin:16px auto 2px}.tutorial-mini-grid span{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;border:1px solid #120c1e;background:linear-gradient(160deg,var(--tile),var(--tile-2));color:var(--text);font-weight:800;font-size:.8rem;box-shadow:inset 0 1px #ffffff0f}.tutorial-mini-grid .mini-x{color:#9d8fd0;background:linear-gradient(160deg,#241c38,#191227);font-size:.7rem}.tutorial-mini-clue{position:relative;display:grid;place-items:center;width:68px;height:68px;margin:16px auto 2px;border-radius:10px;border:1px solid #2c2344;background:linear-gradient(160deg,var(--tile),var(--tile-2));color:var(--text);font-size:1.6rem;font-weight:900;box-shadow:inset 0 1px #ffffff0f,inset 0 -5px 9px #0006}.tutorial-mini-clue b{position:absolute;top:6px;color:#b9a8e8;font-size:.72rem;font-weight:800}.tutorial-mini-clue .mini-sum{left:8px}.tutorial-mini-clue .mini-count{right:8px}.tutorial-rule-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:clamp(18px,3vw,28px);border:1px solid rgba(230,193,92,.42);border-radius:18px;background:linear-gradient(145deg,#413052eb,#22192df5);box-shadow:inset 0 1px #ffffff14,0 14px 28px #0003}.tutorial-rule-number{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#2c1f05;background:linear-gradient(180deg,var(--gold-hi),var(--gold-2));font-weight:900}.tutorial-rule-card h3{margin:0 0 6px;color:var(--gold-hi);font-size:1.12rem}.tutorial-rule-card p{margin:0;color:#e5e1ea;line-height:1.5}.tutorial-clue-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 10px}.tutorial-clue-key div{padding:10px 12px;border-radius:10px;background:#0c09126b}.tutorial-clue-key dt{color:var(--gold);font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.tutorial-clue-key dd{margin:4px 0 0;color:#f4f1f7;font-size:.92rem;line-height:1.35}.tutorial-rule-card .tutorial-rule-note{color:#cfc6db;font-size:.9rem}.interactive-cabinet{--tut-w: min(100%, 380px, 46vh);width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}@supports (height: 1dvh){.interactive-cabinet{--tut-w: min(100%, 380px, 46dvh)}}.interactive-cabinet .cabinet-grid{display:block;width:var(--tut-w)}.interactive-cabinet .board{aspect-ratio:1;width:100%}.interactive-cabinet .mobile-keypad{width:var(--tut-w)}.interactive-cabinet .keypad-row .stone-key{height:clamp(40px,5.4vh,52px)}.interactive-cabinet .action-row{grid-auto-rows:clamp(40px,5.4vh,52px)}.interactive-cabinet .action-row{grid-template-columns:repeat(4,minmax(0,1fr))}.interactive-cabinet .hash-key,.interactive-cabinet .x-key{width:100%;height:100%}.interactive-art{position:relative;width:100%;aspect-ratio:var(--crop-ar);min-width:0;overflow:hidden;container-type:inline-size}.interactive-visual{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.interactive-visual img{position:absolute;max-width:none;width:var(--img-width);height:var(--img-height);left:var(--img-left);top:var(--img-top);filter:drop-shadow(0 26px 36px rgba(0,0,0,.28))}.interactive-copy{position:absolute;left:var(--copy-left);top:var(--copy-top);width:var(--copy-width);height:var(--copy-height);min-width:0;min-height:0;overflow:hidden}.interactive-copy-surface{display:grid;align-content:center;width:100%;height:100%;min-height:0;padding:clamp(8px,1.4vw,16px);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;border-radius:12px;border:0;color:#1e293b;background:transparent;box-shadow:none}.interactive-title{margin:0 0 18px;color:var(--gold-hi);font-size:clamp(1.1rem,.9rem + .6vw,1.5rem);line-height:1.15;font-weight:800;text-align:center}.interactive-copy .instruction-text{color:#1e293b;font-size:clamp(.85rem,3.1cqi,1.1rem);line-height:1.42;font-weight:700;margin:0;min-width:0;text-align:left;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.interactive-actions{position:relative;display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:12px;width:min(420px,100%);margin-top:6px}.interactive-actions>:only-child{grid-column:1 / -1}.interactive-btn{min-height:44px;padding:0 18px;font-weight:800}.interactive-btn-secondary{color:#312e81;background:#e0e7ff}.interactive-btn-secondary:hover:not(:disabled){background:#c7d2fe}.interactive-btn-primary{min-width:160px}@media(min-width:980px){.interactive-stage{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:26px}.interactive-art{--crop-ar: 2200 / 1320;--img-width: 122.818%;--img-height: 114.091%;--img-left: -10%;--img-top: -6.061%;--copy-left: 36.7%;--copy-top: 17.9%;--copy-width: 51.5%;--copy-height: 53.6%}}@media(min-width:700px)and (max-width:979px){.interactive-art{--crop-ar: 2200 / 1320;--img-width: 122.818%;--img-height: 114.091%;--img-left: -10%;--img-top: -6.061%;--copy-left: 36.7%;--copy-top: 17.9%;--copy-width: 51.5%;--copy-height: 53.6%}.interactive-art{max-width:640px;margin:0 auto}}@media(max-width:699px){.tutorial-interactive-overlay{align-items:start;padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))}.interactive-dialog{margin:0;padding:calc(56px + env(safe-area-inset-top)) 10px 20px}.interactive-art{--crop-ar: 1720 / 1210;--img-width: 157.093%;--img-height: 124.463%;--img-left: -37.791%;--img-top: -9.091%;--copy-left: 21.9%;--copy-top: 17%;--copy-width: 66%;--copy-height: 58.5%}.interactive-copy-surface{padding:8px}.tutorial-rule-card{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:16px}.tutorial-rule-number{width:30px;height:30px;font-size:.86rem}.tutorial-rule-card h3{font-size:1rem}.tutorial-rule-card p{font-size:.9rem}.tutorial-clue-key{grid-template-columns:1fr}}@media(max-height:820px){.tutorial-interactive-overlay{align-items:start;padding:12px}.interactive-dialog{margin:0;padding:calc(70px + env(safe-area-inset-top)) 12px 40px}.interactive-dialog .tutorial-close{top:max(12px,calc(env(safe-area-inset-top) + 8px));right:max(12px,calc(env(safe-area-inset-right) + 8px))}.interactive-section,.interactive-stage{gap:12px}}@media(max-height:900px)and (min-width:700px){.interactive-art{max-width:720px;margin:0 auto}}@media(max-height:800px)and (min-width:700px){.interactive-art{max-width:600px}}@media(max-width:420px){.interactive-actions{grid-template-columns:1fr}}.cabinet{position:relative}.cabinet-grid.gated{filter:blur(11px) saturate(.6) brightness(.75);pointer-events:none;-webkit-user-select:none;user-select:none}@media(prefers-reduced-motion:no-preference){.cabinet-grid{transition:filter .25s ease}}.board-gate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.board-gate-copy{margin:0;max-width:24rem;color:var(--text);font-size:1rem;font-weight:600;text-shadow:0 2px 6px rgba(0,0,0,.8)}.board-gate-note{margin:0;color:var(--muted);font-size:.8rem;text-shadow:0 1px 4px rgba(0,0,0,.8)}.board-gate-button{min-height:52px;padding:0 26px;border-radius:14px;border:1px solid #a9781f;background:linear-gradient(180deg,var(--gold-hi),var(--gold-2));color:#4a3608;font-size:1.02rem;font-weight:800;cursor:pointer;text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:0 4px 0 var(--gold-deep),0 8px 18px #00000073,inset 0 1px #ffffff73}.board-gate-button:hover{filter:brightness(1.06)}.board-gate-button:active{transform:translateY(3px);box-shadow:0 0 0 var(--gold-deep),0 3px 8px #0006}.shard-line strong{color:var(--gold-hi)}.shard-box{display:grid;gap:8px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#151020}.shard-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.shard-head strong{font-size:.95rem}.shard-title{display:inline-flex;align-items:center;gap:8px}.shard-title .tool-art{width:36px;height:36px}.shard-head span{color:var(--gold-hi);font-weight:800;font-size:.9rem}.shard-track{height:10px;border-radius:999px;background:#221a33;box-shadow:inset 0 1px 3px #0009;overflow:hidden}.shard-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2) 60%,var(--gold-hi))}.shard-note{color:var(--faint);font-size:.76rem}
