:root{color-scheme:dark;--bg: #0b0d13;--panel: #151820;--stroke: #34313a;--gold: #e7c994;--red: #d75b58;--serif: Cinzel, "Noto Serif KR", Georgia, "Times New Roman", serif;--sans: Inter, "Noto Sans KR", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#f2eae0;font-family:var(--sans);background:radial-gradient(ellipse at 50% -8%,#25202d 0%,transparent 45%),var(--bg);line-height:1.55}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}code{font:12px ui-monospace,SFMono-Regular,Menlo,monospace;color:#d9c09b}kbd{display:inline-block;border:1px solid #62565a;background:#24212a;color:#ecd9c0;box-shadow:0 2px #0a090c;border-radius:4px;padding:1px 6px;font:11px var(--sans);min-width:21px;text-align:center}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.wrap{max-width:1200px;padding:0 22px;margin:0 auto}.nav{position:sticky;z-index:20;top:0;background:#0b0d13e6;border-bottom:1px solid #33303a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}.brand{letter-spacing:.28em;font:600 17px var(--serif);color:var(--gold)}.brand small{letter-spacing:.12em;font:10px var(--sans);display:block;color:#aaa0a0;margin-top:-3px}.lang-btn{white-space:nowrap;border:1px solid #4f464e;background:#16171e;color:#e8d9c8;padding:5px 11px;border-radius:999px;font-size:11px;letter-spacing:.04em}.lang-btn:hover{background:#2d2832}.nav.below{position:static;margin-top:18px;border-top:1px solid #33303a}.nav-links{display:flex;align-items:center;gap:14px}.nav-link{font:500 12px var(--serif);letter-spacing:.14em;text-transform:uppercase;color:#d9c7b8}.nav-link[aria-current=page]{color:var(--gold)}a.challenge-chip:hover{border-color:#7fcaa2;color:#c8f2da}.control-card i{font-style:normal}html[lang=ko] body{word-break:keep-all;overflow-wrap:anywhere}html[lang=ko] .dialog h2,html[lang=ko] .dialog .overline,html[lang=ko] .action-btn,html[lang=ko] .art figcaption{letter-spacing:.02em}body.splash-open{overflow:hidden}.splash{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:#07080c url(/assets/key-art-poster.jpg) 60% 40% / cover no-repeat;cursor:pointer;transition:opacity .9s ease,visibility 0s linear .9s}.splash:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 75% 70% at 50% 45%,transparent 30%,#07080ccc 100%),linear-gradient(180deg,#07080c66 0%,transparent 30%,transparent 55%,#07080cee 100%)}.splash-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 40%;animation:splash-push 24s ease-out both}.splash-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 16px;margin-top:34vh}.splash-logo{margin:0;font:600 clamp(38px,8vw,92px)/1 var(--serif);letter-spacing:.24em;padding-left:.24em;color:var(--gold);text-shadow:0 0 30px #e7c99455,0 4px 26px #000;animation:splash-logo 2.2s cubic-bezier(.2,.7,.2,1) .2s both}.splash-logo small{display:block;margin-top:12px;font:500 clamp(11px,1.6vw,15px) var(--sans);letter-spacing:.6em;padding-left:.6em;color:#d9c7b8}.splash-tag{margin:18px 0 30px;color:#cbbfb6;font-size:clamp(13px,1.6vw,15px);letter-spacing:.08em;text-shadow:0 2px 10px #000;animation:splash-rise 1s ease 1.3s both}.splash-enter{min-width:190px;padding:13px 34px;border:1px solid #e7c994aa;border-radius:3px;background:#0b0d13b8;color:var(--gold);font:600 15px var(--serif);letter-spacing:.42em;padding-right:calc(34px - .42em);text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 #e7c99455;transition:background .2s,color .2s,box-shadow .2s;animation:splash-rise 1s ease 1.7s both,splash-pulse 2.6s ease-in-out 2.7s infinite}.splash-enter:hover,.splash-enter:focus-visible{background:var(--gold);color:#1a1517;outline:none;box-shadow:0 0 34px #e7c99477}.splash-hint{margin:14px 0 0;color:#9a9091;font-size:11px;letter-spacing:.16em;text-transform:uppercase;animation:splash-rise 1s ease 2.1s both}.splash-trailer{display:inline-flex;align-items:center;gap:9px;margin-top:22px;padding:6px 10px;border:0;background:none;color:#d9c7b8;font:500 12px var(--serif);letter-spacing:.16em;text-transform:uppercase;text-shadow:0 2px 10px #000;transition:color .2s;animation:splash-rise 1s ease 2.4s both}.splash-trailer svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4}.splash-trailer svg path{fill:currentColor;stroke:none}.splash-trailer:hover,.splash-trailer:focus-visible{color:var(--gold);outline:none}.splash-lang{position:absolute;top:16px;right:16px;z-index:1;display:flex;border:1px solid #e7c99466;border-radius:999px;background:#0b0d13b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:3px;cursor:default;animation:splash-rise 1s ease .6s both}.splash-lang button{border:0;border-radius:999px;background:none;color:#cbbfb6;padding:6px 13px;font:500 12px var(--sans);letter-spacing:.08em;transition:background .2s,color .2s}.splash-lang button:hover,.splash-lang button:focus-visible{color:var(--gold);outline:none}.splash-lang button:focus-visible{box-shadow:inset 0 0 0 1px var(--gold)}.splash-lang button[aria-pressed=true]{background:var(--gold);color:#1a1517}.trailer{position:absolute;inset:0;z-index:2;background:#000;cursor:default;animation:fade .35s ease}.trailer[hidden]{display:none}.trailer video{display:block;width:100%;height:100%;object-fit:contain}.trailer-close{position:absolute;top:14px;right:14px;border:1px solid #9f8470;background:#15131bb8;color:#edd6b5;padding:7px 14px;border-radius:5px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.trailer-close:hover,.trailer-close:focus-visible{background:#2d2832e8}html[lang=ko] .splash-trailer{letter-spacing:.04em}html[lang=ko] .splash-enter{letter-spacing:.2em;padding-right:calc(34px - .2em)}html[lang=ko] .splash-hint,html[lang=ko] .splash-tag{letter-spacing:.04em}.splash.leaving{opacity:0;visibility:hidden;pointer-events:none}.splash.leaving .splash-in{transform:scale(1.06);filter:blur(4px);transition:transform .9s ease,filter .9s ease}@keyframes splash-push{0%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes splash-logo{0%{opacity:0;letter-spacing:.6em;filter:blur(8px)}to{opacity:1;letter-spacing:.24em;filter:blur(0)}}@keyframes splash-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes splash-pulse{0%,to{box-shadow:0 0 #e7c99400}50%{box-shadow:0 0 26px 2px #e7c99444}}@media(max-width:720px){.splash-in{margin-top:22vh}}@media(prefers-reduced-motion:reduce){.splash-video{display:none}.splash,.splash *,.splash-in{animation:none!important;transition-duration:.01s!important}}.game-shell{position:relative;overflow:hidden;background:#11131b}.fs-btn{position:absolute;right:10px;bottom:10px;z-index:3;width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff2a;border-radius:7px;background:#0b0d13a8;color:#e8d9c8;opacity:.55;transition:opacity .15s,background .15s}.fs-btn[hidden]{display:none}.fs-btn:hover,.fs-btn:focus-visible{opacity:1;background:#2d2832d8}.fs-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.fs-btn .fs-exit,.is-fullscreen .fs-btn .fs-enter{display:none}.is-fullscreen .fs-btn .fs-exit{display:block}.more-btn{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;gap:6px;height:36px;padding:0 14px 0 10px;border:1px solid #ffffff2a;border-radius:18px;background:#0b0d13c8;color:#e8d9c8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:500 11px var(--serif);letter-spacing:.14em;text-transform:uppercase;opacity:.7;transition:opacity .2s,visibility .2s,background .15s}.more-btn:hover,.more-btn:focus-visible{opacity:1;background:#2d2832e0;color:var(--gold)}.more-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:more-bob 2.4s ease-in-out infinite}@keyframes more-bob{50%{transform:translateY(2px)}}.more-btn.away,.splash-open .more-btn{opacity:0;visibility:hidden;pointer-events:none}body[data-layout=split]:has(.overlay.hidden) .more-btn,body[data-layout=overlay]:has(.overlay.hidden) .more-btn{display:none}@media(prefers-reduced-motion:reduce){.more-btn svg{animation:none}}.game-stage{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body[data-layout=split] .game-bottom,body[data-layout=overlay] .game-bottom{padding:0 16px}.game-stage[data-layout=page]{display:flex;flex-direction:column;justify-content:center;min-height:100dvh;background:#07080c}.game-stage[data-layout=page] .game-shell{align-self:center;width:min(100%,100dvh * 16 / 9)}.game-stage[data-layout=overlay]{position:relative;display:flex;align-items:center;justify-content:center;height:100dvh;background:#000;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.game-stage[data-layout=overlay] .game-shell{width:min(100%,calc((100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 16 / 9))}.game-stage[data-layout=split]{display:flex;flex-direction:column;height:100dvh;background:#07080c;padding-top:env(safe-area-inset-top)}.game-stage[data-layout=split] .game-shell{flex:1 1 0;min-height:0;display:flex;align-items:center;background:#07080c}.game-shell canvas{width:100%;height:auto;aspect-ratio:16/9;display:block;cursor:crosshair;touch-action:none;outline:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#080910d0,#08091099);animation:fade .35s ease}.overlay[data-kind=death]{background:radial-gradient(ellipse at center,#1a0709b0,#080910e0)}.overlay.hidden{display:none}.intro{position:absolute;inset:0;z-index:2;background:#000;cursor:pointer;animation:fade .35s ease}.intro[hidden]{display:none}.intro video{display:block;width:100%;height:100%;object-fit:cover}.intro-skip{position:absolute;top:12px;right:12px;border:1px solid #9f8470;background:#15131bb8;color:#edd6b5;padding:7px 14px;border-radius:5px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.intro-skip:hover,.intro-skip:focus-visible{background:#2d2832e8}@keyframes fade{0%{opacity:0}}.dialog{padding:24px;max-width:580px;text-align:center}.overlay[data-kind=title]{overflow-y:auto;overscroll-behavior:contain}.overlay[data-kind=title] .dialog{max-width:760px;margin:auto;padding:12px 16px}.overlay[data-kind=title] .dialog h2{font-size:clamp(30px,4vw,46px);margin:4px 0 6px}.overlay[data-kind=title] .dialog p{margin:6px auto 10px}.overlay[data-kind=title] .dialog .hint{margin-top:10px}.dialog .overline{color:#d7b07b;font-size:12px;letter-spacing:.32em;text-transform:uppercase}.dialog h2{font-family:var(--serif);color:var(--gold);font-size:clamp(36px,5vw,60px);line-height:1.05;font-weight:500;letter-spacing:.09em;margin:13px 0}.dialog h2.death{color:#c8463f;text-shadow:0 0 28px #c8463f66}.dialog p{color:#cbc1b9;font-size:14px;margin:12px auto 18px;max-width:430px}.dialog .hint{font-size:11px;color:#9e9698;margin-top:15px}.dialog .statline{display:flex;gap:18px;justify-content:center;margin:20px 0;flex-wrap:wrap}.statline>div{min-width:86px}.statline strong{font:500 23px var(--serif);display:block;color:#f3e2c9}.statline span{font-size:10px;color:#b1a5a1;letter-spacing:.12em}.challenge-chip{display:inline-block;margin:0 4px 14px;border:1px solid #6a5a48;background:#1e1a18cc;color:#e3cfae;font-size:12px;padding:5px 12px;border-radius:999px}.challenge-chip.good{border-color:#4f8c6c;color:#a7e4c3;background:#12201acc}.btnrow{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.pick{margin-top:10px}.pick+.pick{margin-top:12px;padding-top:10px;border-top:1px solid #6a606266}.pick-label{display:flex;align-items:center;gap:12px;margin:0 auto 8px;max-width:460px;color:#d7b07b;font-size:12px;letter-spacing:.32em;text-transform:uppercase}.pick-label:before,.pick-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#d7b07b00,#d7b07b77)}.pick-label:after{background:linear-gradient(90deg,#d7b07b77,#d7b07b00)}.heroes{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.hero-card{display:flex;align-items:center;gap:10px;width:300px;padding:6px 10px 6px 6px;text-align:left;border:1px solid #6a6062;border-radius:6px;background:#17151dd8;color:#e8d9c8;transition:border-color .15s,transform .15s,box-shadow .15s}.hero-card .hero-art{flex:none;width:54px;height:54px;border-radius:4px;object-fit:cover;filter:grayscale(.55) brightness(.7);transition:filter .25s}.hero-card .hero-text{display:flex;flex-direction:column;gap:1px;min-width:0}.hero-card strong{font:500 14px var(--serif);color:#f3e2c9;letter-spacing:.04em}.hero-card em{font-style:normal;font-size:11px;color:#b8adaf}.hero-card .hero-kit{font-size:9.5px;color:#9fb8d8;letter-spacing:.02em}.hero-card:hover,.hero-card.selected{border-color:#dec08e;transform:translateY(-1px);box-shadow:0 8px 24px #000a,0 0 0 1px #dec08e55}.hero-card:hover .hero-art,.hero-card.selected .hero-art{filter:none}.hero-card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.hero-card.locked{cursor:not-allowed;opacity:.75}.hero-card.locked:hover{border-color:#6a6062;transform:none;box-shadow:none}.hero-card.locked .hero-art{filter:grayscale(1) brightness(.35)}.hero-card.locked .hero-kit{color:#c9a27a}.challenge-chip.unlock{cursor:pointer;border-color:#6f8fd8;color:#c4d6ff;background:#141a2ccc}.challenge-chip.unlock:hover{background:#1d2640}.ways{display:inline-flex;border:1px solid #6a6062;border-radius:6px;overflow:hidden;background:#17151dd8}.way-btn{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:170px;padding:7px 16px;color:#b8adaf;background:transparent;transition:background .15s,color .15s}.way-btn+.way-btn{border-left:1px solid #6a6062}.way-btn strong{font:500 14px var(--serif);letter-spacing:.06em}.way-btn em{font-style:normal;font-size:10px;color:#8f8587}.way-btn:hover{background:#221e28;color:#e8d9c8}.way-btn.selected{background:#2a2018;color:#f3e2c9;box-shadow:inset 0 -2px #dec08e}.way-btn.selected em{color:#c9b8a2}.way-btn:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.way-btn.way-pilgrimage{background:linear-gradient(90deg,#0b0a10e0,#0b0a1080),url(/assets/road/road-card.webp) 30% 60% / cover}.way-btn.way-pilgrimage:hover{background:linear-gradient(90deg,#0b0a10c0,#0b0a1050),url(/assets/road/road-card.webp) 30% 60% / cover}.way-btn.way-pilgrimage.selected{background:linear-gradient(90deg,#1a120ab0,#1a120a40),url(/assets/road/road-card.webp) 30% 60% / cover}.way-btn strong .demo-tag{vertical-align:2px}.demo-tag{display:inline-block;padding:1px 6px;border:1px solid #dec08e;border-radius:3px;font:700 9px var(--sans, system-ui);letter-spacing:.16em;color:#1a1418;background:#dec08e}.roads{display:flex;justify-content:center}.road-card{position:relative;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:3px;width:624px;max-width:100%;height:220px;padding:14px 18px;overflow:hidden;isolation:isolate;text-align:right;border:1px solid #dec08e;border-radius:6px;color:#e8d9c8;background:#0b0a10;box-shadow:0 10px 30px #000a,0 0 0 1px #dec08e55;transition:transform .15s}.road-card .road-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:30% 55%;transition:transform .6s ease-out}.road-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b0a1000 30%,#0b0a10b0 62%,#0b0a10ec),linear-gradient(0deg,#0b0a10c0,#0b0a1000 45%)}.road-card:hover{transform:translateY(-2px)}.road-card:hover .road-art{transform:scale(1.04)}.road-card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.road-card .demo-tag{position:absolute;top:12px;right:14px}.road-card .road-demo{position:absolute;top:34px;right:14px;font-size:10px;color:#c9b8a2;text-shadow:0 1px 6px #000}.road-card .road-num{font:500 13px var(--serif);color:#d7b07b;letter-spacing:.2em}.road-card strong{font:500 22px var(--serif);color:#f3e2c9;letter-spacing:.04em;text-shadow:0 2px 10px #000}.road-card em{font-style:normal;font-size:12px;color:#d8ccc4;text-shadow:0 1px 6px #000}.road-card .road-lore{font:italic 12px var(--serif);color:#b9aca4}.road-card .road-go{margin-top:6px;font-size:11px;font-weight:700;letter-spacing:.08em;color:#dec08e}.levels{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.level-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;width:138px;height:176px;padding:8px 8px 10px;overflow:hidden;isolation:isolate;border:1px solid #6a6062;border-radius:6px;background:#17151d;color:#e8d9c8;transition:border-color .15s,transform .15s,box-shadow .15s}.level-card .lv-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:grayscale(.55) brightness(.62);transform:scale(1.02);transition:filter .25s,transform .35s}.level-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0b0a1000 30%,#0b0a10d8 72%,#0b0a10f2)}.level-card:hover,.level-card.selected{border-color:#dec08e;transform:translateY(-2px);box-shadow:0 10px 30px #000a,0 0 0 1px #dec08e55}.level-card:hover .lv-art,.level-card.selected .lv-art{filter:none;transform:scale(1.07)}.level-card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.level-card .lv-num{font:500 13px var(--serif);color:#d7b07b;letter-spacing:.2em;text-shadow:0 1px 6px #000}.level-card strong{font:500 14px var(--serif);line-height:1.15;color:#f3e2c9;letter-spacing:.03em;text-shadow:0 2px 10px #000}.level-card em{font-style:normal;font-size:11px;color:#b8adaf}.level-card .lv-best{font-size:10px;color:#a7e4c3;margin-top:2px}.level-card .lv-tries{font-size:10px;color:#c9b8a2;letter-spacing:.03em;text-shadow:0 1px 6px #000}.level-card.locked{cursor:not-allowed}.level-card.locked:hover{border-color:#6a6062;transform:none;box-shadow:none}.level-card.locked .lv-art,.level-card.locked:hover .lv-art{filter:grayscale(1) brightness(.32);transform:scale(1.02)}.level-card .lv-lock{font-size:10px;color:#c9a27a;margin-top:2px}.level-card .lv-armour{font-size:10px;color:#e0918a;text-shadow:0 1px 6px #000}.level-card .lv-armour:empty{display:none}.level-card .lv-new{position:absolute;top:8px;right:8px;background:#b79cff;color:#17121f;font-size:9px;font-weight:800;letter-spacing:.12em;padding:3px 7px;border-radius:999px}.action-btn{display:inline-block;border:1px solid #dec08e;background:#d8ba85;color:#211c1c;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:12px 22px;border-radius:5px;min-width:155px;text-align:center}.action-btn:hover{background:#f0d4a1;color:#211c1c}.action-btn.secondary{background:#26242dcc;border-color:#6a6062;color:#e8d9c8}.action-btn.secondary:hover{background:#38313b}.action-btn.danger{background:#3a1416cc;border-color:#c8463f;color:#f2c9c4}.action-btn.danger:hover{background:#5a1c1f;color:#fff}.action-btn:disabled{opacity:.6;cursor:wait}.signout-warn{color:#e6a29b}.action-btn .key-badge{margin:-3px -8px -3px 10px;padding:0 5px;min-width:18px;font-size:9px;letter-spacing:0;text-transform:none;background:#211c1c26;border-color:#211c1c55;color:inherit;box-shadow:none;vertical-align:1px}.action-btn.secondary .key-badge{background:#0a090c66;border-color:#6a6062}body[data-input=pad] .key-badge{display:none}@media(pointer:coarse){.key-badge{display:none}}.action-btn.copied,.action-btn.copied:hover{background:#2a3a2c;border-color:#8fbf8a;color:#cfeec9}.game-bottom{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-top:12px}.control-card{display:flex;flex-wrap:wrap;gap:7px 11px;align-items:center}.control-card span{font-size:11px;color:#c5b8b1}.pad-card,body[data-input=pad] .key-card,body[data-input=pad] .mobile-controls{display:none}body[data-input=pad] .pad-card{display:flex}.pad-card span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.pad-card kbd.face{width:21px;height:21px;padding:0;border-radius:50%;line-height:19px;font-weight:700}body[data-pad=xbox] .face.south{color:#7fd48f}body[data-pad=xbox] .face.east{color:#f07b72}body[data-pad=xbox] .face.west{color:#72a9f2}body[data-pad=xbox] .face.north{color:#efd06a}body[data-pad=ps] .face.south{color:#8fb4ff}body[data-pad=ps] .face.east{color:#ff7f88}body[data-pad=ps] .face.west{color:#f1a0d8}body[data-pad=ps] .face.north{color:#6fdcc6}body[data-input=pad] .dialog [data-act]:focus{outline:2px solid var(--gold);outline-offset:2px}.soft-btn{border:1px solid #4f464e;color:#d9c8b5;background:#16171e;padding:7px 12px;border-radius:6px;font-size:11px}.soft-btn:hover{background:#2d2832}.sound-menu{position:relative}.sound-panel{position:absolute;right:0;bottom:calc(100% + 8px);z-index:5;width:260px;max-width:calc(100vw - 32px);background:#15161d;border:1px solid #4f464e;border-radius:8px;padding:12px 14px 8px;box-shadow:0 14px 40px #000b}.sound-panel[hidden]{display:none}.sound-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sound-head strong{font:500 15px var(--serif);color:var(--gold);letter-spacing:.06em}.mute-toggle{display:flex;gap:6px;align-items:center;font-size:12px;color:#d9c8b5;cursor:pointer}.mute-toggle input{accent-color:var(--red);width:15px;height:15px;margin:0}.vol-row{display:grid;grid-template-columns:62px 1fr 34px;gap:10px;align-items:center;padding:6px 0;font-size:12px;color:#c5b8b1}.vol-row input{width:100%;accent-color:var(--gold);margin:0}.vol-row output{text-align:right;font-variant-numeric:tabular-nums;color:#e8d9c8}.sound-panel.muted .vol-row{opacity:.45}.mobile-controls{--b: clamp(50px, 14.5vw, 64px);display:none;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:14px;padding:4px 2px 6px;touch-action:none}.mobile-controls button{display:grid;place-items:center;padding:0;background:#1d1b25;border:1px solid #554a55;color:#f0e2cf;font:700 11px var(--sans);letter-spacing:.02em;touch-action:none;box-shadow:0 3px #08070b,inset 0 1px #ffffff10;transition:transform .05s,background .05s}.mobile-controls button.on{background:#4a4152;transform:translateY(2px);box-shadow:0 1px #08070b,inset 0 1px #ffffff10}.mobile-controls svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.pad-left{grid-column:1;display:grid;gap:10px}.pad-aux{display:flex;gap:8px}.pad-aux button{flex:1;height:34px;border-radius:999px;font-size:10px;color:#d9c8b5}.dpad{display:flex;width:calc(var(--b) * 2.6);height:var(--b);border-radius:14px;background:#121118;border:1px solid #3a333d;padding:4px;gap:4px;touch-action:none}.dpad button{flex:1;border-radius:10px}.dpad svg{width:26px;height:26px}.pad-pause{justify-self:center;align-self:start;width:40px;height:32px;border-radius:999px}.pad-pause svg{width:16px;height:16px}.pad-right{grid-column:3;display:grid;gap:6px;justify-items:center}.mobile-controls .shoulder{width:calc(var(--b) * 2.2);height:32px;border-radius:10px 10px 16px 16px;border-color:#7a5a4c;color:#f2c9a8}.face{display:grid;grid-template:repeat(3,calc(var(--b) * .82)) / repeat(3,calc(var(--b) * .82))}.face button{width:var(--b);height:var(--b);border-radius:50%;place-self:center;font-size:10px}.mobile-controls .face-y{grid-area:1 / 2;border-color:#8a7440}.mobile-controls .face-x{grid-area:2 / 1;border-color:#4b6a8c}.mobile-controls .face-b{grid-area:2 / 3;border-color:#8c4b4b}.mobile-controls .face-a{grid-area:3 / 2;border-color:#4f7d5e}[data-layout=overlay] .mobile-controls{position:absolute;inset:0;margin:0;pointer-events:none;align-items:end;align-content:end;opacity:.85;transition:opacity .2s;padding:12px max(16px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}[data-layout=overlay] .pad-left,[data-layout=overlay] .pad-right,[data-layout=overlay] .pad-pause{pointer-events:auto}[data-layout=overlay] .mobile-controls button{background:#1d1b2599;border-color:#8a7d8a80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}[data-layout=overlay] .mobile-controls button.on{background:#4a4152cc}[data-layout=overlay] .dpad{background:#12111866;border-color:#3a333d99}[data-layout=overlay]:has(.overlay:not(.hidden)) .mobile-controls{opacity:0}[data-layout=overlay]:has(.overlay:not(.hidden)) :is(.pad-left,.pad-right,.pad-pause){pointer-events:none}[data-layout=overlay]:has(.intro:not([hidden])) .mobile-controls{opacity:0;pointer-events:none}[data-layout=split] .mobile-controls{--b: clamp(54px, min(15.5vw, 9dvh), 84px);flex:1 1 0;min-height:0;margin:0;gap:12px;align-content:center;padding:10px max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:linear-gradient(180deg,#0f1017,#07080c);border-top:1px solid #2c2830}[data-layout=split] .pad-left{gap:16px}[data-layout=split] .pad-aux button{height:40px;font-size:11px}[data-layout=split] .mobile-controls .shoulder{height:40px}[data-layout=split] .pad-pause{align-self:center}.toast{position:absolute;top:29%;left:50%;transform:translate(-50%);border:1px solid #9f8470;background:#15131be8;color:#edd6b5;padding:9px 17px;font-size:12px;pointer-events:none;border-radius:5px;letter-spacing:.07em;opacity:0;transition:opacity .2s;text-align:center;white-space:nowrap;max-width:90%;text-overflow:ellipsis;overflow:hidden}.toast.visible{opacity:1}.board{padding-top:48px;padding-bottom:72px;min-height:calc(100dvh - 160px)}.board-head{margin-bottom:16px}.board h1{margin:0;font:500 26px var(--serif);letter-spacing:.14em;color:var(--gold);text-transform:uppercase}.board-head p{margin:6px 0 0;font-size:12px;color:#a59b9b}.board-tabs{display:flex;gap:6px;margin-bottom:12px}.board-tab{border:1px solid #4b4250;background:#17151d;color:#c9bbb0;font:500 12px var(--serif);letter-spacing:.06em;padding:8px 14px;border-radius:5px}.board-tab:hover{border-color:#8a7660}.board-tab[aria-pressed=true]{border-color:#dec08e;background:#2a2420;color:var(--gold)}.board-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:14px}.board-list,.board-history{border:1px solid #2f2b33;border-radius:10px;background:#11131b;padding:14px 16px;min-height:120px}.board table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}.board th{text-align:right;font:600 10px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#8f8589;padding:0 8px 8px}.board td{text-align:right;padding:7px 8px;border-top:1px solid #24212a;color:#e3d6c8}.board .rk{width:28px;text-align:left;color:#d7b07b;font-family:var(--serif)}.board th,.board td{white-space:nowrap}.board .nm{text-align:left;width:100%;white-space:normal;overflow-wrap:anywhere}.board .nm .gear{display:block;margin-top:2px;font-size:10px;letter-spacing:.04em;color:#b8a58c}.board .nm .gear.sorceress{color:#b6a8e6}.board tr.me .nm .gear{color:inherit;opacity:.75}.board .dt{color:#8f8589;white-space:nowrap}.board tr.me td{background:#2a2420;color:var(--gold)}.board h3{margin:0 0 10px;font:500 14px var(--serif);letter-spacing:.08em;color:#ead5b6;overflow-wrap:anywhere}.board ol{list-style:none;margin:0;padding:0;font-size:12px;font-variant-numeric:tabular-nums}.board li{display:grid;grid-template-columns:52px minmax(0,1fr) 44px 78px auto;gap:8px;padding:6px 0;border-top:1px solid #24212a;color:#c9bdb3}.board li .oc{font-weight:700;letter-spacing:.06em}.board li.win .oc{color:#a7e4c3}.board li.death .oc{color:#d7837e}.board li .bs{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-note{margin:0;color:#a59b9b;font-size:12px}.account-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;min-height:40px;margin:14px auto 0}.account-row .name-field{margin:0}.account-note{font-size:12px;color:#b8adaf}.google-btn{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 14px 0 12px;border:1px solid #747775;border-radius:20px;background:#fff;color:#1f1f1f;font:500 14px Roboto,var(--sans);white-space:nowrap}.google-btn:hover{background:#f2f2f2}.google-btn svg{width:18px;height:18px;flex:none}.board-history .google-btn{margin-top:12px}.link-btn{border:0;background:none;padding:4px;color:#b8adaf;font-size:12px;text-decoration:underline;text-underline-offset:3px}.link-btn:hover{color:var(--gold)}button.challenge-chip{font:inherit;font-size:12px;cursor:pointer}button.challenge-chip:hover{border-color:#dec08e;color:var(--gold)}.name-field{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 14px}.name-field span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#d7b07b}.name-field input{width:min(260px,60vw);font:500 14px var(--sans);color:#f3e2c9;background:#0e0d13cc;border:1px solid #6a6062;border-radius:5px;padding:8px 11px}.name-field input:focus{border-color:#dec08e;outline:none;box-shadow:0 0 0 2px #dec08e44}.name-field.need input{border-color:var(--red);animation:nudge .3s}@keyframes nudge{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding-top:72px;padding-bottom:56px}.art{position:relative;margin:0;overflow:hidden;border:1px solid #2f2b33;border-radius:10px;background:#11131b}.art img{display:block;width:100%;height:100%;object-fit:cover}.art img{aspect-ratio:3/4;object-position:50% 22%}.art figcaption{position:absolute;inset:auto 0 0;padding:40px 16px 14px;background:linear-gradient(180deg,transparent,#0b0d13e0);font:500 14px var(--serif);letter-spacing:.14em;text-transform:uppercase;color:#ead5b6}.footer{border-top:1px solid #312c35;padding:24px 22px 34px;color:#837e85;font-size:11px;display:flex;justify-content:space-between;gap:10px}@media(max-width:820px){.gallery{grid-template-columns:1fr 1fr}.board-grid{grid-template-columns:1fr}.game-bottom{display:block}.game-bottom .sound-menu{margin-top:12px;display:inline-block}.sound-panel{right:auto;left:0}}@media(max-width:760px),(pointer:coarse){.mobile-controls{display:grid}[data-layout=overlay] .pad-pause{position:absolute;top:max(10px,env(safe-area-inset-top));left:calc(50% - 44px);width:40px;height:34px}[data-layout=overlay] .fs-btn{top:10px;bottom:auto;right:auto;left:calc(50% + 4px);opacity:.8}}@media(max-width:560px){.wrap{padding:0 16px}.nav-in{height:56px}.gallery{grid-template-columns:1fr;padding-top:48px}.brand{font-size:13px;letter-spacing:.18em}.brand small{font-size:8px}.nav-links{gap:8px}.nav-link{font-size:10px;letter-spacing:.04em}.lang-btn{padding:5px 8px}.dialog{padding:10px}.dialog h2{font-size:28px;margin:6px 0}.dialog p{font-size:11px;margin:6px auto 10px}.dialog .hint,.dialog .overline{display:none}.dialog .statline{margin:8px 0;gap:8px}.statline>div{min-width:56px}.statline strong{font-size:17px}.action-btn{padding:9px 12px;font-size:10px;min-width:104px}.way-btn{min-width:0;padding:5px 12px}.way-btn strong{font-size:11px}.way-btn em{display:none}.road-card{height:100px;padding:8px 10px}.road-card .road-demo{display:none}.road-card strong{font-size:14px}.road-card .road-lore,.road-card .road-num{display:none}.road-card em{font-size:10px}.pick{margin-top:8px}.pick+.pick{margin-top:10px;padding-top:8px}.pick-label{font-size:9px;letter-spacing:.24em;margin-bottom:6px;gap:8px}.heroes{gap:6px}.hero-card{width:170px;gap:6px;padding:4px 6px 4px 4px}.hero-card .hero-art{width:34px;height:34px}.hero-card strong{font-size:11px}.hero-card em{display:none}.hero-card .hero-kit{font-size:8px}.levels{gap:5px}.level-card{width:min(124px,calc((100vw - 44px)/5));height:92px;padding:5px 4px 6px}.level-card strong{font-size:10px}.level-card .lv-num,.level-card .lv-best,.level-card .lv-armour{display:none}.level-card .lv-new{top:5px;right:5px;font-size:7px;padding:2px 5px}.level-card em{display:none}.level-card .lv-tries{font-size:8px;letter-spacing:0}.challenge-chip{font-size:10px;margin-bottom:8px}.account-row{margin-top:8px;gap:8px;min-height:34px;padding-inline:44px}.account-note{display:none}.google-btn{height:34px;font-size:12px}.name-field span{display:none}.name-field input{font-size:16px;padding:5px 9px;width:170px}.board{padding-top:28px}.board li{grid-template-columns:46px minmax(0,1fr) 40px auto}.board li>:nth-child(4){display:none}.control-card,body[data-input=pad] .pad-card{display:none}.footer{display:block}}@media(max-width:420px){.nav-link[href="/"]{display:none}.brand{letter-spacing:.12em}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.overlay,.name-field.need input{animation:none}}.overlay[data-kind=title]{container-type:inline-size}.equipment-side{margin:12px auto 0;max-width:652px;padding-top:10px;border-top:1px solid #6a606266}.equipment-btn{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:10px 40px 10px 16px;border:1px solid #a8875a;border-radius:6px;background:linear-gradient(160deg,#2a2219e8,#17140fe8);color:#e3cfae;text-align:left;box-shadow:inset 0 0 0 1px #dec08e22;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s}.equipment-btn:hover,.equipment-btn:focus-visible{border-color:#dec08e;background:linear-gradient(160deg,#3a2e20,#1f1a14);transform:translateY(-1px);box-shadow:0 8px 24px #000a,0 0 0 1px #dec08e55;outline:none}.equipment-go{color:var(--gold);font:500 17px var(--serif);letter-spacing:.06em;white-space:nowrap}.equipment-kit{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:2px 10px}.equipment-gear{display:inline-flex;align-items:center;gap:4px;color:#f3e2c9;font-size:11px;letter-spacing:.02em;white-space:nowrap}.equipment-thumb{width:22px;height:22px;object-fit:contain;flex:none}.equipment-count{color:#a7e4c3;font-size:11px;white-space:nowrap}.equipment-btn.locked{cursor:not-allowed;opacity:.75}.equipment-btn.locked .equipment-count{color:#c9a27a}.equipment-arrow{position:absolute;right:14px;top:50%;translate:0 -50%;color:var(--gold);font-size:20px}@container (min-width: 1260px){.equipment-side{position:absolute;right:32px;top:50%;translate:0 -50%;width:210px;margin:0;padding:0;border:0}.equipment-btn{flex-direction:column;align-items:flex-start;gap:12px;min-height:260px;padding:22px 20px 52px}.equipment-go{font-size:24px;line-height:1.15;white-space:normal}.equipment-kit{flex:none;flex-direction:column;gap:4px;padding-top:12px;border-top:1px solid #a8875a66;width:100%}.equipment-gear{font:500 14px var(--serif);white-space:normal;gap:8px}.equipment-thumb{width:34px;height:34px}.equipment-count{font-size:12px}.equipment-arrow{top:auto;bottom:16px;right:18px;translate:none;font-size:24px}}.overlay[data-kind=equipment]{align-items:flex-start;overflow-y:auto;overscroll-behavior:contain;background:#080910ee}.overlay[data-kind=equipment] .dialog{max-width:900px;width:100%;padding:18px 20px 22px}.dialog h2.equipment-h{font-size:clamp(26px,3.6vw,40px);margin:6px 0 10px}.overlay[data-kind=equipment] .dialog p{max-width:600px;font-size:12.5px;margin:8px auto 12px}.equipment-heroes{display:flex;justify-content:center;gap:6px}.equipment-hero{border:1px solid #6a6062;background:#17151dd8;color:#cbc1b9;font:500 13px var(--serif);padding:6px 14px;border-radius:999px}.equipment-hero.selected{border-color:#dec08e;color:var(--gold);background:#2a2420}.equipment-hero[aria-disabled=true]{opacity:.6;cursor:not-allowed}.equipment-tabs{display:flex;justify-content:center;gap:4px;margin:14px auto 0;max-width:420px;border-bottom:1px solid #6a606288}.equipment-tab{flex:1;margin-bottom:-1px;padding:8px 14px 9px;border:1px solid transparent;border-bottom-color:#6a606288;border-radius:6px 6px 0 0;background:none;color:#a89ea0;font:500 15px var(--serif);letter-spacing:.08em;transition:color .15s,background .15s}.equipment-tab small{font:11px var(--sans);letter-spacing:.02em;color:#a7e4c3;margin-left:4px}.equipment-tab:hover,.equipment-tab:focus-visible{color:#f3e2c9;outline:none;background:#1d1a22}.equipment-tab.selected{color:var(--gold);border-color:#6a606288;border-bottom-color:#080910;background:#121118}.equipment-panel{padding-top:4px}.slots{display:flex;flex-direction:column;gap:16px;margin:6px 0 16px}.slot-label{color:#d7b07b;font-size:10px;letter-spacing:.28em;text-transform:uppercase;margin-bottom:8px}.gear-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.gear-card{flex:0 1 160px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 10px 12px;border:1px solid #5a5258;border-radius:6px;background:#17151dd8;color:#e8d9c8;text-align:center;transition:border-color .15s,background .15s,transform .15s}.gear-art{width:112px;height:112px;object-fit:contain;margin-bottom:4px;filter:drop-shadow(0 0 8px #f0b46a44)}.gear-art.silhouette{filter:brightness(0) drop-shadow(0 0 1px #d7b07baa) drop-shadow(0 0 5px #d7b07b33);opacity:.9}.gear-card strong{font:500 14px var(--serif);letter-spacing:.03em}.gear-card em{font-style:normal;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#9e9698}.gear-card-d{color:#b8adaf;font-size:11px;line-height:1.35;margin-top:4px}button.gear-card:hover,button.gear-card:focus-visible{border-color:#dec08e;transform:translateY(-1px);outline:none}.gear-card.equipped{border-color:#dec08e;background:#2a2420;box-shadow:0 0 0 1px #dec08e55,0 0 18px #dec08e22}.gear-card.equipped em{color:var(--gold)}.gear-card.locked{border-style:dashed}.gear-card.locked strong,.gear-card.locked .gear-card-d{opacity:.6}.gear-card.locked em{text-transform:none;letter-spacing:.02em;color:#c9a27a}.qlines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;text-align:left}.qline{border:1px solid #4a4448;border-radius:6px;background:#121118d8;padding:10px 10px 8px;display:flex;flex-direction:column}.qline.earned{border-color:#4f8c6c}.qline h3{font:500 14px var(--serif);color:#f3e2c9;letter-spacing:.05em;margin:0 0 6px;text-align:center}.qline ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;flex:1}.qline li{display:flex;gap:7px}.q-mark{color:#8a8890;font-size:12px;line-height:1.3}.qline li.done .q-mark{color:#7fcaa2}.q-body{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.q-body strong{font-size:12px;color:#efe0cf}.qline li.done .q-body strong{color:#a7e4c3}.q-body em{font-style:normal;font-size:10.5px;line-height:1.35;color:#a89ea0}.q-body small{color:#7d7578;font-size:9.5px}.q-body .q-bar{display:block;height:3px;margin-top:3px;background:#2a2730;border-radius:2px;overflow:hidden}.q-body .q-live{font-size:10px;color:#c9a86e;margin-top:2px}.q-body .q-live.lost{color:#8a7f82}.pause-quests{max-width:360px;margin:18px auto 0;text-align:left}.overlay[data-kind=paused]{overflow-y:auto;overscroll-behavior:contain}.overlay[data-kind=paused] .dialog{margin:auto}.q-body .q-bar i{display:block;height:100%;background:linear-gradient(90deg,#b88a4c,#e7c994)}.q-num{font-size:9.5px;color:#c9b8a2}.q-reward{margin-top:8px;padding-top:6px;border-top:1px solid #3a353a;display:flex;align-items:center;gap:10px}.q-reward-text{display:flex;flex-direction:column;gap:2px;min-width:0}.reward-art{flex:none;width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 6px #f0b46a55);transition:filter .4s}.reward-art.silhouette{filter:brightness(0) drop-shadow(0 0 1px #d7b07baa) drop-shadow(0 0 5px #d7b07b33);opacity:.9}.q-reward-text>span{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#d7b07b}.q-reward strong{font:500 12.5px var(--serif);color:#c4d6ff}.qline.earned .q-reward strong,.q-master.earned strong{color:#a7e4c3}.q-master{margin:10px auto 14px;display:flex;justify-content:center;align-items:center;gap:12px;text-align:left}.q-master .reward-art{width:80px;height:80px}.q-master strong{font:500 15px var(--serif);color:#c4d6ff}.q-master em{font-style:normal;font-size:11px;color:#a89ea0}.earned{margin:0 0 4px}@media(max-width:760px){.qlines{grid-template-columns:1fr}}@media(max-width:560px){.equipment-side{margin-top:8px;padding-top:8px}.equipment-btn{padding:6px 30px 6px 10px;gap:8px}.equipment-go{font-size:13px}.equipment-kit{display:none}.equipment-count{flex:1;text-align:right;font-size:10px}.equipment-arrow{right:10px;font-size:16px}.overlay[data-kind=equipment] .dialog{padding:10px}.gear-row{gap:8px}.gear-card{flex-basis:calc(50% - 4px)}.gear-card{padding:8px 6px 10px}.gear-art{width:80px;height:80px}.gear-card strong{font-size:12px}.equipment-tab{font-size:13px;padding:7px 8px 8px}.reward-art{width:52px;height:52px}}