:root{--bg: #0b0f14;--panel: #121a24ee;--border: #2a3a4d;--text: #e8eef6;--muted: #8aa0b5;--atk: #e85d4c;--def: #4c9be8;--accent: #c9a227;--ok: #3ecf8e;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text)}#app{position:relative}#game-canvas{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;background:#6a8494}.panel.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#152030cc,#06090fcc);z-index:20}.panel.hidden,.hidden{display:none!important}.card{width:min(420px,92vw);padding:1.5rem 1.6rem;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 60px #000a}.card.wide{width:min(560px,94vw)}h1{margin:0 0 .25rem;font-size:2rem;letter-spacing:.04em;color:var(--accent)}h2{margin:0 0 .5rem}.tagline{margin:0 0 1.2rem;color:var(--muted);font-size:.95rem}label{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem;font-size:.85rem;color:var(--muted)}input,select,button{font:inherit}input,select{padding:.55rem .7rem;border-radius:8px;border:1px solid var(--border);background:#0a1018;color:var(--text)}.row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}button{cursor:pointer;border-radius:8px;border:1px solid var(--border);background:#1a2736;color:var(--text);padding:.55rem .9rem}button.primary{background:linear-gradient(180deg,#d4b13a,#a67c12);border-color:#e0c35a;color:#1a1205;font-weight:700}button.ghost{background:transparent}button:hover{filter:brightness(1.08)}.status{min-height:1.2em;margin:.8rem 0 0;color:var(--muted);font-size:.9rem}.hint{margin:1rem 0 0;color:var(--muted);font-size:.8rem;line-height:1.4}kbd{background:#1c2836;border:1px solid var(--border);border-radius:4px;padding:0 .3em;font-size:.85em}.teams{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.teams ul{list-style:none;margin:0;padding:0;min-height:4rem}.teams li{padding:.35rem .5rem;margin-bottom:.3rem;background:#0d1520;border-radius:6px;border-left:3px solid var(--border);font-size:.9rem}.teams li.you{outline:1px solid var(--accent)}.teams li.ready{border-left-color:var(--ok)}h3.atk{color:var(--atk);margin:0 0 .4rem;font-size:.95rem}h3.def{color:var(--def);margin:0 0 .4rem;font-size:.95rem}.muted{color:var(--muted);font-size:.85rem}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;--hud-gold: oklch(79% .12 76);--hud-gold-dim: oklch(66% .085 70);--hud-ink: oklch(17% .022 245 / .96);--hud-text: oklch(91% .035 82);--hud-muted: oklch(74% .045 75);color:var(--hud-text);font-variant-numeric:tabular-nums}.hud-art-panel{position:absolute;isolation:isolate}.hud-art-panel>img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 .45rem .8rem oklch(4% .015 245 / .62));pointer-events:none;-webkit-user-select:none;user-select:none}#floor-panel{top:max(.65rem,env(safe-area-inset-top));left:max(.65rem,env(safe-area-inset-left));width:clamp(11rem,15vw,15rem);aspect-ratio:1180 / 643}.floor-panel-content{position:absolute;z-index:2;top:18%;right:11%;bottom:24%;left:10%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.25rem;text-shadow:0 2px 4px oklch(5% .015 245 / .92)}#floor-label{font-family:Pirata One,Georgia,serif;color:var(--hud-gold);font-size:clamp(1.25rem,1.9vw,1.9rem);line-height:.95;letter-spacing:.025em}.floor-threat{display:inline-flex;align-items:center;gap:.35rem;min-height:1.3rem;color:var(--hud-muted);font-size:clamp(.68rem,.8vw,.8rem);font-weight:800;letter-spacing:.08em}.floor-threat>:first-child{color:#b4a18e;font-size:1rem}#status-panel{top:max(.75rem,env(safe-area-inset-top));right:max(.75rem,env(safe-area-inset-right));width:clamp(22rem,28vw,29rem);aspect-ratio:1879 / 294}.expedition-status{position:absolute;z-index:2;top:15%;right:49.5%;bottom:19%;left:4%;display:flex;align-items:center;justify-content:center;gap:.55rem;text-align:center;white-space:nowrap;text-shadow:0 2px 4px oklch(5% .015 245 / .92)}#phase-label{color:var(--hud-gold);font-size:clamp(.68rem,.78vw,.82rem);font-weight:900;letter-spacing:.09em;text-transform:uppercase}#kills-label{color:var(--hud-muted);font-size:clamp(.62rem,.7vw,.74rem);font-weight:800;letter-spacing:.04em}.resource-count{position:absolute;z-index:2;top:31%;display:grid;place-items:center;color:var(--hud-text);font-size:clamp(.76rem,.9vw,.95rem);font-weight:900;text-shadow:0 2px 3px oklch(4% .015 245 / .9)}.resource-gold{left:61.5%;width:8%}.resource-gems{left:78.3%;width:8%}#btn-system-menu{position:absolute;z-index:3;top:10%;right:2.3%;width:9.5%;height:72%;min-width:2.75rem;min-height:2.75rem;padding:0;pointer-events:auto;border:0;border-radius:50%;background:transparent}#btn-system-menu:hover,#btn-system-menu:focus-visible{outline:2px solid var(--hud-gold);outline-offset:-.2rem;background:#dba65d1f}#prompt{position:absolute;left:50%;bottom:clamp(10.5rem,18vw,15rem);transform:translate(-50%);max-width:min(36rem,90vw);padding:.5rem 1rem;border:1px solid oklch(57% .075 70);border-radius:.25rem;background:#030a12f0;box-shadow:0 .5rem 1.4rem #00000173;font-size:.9rem;color:var(--hud-gold);font-weight:700;text-align:center}#banner{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);padding:1rem 1.6rem;background:#030a12f5;border:1px solid var(--hud-gold-dim);border-radius:.25rem;box-shadow:inset 0 0 0 3px #28190a,0 1rem 3rem #00000194;font-size:1.25rem;font-weight:800;text-align:center;max-width:90vw;white-space:pre-line}#boss-bar{position:absolute;top:max(.35rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:clamp(27rem,42vw,44rem);aspect-ratio:2082 / 361;z-index:5;text-align:center}#boss-name{position:absolute;z-index:3;top:5%;left:26%;width:48%;color:var(--hud-gold);font-size:clamp(.7rem,.9vw,.95rem);font-weight:900;letter-spacing:.13em;line-height:1;text-transform:uppercase;text-shadow:0 2px 4px oklch(5% .015 245 / .95)}#boss-hp{position:absolute;z-index:2;top:47%;left:8.6%;width:82.8%;height:19%;overflow:hidden;background:#0d0303;box-shadow:inset 0 0 0 1px #4a2321}#boss-fill{height:100%;width:100%;background:linear-gradient(180deg,#ee343b,#93001c);background:linear-gradient(180deg,#ee343b,color(xyz 0.124 0.063 0.016));box-shadow:inset 0 .18rem #ff917ca6;box-shadow:inset 0 .18rem oklch(77% .14 32 / .65);transition:width .16s cubic-bezier(.25,1,.5,1)}#boss-hp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#f9e4d0;font-size:clamp(.55rem,.65vw,.68rem);font-weight:900;text-shadow:0 1px 3px oklch(5% .015 245 / .95)}#encounter-label{position:absolute;top:clamp(4.3rem,6vw,6.4rem);left:50%;z-index:5;transform:translate(-50%);color:var(--hud-gold);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-shadow:0 2px 4px oklch(5% .015 245 / .95)}#minimap{top:clamp(4.75rem,7vw,6.6rem);right:max(.75rem,env(safe-area-inset-right));width:clamp(10.5rem,14vw,14rem);aspect-ratio:1012 / 1081}#minimap-canvas{position:absolute;z-index:2;top:10%;left:8%;display:block;width:84%;height:79%;background:#02080d}#hud-bottom{position:absolute;left:50%;bottom:max(.75rem,env(safe-area-inset-bottom));width:clamp(31rem,49vw,43.5rem);aspect-ratio:3.25 / 1;transform:translate(-50%)}#hotbar-shell{top:0;left:50%;width:65%;aspect-ratio:1857 / 404;transform:translate(-50%)}#vitals{left:0;bottom:0;width:100%;aspect-ratio:2041 / 408}#level-badge,#skill-badge{position:absolute;z-index:3;top:-12%;width:15.5%;aspect-ratio:.88;text-align:center}#level-badge{left:-1.5%}#skill-badge{right:-1.5%;aspect-ratio:797 / 923}#level-badge>img,#skill-badge>img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 .35rem .55rem oklch(4% .015 245 / .66));pointer-events:none}.level-badge-content{position:absolute;z-index:2;top:13%;right:17%;bottom:24%;left:17%;display:grid;place-content:center;justify-items:center;gap:.08rem;text-align:center}#level-value{color:var(--hud-text);font-size:clamp(1rem,1.8vw,1.45rem);font-weight:900;line-height:1;text-shadow:0 2px 4px oklch(5% .015 245 / .95)}#level-badge small{color:var(--hud-gold);font-size:clamp(.38rem,.5vw,.52rem);font-weight:900;line-height:1;letter-spacing:.09em}#bars{position:absolute;z-index:2;top:24%;left:20%;width:60%;height:54%;display:flex;flex-direction:column;justify-content:space-between}#hp-bar,#xp-bar{position:relative;width:100%;height:37%;overflow:hidden;background:#02060c;clip-path:polygon(2% 0,98% 0,100% 50%,98% 100%,2% 100%,0 50%);box-shadow:inset 0 0 0 1px #4e3823}#hp-fill,#xp-fill{height:100%;transition:width .18s cubic-bezier(.25,1,.5,1)}#hp-fill{width:100%;background:linear-gradient(180deg,#ee333e,#93001f);background:linear-gradient(180deg,#ee333e,color(xyz 0.124 0.063 0.018));box-shadow:inset 0 .18rem #ff9686a6;box-shadow:inset 0 .18rem oklch(78% .15 30 / .65)}#xp-fill{width:0%;background:linear-gradient(180deg,#3589ed,#144c9b);box-shadow:inset 0 .16rem #7cc2fd9e}#hp-text,#xp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#f6ede0;font-size:clamp(.55rem,.72vw,.72rem);font-weight:900;letter-spacing:.025em;text-shadow:0 1px 3px oklch(5% .015 245 / .95)}#skill-icon{position:absolute;z-index:2;top:12%;right:15%;bottom:35%;left:15%;display:grid;place-items:center;color:#b6b4ff;color:oklch(80% .15 285);font-size:clamp(1.05rem,1.8vw,1.55rem);line-height:1;text-align:center;text-shadow:0 0 .6rem oklch(60% .18 288 / .75)}#skill-badge.ready #skill-icon{color:#ffc75a;text-shadow:0 0 .7rem oklch(72% .15 78 / .82)}#skill-cooldown{position:absolute;z-index:3;left:37%;bottom:10%;width:27%;aspect-ratio:1;display:grid;place-items:center;color:var(--hud-text);font-size:clamp(.48rem,.7vw,.68rem);font-weight:900;text-shadow:0 1px 3px oklch(5% .015 245 / .95)}#skill-label{position:absolute;z-index:3;right:-8%;bottom:-12%;width:116%;color:var(--hud-gold);font-size:clamp(.42rem,.56vw,.58rem);font-weight:900;letter-spacing:.02em;white-space:nowrap;text-shadow:0 2px 3px oklch(5% .015 245 / .95)}.skill-ready-track{position:absolute;z-index:3;right:10%;bottom:-4%;left:10%;height:.22rem;overflow:hidden;border-radius:999px;background:#0b121d}#skill-fill{width:100%;height:100%;background:#9589f9;transition:width .12s linear}#dodge-pip{position:absolute;z-index:3;right:17%;bottom:-1%;width:15%;opacity:.82}#dodge-pip.ready{opacity:1}#dodge-label{display:block;overflow:hidden;color:var(--hud-muted);font-size:clamp(.4rem,.52vw,.54rem);font-weight:800;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px oklch(5% .015 245 / .95)}.cd-track{height:.2rem;overflow:hidden;border-radius:999px;background:#05141a}#dodge-fill{width:100%;height:100%;background:#22b988;transition:width .12s linear}@font-face{font-family:Pirata One;src:url(/ui/fonts/pirata-one.woff2) format("woff2");font-display:swap}#menu.panel.overlay{background:radial-gradient(ellipse at center,#241509cc,#0a0603e6)}.select-card{width:min(860px,94vw);background:radial-gradient(ellipse at 50% 0%,#3a2412aa,transparent 60%),radial-gradient(ellipse at 50% 110%,#00000088,transparent 55%),linear-gradient(160deg,#241608,#1b1008 45%,#170d06);border:2px solid #c9963b;border-radius:10px;outline:4px solid #120a05;box-shadow:inset 0 0 0 1px #6e4610,inset 0 0 60px #0006,0 24px 80px #000d}.select-card h1{font-family:Pirata One,serif;font-size:2.6rem;font-weight:400;letter-spacing:.02em;background:linear-gradient(180deg,#ffe9a8,#f0c75e 45%,#b47a1c 75%,#8a5a17);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 2px #000a)}.select-card .tagline{color:#cbb17f}.select-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:1.3rem;align-items:stretch;margin:.4rem 0 .6rem}@media(max-width:640px){.select-grid{grid-template-columns:1fr}}.cs-stage{position:relative;display:grid;place-items:center;min-height:360px;border-radius:8px;border:1px solid #7a5a24;background:radial-gradient(ellipse at 50% 88%,#d9631b33,transparent 55%),radial-gradient(ellipse at 50% 40%,#2c1a0d,#170e07 75%);box-shadow:inset 0 0 40px #000a;overflow:hidden}.cs-stage:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border:1px solid #c9963b55;border-radius:5px;pointer-events:none}#cs-canvas{width:100%;height:360px;display:block}.cs-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:58px;font-size:1.6rem;line-height:1;color:#f0c75e;background:none;border:none;padding:0}.cs-arrow:before,.cs-arrow:after{content:"";position:absolute;clip-path:polygon(22% 0%,78% 0%,100% 18%,100% 82%,78% 100%,22% 100%,0% 82%,0% 18%)}.cs-arrow:before{top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#f0c75e,#8a5a17);z-index:-2}.cs-arrow:after{top:2px;right:2px;bottom:2px;left:2px;background:linear-gradient(180deg,#33210f,#1d1207);z-index:-1}.cs-arrow:hover{color:#ffe9a8;filter:drop-shadow(0 0 8px #f0c75e66)}#cs-prev{left:.65rem}#cs-next{right:.65rem}.cs-info h2{margin:0;font-size:1.7rem;letter-spacing:.05em;text-transform:uppercase;color:#e58a2e;text-shadow:0 2px 6px #000a}.cs-info #cs-desc{margin:.25rem 0 .9rem;min-height:2.4em;line-height:1.4;color:#d8c49a}.cs-stats{display:grid;gap:.55rem;margin-bottom:.9rem}.cs-stat{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:.7rem;font-size:.8rem;color:#d8c49a;text-transform:uppercase;letter-spacing:.05em}.cs-bar{position:relative;height:10px;border-radius:999px;background:#140d08;border:1px solid #5a4326;margin-right:8px}.cs-bar:after{content:"";position:absolute;right:-6px;top:50%;width:7px;height:7px;transform:translateY(-50%) rotate(45deg);background:#1b120a;border:1px solid #c9963b}.cs-bar>div{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#a4470f,#e58a2e 60%,#ffb45e);box-shadow:0 0 8px #e58a2e55;transition:width .25s ease}#cs-dots{display:flex;gap:.5rem;margin-bottom:1rem}.cs-dot{width:14px;height:14px;padding:0;border-radius:50%;border:1px solid #5a4326;background:#241608}.cs-dot.active{background:radial-gradient(circle at 35% 30%,#ffd9a0,#e58a2e 70%);border-color:#f0c75e;box-shadow:0 0 9px #e58a2e99}.cs-info label{color:#cbb17f}.cs-info input{background:#140d08;border:1px solid #5a4326;color:#f0e2c8;border-radius:6px}.cs-info input:focus{outline:none;border-color:#c9963b}.input-mode{margin:0 0 .85rem;padding:.7rem .75rem .35rem;border:1px solid #5a4326;border-radius:8px;color:#cbb17f}.input-mode legend{padding:0 .35rem;color:#f0c75e;font-size:.82rem;font-weight:700}.input-mode-options{display:flex;gap:.8rem;flex-wrap:wrap}.input-mode-options label{flex-direction:row;align-items:center;gap:.4rem;margin:0;color:#f0e2c8;cursor:pointer}.input-mode-options input{accent-color:#e58a2e}.input-mode-help{margin:.45rem 0 0;color:#a98f68;font-size:.72rem;line-height:1.35}.advanced{margin-bottom:.6rem}.advanced summary{cursor:pointer;font-size:.85rem;color:#e58a2e;margin-bottom:.5rem}.btn-plate{display:flex;justify-content:center;width:100%;background:none;border:none;padding:0;margin-top:.4rem;cursor:pointer;filter:drop-shadow(0 5px 16px #000b);transition:transform .15s ease,filter .15s ease}.btn-plate img{display:block;width:min(280px,78%);height:auto;-webkit-user-select:none;user-select:none}.btn-plate:hover{transform:scale(1.04);filter:drop-shadow(0 6px 18px #000c) drop-shadow(0 0 22px #ffb52966)}.btn-plate:active{transform:scale(.98)}.select-card .status{color:#cbb17f}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.1rem}.card-footer .hint{margin:0;color:#a98f68}.select-card kbd{background:#33210f;border-color:#5a4326;color:#f0e2c8}#btn-back{flex-shrink:0;padding:.5rem 1.3rem;font-weight:600;color:#f0c75e;background:linear-gradient(180deg,#33210f,#1d1207);border:1px solid #c9963b;border-radius:8px}#btn-back:hover{color:#ffe9a8;border-color:#f0c75e}#floor-label,#banner{font-family:Pirata One,serif;font-weight:400;letter-spacing:.04em}#floor-label{font-size:1.7rem;background:linear-gradient(180deg,#ffe9a8,#f0c75e 50%,#b47a1c);-webkit-background-clip:text;background-clip:text;color:transparent}#splash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#0a0710 url(/ui/title.png) center / cover no-repeat;display:flex;align-items:flex-end;justify-content:center;opacity:1;transition:opacity .6s ease}#splash.fading{opacity:0;pointer-events:none}#btn-play{background:none;border:none;padding:0;margin-bottom:7vh;cursor:pointer;filter:drop-shadow(0 6px 24px #000c) drop-shadow(0 0 22px #ffb52955);transition:transform .15s ease,filter .15s ease;animation:play-pulse 2.4s ease-in-out infinite}#btn-play img{display:block;width:min(320px,55vw);height:auto;-webkit-user-select:none;user-select:none}#btn-play:hover{transform:scale(1.06);filter:drop-shadow(0 8px 28px #000d) drop-shadow(0 0 34px #ffc55088);animation-play-state:paused}#btn-play:active{transform:scale(.97)}@keyframes play-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}#menu.panel.overlay{overflow:auto;padding:1.5rem;background:radial-gradient(circle at 18% 12%,oklch(45% .08 58 / .22),transparent 35%),radial-gradient(circle at 82% 88%,oklch(42% .07 38 / .18),transparent 38%),#130803f7}.select-card{width:min(1040px,96vw);padding:clamp(1rem,2.2vw,1.8rem);background:#241407fa;border:1px solid oklch(68% .1 72);outline:1px solid oklch(12% .02 50);border-radius:12px;box-shadow:0 28px 80px #010000a6}.select-header{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding:.15rem .2rem 1rem;border-bottom:1px solid oklch(48% .055 65 / .55)}.select-kicker,.cs-profile-label{margin:0 0 .15rem;color:#d5a45e;font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.select-card h1{margin:0;color:#f8d696;background:none;font-size:clamp(2rem,4vw,3.2rem);line-height:.95;filter:none}.select-header .tagline{max-width:46ch;margin:0 0 .1rem;color:#bbab96;line-height:1.45}.select-grid{grid-template-columns:minmax(340px,1.1fr) minmax(390px,1fr);gap:clamp(1rem,2.4vw,2rem);margin:1rem 0 0}.cs-stage{min-height:510px;background:radial-gradient(ellipse at 50% 76%,oklch(62% .16 51 / .22),transparent 38%),radial-gradient(ellipse at 50% 38%,#3d250f,#160a05 75%);border-color:#81623e;border-radius:10px}#cs-canvas{height:510px;cursor:grab}#cs-canvas:active{cursor:grabbing}.cs-stage-hint{position:absolute;bottom:.8rem;margin:0;color:#bbab96;font-size:.72rem;letter-spacing:.06em;pointer-events:none}.cs-info{display:flex;min-width:0;flex-direction:column;gap:1rem}.cs-profile{padding-bottom:.9rem;border-bottom:1px solid oklch(45% .05 65 / .5)}.cs-info h2{color:#f49752;font-family:Pirata One,serif;font-size:2.3rem;font-weight:400;line-height:1;text-transform:none}.cs-info #cs-desc{min-height:2.6em;margin:.35rem 0 .8rem;color:#d1c2ab}.cs-stats{grid-template-columns:1fr 1fr;gap:.55rem 1rem;margin-bottom:.9rem}.cs-stat{grid-template-columns:74px 1fr;gap:.5rem}.cs-bar:after{display:none}#cs-dots{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem;margin:0}.cs-dot{width:auto;height:34px;padding:0 .35rem;border-radius:6px;color:#ac9c87;font-size:.69rem;background:#170d07}.cs-dot.active{color:#f8edd8;background:#623511;border-color:#d39747;box-shadow:none}.cs-setup{display:flex;flex-direction:column;gap:.7rem}.input-mode{margin:0;padding:0;border:0}.input-mode legend{margin-bottom:.45rem;padding:0}.input-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.input-mode-options label{min-height:56px;padding:.55rem .65rem;border:1px solid oklch(43% .05 65);border-radius:7px;background:#180c06}.input-mode-options label:has(input:checked){border-color:#ce9042;background:#40230d}.input-mode-options span{display:flex;flex-direction:column;gap:.08rem}.input-mode-options strong{color:#eadcc5;font-size:.78rem}.input-mode-options small{color:#a39684;font-size:.66rem}.player-fields{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.player-fields-single{grid-template-columns:1fr}.player-fields label{position:relative;margin:0}.optional{position:absolute;top:0;right:0;color:#958a7c;font-size:.7rem}.cs-info input{min-width:0;min-height:40px;background:#120904;border-color:#634a32}.cs-info input:focus-visible,.cs-dot:focus-visible,.cs-arrow:focus-visible,#btn-back:focus-visible,.btn-plate:focus-visible{outline:2px solid oklch(82% .12 77);outline-offset:2px}.gamepad-focus{outline:3px solid oklch(82% .12 77)!important;outline-offset:2px;box-shadow:0 0 0 5px #f0ba654d!important}.advanced{margin:-.1rem 0 0}.btn-plate{min-height:48px;margin:0;padding:.65rem 1rem;border:1px solid oklch(76% .13 76);border-radius:8px;background:#c07b00;background:oklch(64% .14 71);color:#1b0b02;filter:none;font-weight:800;letter-spacing:.03em}.btn-plate:hover{background:#cf901c;filter:none;transform:translateY(-1px)}.btn-plate:disabled{cursor:wait;opacity:.58;transform:none}.select-card .status{min-height:1.1em;margin:-.15rem 0 0;color:#daae80}.card-footer{flex-direction:row;margin-top:.8rem}.card-footer .hint{max-width:52ch;text-align:right}@media(max-width:820px){#menu.panel.overlay{display:block;padding:.75rem}.select-card{width:100%}.select-header,.select-grid{display:grid;grid-template-columns:1fr}.select-grid{gap:1rem}.cs-stage,#cs-canvas{min-height:340px;height:340px}}@media(max-width:520px){.input-mode-options,.player-fields,.cs-stats{grid-template-columns:1fr}#cs-dots{grid-template-columns:repeat(2,1fr)}.select-header .tagline{display:none}}@media(prefers-reduced-motion:reduce){#btn-play,.btn-plate,.cs-bar>div{animation:none;transition-duration:.01ms}}#menu.panel.overlay{display:block;padding:0;overflow:hidden;background:radial-gradient(ellipse at 38% 70%,oklch(55% .13 53 / .22),transparent 31%),radial-gradient(circle at 8% 6%,oklch(43% .09 62 / .26),transparent 30%),linear-gradient(115deg,#210e02,#0c0401 72%)}#menu.panel.overlay:before,#menu.panel.overlay:after{content:"";position:absolute;pointer-events:none}#menu.panel.overlay:before{top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,oklch(9% .02 52 / .52),transparent 24%,transparent 67%,oklch(8% .015 50 / .56)),repeating-linear-gradient(90deg,transparent 0 79px,oklch(75% .08 70 / .025) 80px);-webkit-mask-image:linear-gradient(to bottom,transparent,black 22%,black 82%,transparent);mask-image:linear-gradient(to bottom,transparent,black 22%,black 82%,transparent)}#menu.panel.overlay:after{inset:auto 0 0;height:22vh;background:linear-gradient(to top,oklch(8% .018 48 / .92),transparent)}.select-card{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100vw;height:100dvh;min-height:620px;padding:clamp(1.1rem,3vw,2.6rem) clamp(1.1rem,4vw,4.5rem) 1.2rem;overflow:hidden;background:transparent;border:0;outline:0;border-radius:0;box-shadow:none}.select-header{position:relative;z-index:4;align-items:start;padding:0;border:0}.select-kicker{margin-bottom:.3rem}.select-card h1{font-size:clamp(2.5rem,5vw,4.8rem);text-shadow:0 3px 20px oklch(7% .02 50 / .72)}.select-header .tagline{width:min(390px,34vw);padding-top:.5rem;color:#c8b8a2;text-align:right}.select-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,430px);min-height:0;gap:clamp(1.5rem,4vw,5rem);margin:-1.5rem 0 0;align-items:center}.cs-stage{position:relative;min-height:0;height:100%;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none}.cs-stage:before{content:"";position:absolute;left:50%;bottom:8%;width:min(50vw,680px);height:15%;transform:translate(-50%);border:1px solid oklch(70% .13 68 / .46);border-radius:50%;background:radial-gradient(ellipse,oklch(57% .16 53 / .14),transparent 68%);box-shadow:0 0 80px #b95d1a2e;pointer-events:none}.cs-stage:after{top:6%;right:8%;bottom:10%;left:8%;border-color:#bf96671f;border-width:0 1px;border-radius:44% 44% 18% 18%}#cs-canvas{width:100%;height:100%;min-height:440px;filter:drop-shadow(0 30px 28px oklch(5% .02 50 / .62))}.cs-stage-hint{bottom:4%;z-index:3;padding:.35rem .7rem;border-radius:999px;background:#0b0402b3}.cs-arrow{top:53%;width:52px;height:64px;opacity:.78;transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1)}.cs-arrow:hover{opacity:1;transform:translateY(-50%) scale(1.06)}#cs-prev{left:3%}#cs-next{right:3%}.cs-info{position:relative;z-index:4;align-self:center;gap:.8rem;max-height:calc(100dvh - 11rem);padding:clamp(1rem,2vw,1.5rem);overflow:auto;background:linear-gradient(145deg,#241407f0,#140803e6);border:1px solid oklch(60% .08 68 / .62);border-radius:10px;box-shadow:0 24px 70px #0100007a}.cs-profile{padding-bottom:.75rem}.cs-info h2{font-size:clamp(2.2rem,3.5vw,3.4rem)}.cs-info #cs-desc{max-width:44ch}.cs-stats{gap:.5rem .9rem}#cs-dots{grid-template-columns:repeat(5,minmax(0,1fr))}.cs-dot{height:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-footer{position:relative;z-index:4;margin:0;min-height:44px}#btn-back{background:#140803c7}.card-footer .hint{color:#a39686}@media(max-height:760px)and (min-width:821px){.select-card{padding-top:1.2rem}.select-card h1{font-size:2.8rem}.select-grid{margin-top:-.75rem}.cs-info{max-height:calc(100dvh - 7.5rem);padding:.9rem 1.1rem}.cs-info h2{font-size:2.2rem}.cs-info #cs-desc{margin-bottom:.55rem}.input-mode-options label{min-height:50px}}@media(max-width:820px){#menu.panel.overlay{overflow:auto}.select-card{display:block;min-height:100dvh;height:auto;overflow:visible}.select-header{gap:.6rem}.select-header .tagline{width:auto;padding:0;text-align:left}.select-grid{display:grid;margin:1rem 0}.cs-stage,#cs-canvas{height:min(54vh,470px);min-height:340px}.cs-info{max-height:none}}#btn-config{position:absolute;right:clamp(1rem,3vw,2.5rem);bottom:clamp(1rem,3vh,2rem);padding:.55rem .9rem;border-color:#c89b649e;background:#110602d1;color:#dbc4a0;font-size:.78rem}#config.panel.overlay{z-index:60;background:radial-gradient(circle at 50% 24%,oklch(40% .075 58 / .24),transparent 42%),#090301f5}.config-card{width:min(520px,calc(100vw - 2rem));padding:1.5rem;background:#1f1006;border-color:#a0774a}.config-head{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding-bottom:.9rem;border-bottom:1px solid oklch(47% .05 65 / .55)}.config-head h2{margin:0;color:#f5d69e;font-family:Pirata One,serif;font-size:2.3rem;font-weight:400}#btn-config-close{width:36px;height:36px;padding:0;border-color:#705943;background:#130804}.config-card .input-mode{margin-bottom:1rem}.config-card .input-mode legend{color:#ebc487}.config-card>label{margin:0;color:#c1b29c}.config-card>label input{min-height:42px;background:#0d0603;border-color:#644d38;color:#ede3d2}.config-note{margin:.85rem 0 0;color:#9c9082;font-size:.75rem}#system-menu.panel.overlay{z-index:55;background:radial-gradient(circle at 50% 24%,oklch(40% .075 58 / .24),transparent 42%),#090301f5}#btn-sysmenu-close{width:36px;height:36px;padding:0;border-color:#705943;background:#130804}.sysmenu-actions{display:grid;gap:.65rem;margin-top:1rem}.sysmenu-actions button{min-height:44px}.config-sound-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.85rem;padding:.8rem 0;border-top:1px solid oklch(37% .03 245);border-bottom:1px solid oklch(37% .03 245)}.config-sound-row>span{display:grid;gap:.15rem}.config-sound-row small{color:var(--muted)}#btn-sound-toggle{min-width:8rem;min-height:44px}.cs-info{height:fit-content;max-height:calc(100dvh - 9rem)}.cs-setup{gap:.85rem}@media(max-width:520px){.config-card .input-mode-options{grid-template-columns:1fr}}#hotbar{position:absolute;z-index:2;top:13%;right:9.5%;bottom:12%;left:9.5%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8%;pointer-events:auto}.inv-slot{position:relative;width:52px;height:52px;border-radius:10px;background:#0d1520cc;border:1px solid var(--border);display:grid;place-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .12s,transform .08s}#hotbar .inv-slot{width:100%;height:100%;min-width:0;min-height:0;padding:0;color:inherit;font:inherit;border:0;border-radius:.2rem;background:transparent;box-shadow:inset 0 0 1rem #00000138}.inv-slot:hover{border-color:var(--accent)}#hotbar .inv-slot:hover,#hotbar .inv-slot:focus-visible,#hotbar .inv-slot.gamepad-focus{outline:2px solid var(--hud-gold);outline-offset:-.2rem;background:#d19d531a}.inv-slot.filled .inv-icon{font-size:1.6rem;line-height:1}#hotbar .inv-slot.filled .inv-icon{font-size:clamp(1.2rem,2vw,1.8rem);filter:drop-shadow(0 2px 3px oklch(5% .015 245 / .9))}.inv-slot.selected{border-color:var(--accent);box-shadow:0 0 0 2px #c9a22755}.inv-slot.dragging{opacity:.5}.inv-key{position:absolute;top:2px;left:5px;font-size:.62rem;font-weight:700;color:var(--muted)}#hotbar .inv-key{top:5%;left:8%;color:var(--hud-gold);font-size:clamp(.48rem,.65vw,.66rem);text-shadow:0 1px 2px oklch(5% .015 245 / .95)}.inv-qty{position:absolute;bottom:2px;right:5px;font-size:.68rem;font-weight:700;color:var(--text);text-shadow:0 1px 2px #000}#hotbar .inv-qty{right:7%;bottom:5%;color:var(--hud-text);font-size:clamp(.5rem,.7vw,.72rem);text-shadow:0 1px 3px oklch(5% .015 245 / .98)}.hotbar-slot:active{transform:scale(.94)}#inventory{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#05080cb0;pointer-events:auto;z-index:30}#inventory-card{width:min(560px,92vw);background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:1rem 1.2rem 1.2rem;box-shadow:0 18px 50px #000a}#inventory-head{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}#inventory-head h2{margin:0;flex:1;color:var(--accent)}#inventory-gold{font-weight:700;font-variant-numeric:tabular-nums}#inventory-close{background:none;border:1px solid var(--border);border-radius:8px;color:var(--muted);width:30px;height:30px;cursor:pointer}#inventory-close:hover{color:var(--text);border-color:var(--accent)}#inventory-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem}#inventory-grid .inv-slot{width:auto;aspect-ratio:1;height:auto}#inventory-grid .inv-slot:nth-child(-n+5){background:#14202ecc}#inventory-detail{margin-top:.9rem;min-height:74px;border-top:1px solid var(--border);padding-top:.7rem}#inventory-detail h3{margin:0 0 .25rem}#inventory-detail .small{font-size:.8rem}.inv-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.55rem}.inv-actions button{padding:.4rem .9rem;border-radius:8px;border:1px solid var(--accent);background:#1a2430;color:var(--text);font-weight:600;cursor:pointer}.inv-actions button.ghost{border-color:var(--border);color:var(--muted)}.inv-actions button:hover{border-color:var(--accent);color:var(--text)}#inventory-shop{margin-top:.9rem;border-top:1px solid var(--border);padding-top:.7rem}#inventory-shop h3{margin:0 0 .45rem;font-size:.95rem}.shop-list{display:flex;flex-direction:column;gap:.35rem;max-height:180px;overflow-y:auto}.shop-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.85rem}.shop-row button{padding:.3rem .7rem;border-radius:8px;border:1px solid var(--accent);background:#1a2430;color:var(--text);cursor:pointer;white-space:nowrap}.shop-row button:disabled{opacity:.45;cursor:not-allowed}#ping-wheel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#1a2430ee,#0a1018cc);border:2px solid var(--border);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;place-items:center;pointer-events:none;z-index:40}#ping-wheel .ping-sector{font-size:.85rem;color:var(--muted);text-align:center;padding:.4rem;transition:color .12s,transform .12s}#ping-wheel .ping-sector.selected{color:var(--accent);transform:scale(1.12);font-weight:700}#toast-stack{position:absolute;right:1rem;bottom:clamp(10rem,18vw,14rem);display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;pointer-events:none}.toast{padding:.4rem .8rem;background:#040c15f0;border:1px solid oklch(57% .075 70);border-radius:.25rem;box-shadow:inset 0 0 0 2px #28190a,0 .55rem 1.3rem #00000166;font-size:.85rem;animation:toast-in .18s ease-out;transition:opacity .4s}.toast.fade{opacity:0}@keyframes toast-in{0%{transform:translate(12px);opacity:0}to{transform:none;opacity:1}}body.controller-mode,body.controller-mode *{cursor:none!important}.merchant-hint{font-size:.85rem;margin:.4rem 0 .6rem}#lobby.panel.overlay{padding:clamp(1rem,4vw,3rem);background:radial-gradient(circle at 50% 38%,oklch(27% .045 240 / .28),transparent 38%),#01060df5}.lobby-card.card.wide{width:min(760px,94vw);padding:clamp(1.25rem,3vw,2rem);border-color:#3d4f5f;border-radius:16px;background:#05111af7;box-shadow:0 30px 90px #00000194}.lobby-head{display:flex;align-items:start;justify-content:space-between;gap:1.5rem;padding-bottom:1.2rem;border-bottom:1px solid oklch(38% .03 245)}.lobby-head h2{margin:0 0 .3rem;color:#dee9f3;font-size:2rem}.lobby-head #lobby-seed{margin:0;color:#93a7ba;font-size:.9rem}#btn-copy-campaign{flex-shrink:0;border-color:#8b6c38;background:#271a09;color:#efcc8c;font-weight:700}.party-section{padding:1.3rem 0}.party-title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.7rem}.party-title h3{margin:0;color:#cdd9e4;font-size:1rem}#party-count{color:#879bad;font-size:.8rem;font-weight:700}#party-list{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;min-height:0}#party-list li{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:1rem;margin:0;padding:.75rem .9rem;border:1px solid oklch(38% .032 245);border-radius:9px;background:#030a12}#party-list li.you{border-color:#c09344;outline:none}#party-list li small{color:#c09f6a;font-size:.72rem;font-weight:700}#party-list li.empty-slot{justify-content:flex-start;border-style:dashed;color:#647481;background:transparent}.lobby-footer{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:.7rem;padding-top:1rem;border-top:1px solid oklch(38% .03 245)}.lobby-footer .status{margin:0;color:#8da1b3}#btn-ready{min-height:44px;padding-inline:1.25rem}#btn-ready.is-ready{background:#2e9e52;border-color:#2e9e52}.ready-badge{font-size:.68rem;font-weight:700;padding:.2rem .5rem;border-radius:999px;white-space:nowrap}.ready-badge.ready{color:#7fe998;background:#14361d}.ready-badge.waiting{color:#96a7b7;background:#131c23}#btn-start{min-height:44px;padding-inline:1.25rem}#btn-leave{min-height:44px}@media(max-width:620px){.lobby-head,.lobby-footer{display:flex;flex-direction:column;align-items:stretch}#party-list{grid-template-columns:1fr}#btn-copy-campaign{align-self:flex-start}}@media(max-width:1280px){#boss-bar{top:4.2rem;width:min(31rem,56vw)}#encounter-label{top:8.1rem}#hud.boss-active #minimap{top:10rem}}@media(max-width:900px){#floor-panel{width:10.75rem}#status-panel{width:21.5rem}#minimap{top:4.6rem;width:10.25rem}#hud.boss-active #minimap{top:10rem}#boss-bar{top:4.2rem;width:min(31rem,70vw)}#encounter-label{top:8.1rem}#hud-bottom{width:min(34rem,76vw)}}@media(max-width:620px){#floor-panel{top:max(.25rem,env(safe-area-inset-top));left:max(.2rem,env(safe-area-inset-left));width:8.5rem}.floor-panel-content{top:17%;right:11%;bottom:22%;left:10%;gap:.1rem}#floor-label{font-size:1.1rem}.floor-threat{gap:.2rem;font-size:.58rem}#status-panel{top:max(.3rem,env(safe-area-inset-top));right:max(.2rem,env(safe-area-inset-right));width:14.5rem}.expedition-status{right:49.5%;gap:.25rem}#phase-label{font-size:.56rem;letter-spacing:.05em}#kills-label{font-size:.52rem}.resource-count{top:29%;font-size:.62rem}#btn-system-menu{top:-18%;right:0;width:15%;height:136%}#minimap{top:3.7rem;right:max(.2rem,env(safe-area-inset-right));width:8rem}#boss-bar{top:3.45rem;width:calc(100vw - 1rem)}#boss-name{font-size:.58rem}#encounter-label{top:6.7rem;font-size:.58rem}#hud-bottom{width:min(31rem,98vw);aspect-ratio:3 / 1}#hotbar-shell{width:74%}#hud.boss-active #minimap{top:8rem}#hud.boss-active #encounter-label{top:7.4rem}#prompt{bottom:9.3rem;width:max-content;max-width:88vw;font-size:.74rem}#banner{font-size:1rem}#toast-stack{right:.45rem;bottom:8.8rem}.toast{max-width:78vw;font-size:.72rem}#skill-label,#dodge-label{font-size:0}#skill-label:after,#dodge-label:after{content:attr(data-shortcut);font-size:.5rem;letter-spacing:.05em}}@media(max-width:420px){#floor-panel{width:8.1rem}#status-panel{width:13.8rem}#kills-label{display:none}#minimap{width:7.25rem}#hud-bottom{width:98vw}#level-badge{left:0}#skill-badge{right:0}#dodge-pip{right:16%;width:17%}}@media(prefers-reduced-motion:reduce){#hp-fill,#xp-fill,#boss-fill,#skill-fill,#dodge-fill,.toast{animation:none;transition-duration:.01ms}}#inventory-equip{margin-bottom:.6rem}.equip-title{margin:0 0 .35rem;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted, #9aa7b4)}.equip-row{display:flex;gap:.4rem;flex-wrap:wrap}.equip-slot{position:relative;width:56px;height:62px;border-radius:10px;background:#0d1520cc;border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;color:inherit;font:inherit;transition:border-color .12s,transform .08s}.equip-slot:hover{border-color:var(--accent);transform:translateY(-1px)}.equip-slot .equip-icon{font-size:1.5rem;line-height:1;min-height:1.5rem}.equip-slot .equip-label{font-size:.62rem;color:var(--muted, #9aa7b4);text-transform:uppercase;letter-spacing:.03em}.equip-slot.filled .equip-label{color:inherit}.affix-list{list-style:none;margin:.2rem 0 .4rem;padding:0;display:grid;gap:.15rem}.affix-list li{font-size:.82rem;color:#7fe0a0}.inv-slot.gear{border-color:transparent}