:root{--bg: #0b0e12;--panel: #12100ce8;--panel-grad: linear-gradient(180deg, #1a160ef2, #0c0a07f5);--border: #6a5c38;--border-soft: #8a744080;--text: #e8dfc8;--muted: #9a9078;--accent: #f0c869;--accent-dim: #c8a854;--gold: #f0c869;--gold-dim: #c8a854;--ink: #0c0a07;--surface: #1a160e;--surface-deep: #0c0a07;--atk: #e85d4c;--def: #8aaeef;--ok: #6dcf9a;--danger: #c2604a;--shadow: 0 16px 48px #000000a0;--inset-gold: inset 0 1px #f0c86918;font-family:Georgia,Times New Roman,Segoe UI,system-ui,serif;font-variant-numeric:tabular-nums}*{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 55% 40% at 50% 20%,#f0c86914,transparent 60%),radial-gradient(ellipse at center,#1a160ecc,#050609f0);z-index:20}.panel.hidden,.hidden{display:none!important}.card{width:min(420px,92vw);padding:1.5rem 1.6rem;background:var(--panel-grad);border:1px solid var(--border-soft);border-radius:14px;box-shadow:var(--shadow),var(--inset-gold)}.card.wide{width:min(560px,94vw)}h1{margin:0 0 .25rem;font-size:2rem;font-weight:400;letter-spacing:.06em;color:var(--gold)}h2{margin:0 0 .5rem;font-weight:400;letter-spacing:.04em;color:var(--text)}.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);letter-spacing:.02em}input,select,button{font:inherit}input,select{padding:.55rem .75rem;border-radius:999px;border:1px solid var(--border);background:linear-gradient(180deg,#16140fe8,#0a0906f0);color:var(--text);box-shadow:inset 0 1px #0006}input:focus,select:focus{outline:none;border-color:var(--gold-dim);box-shadow:0 0 0 2px #f0c86933,inset 0 1px #0006}.row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}button{cursor:pointer;border-radius:999px;border:1px solid var(--border);background:linear-gradient(180deg,#2a261ce8,#14120cec);color:var(--text);padding:.55rem 1rem;letter-spacing:.04em;box-shadow:0 4px 12px #00000070,var(--inset-gold);transition:border-color .15s,box-shadow .15s,filter .15s,color .15s}button.primary{background:linear-gradient(180deg,#f0c869,#a67c28);border-color:#e0c35a;color:#1a1205;font-weight:700;box-shadow:0 4px 14px #00000080,0 0 14px #f0c86940}button.ghost{background:transparent;box-shadow:none}button:hover{filter:brightness(1.08);border-color:var(--gold-dim)}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button:disabled{opacity:.55;cursor:default;filter:none}.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:#1a160e;border:1px solid var(--border);border-radius:5px;padding:.1em .4em;font-size:.85em;color:var(--gold-dim);font-family:inherit}.select-kicker{margin:0 0 .2rem;color:var(--gold-dim);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.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: var(--gold);--hud-gold-dim: var(--gold-dim);--hud-ink: var(--ink);--hud-text: var(--text);--hud-muted: #9a9078;color:var(--hud-text);font-variant-numeric:tabular-nums;font-family:Georgia,Times New Roman,serif}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}#topbar{position:absolute;top:max(.7rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.9rem;max-width:calc(100vw - 7.5rem);padding:.45rem 1.35rem;letter-spacing:.12em;font-size:clamp(.78rem,1.1vw,.95rem);white-space:nowrap;color:var(--hud-text);text-shadow:0 2px 6px #000c;background:linear-gradient(180deg,#1a160ed1,#0c0a07d6);border:1px solid #8a744080;border-radius:999px;box-shadow:0 6px 20px #00000073,inset 0 1px #f0c86917}.top-sep{width:1px;height:1rem;flex-shrink:0;background:linear-gradient(transparent,#f0c86966,transparent)}#floor-label,#phase-label{color:var(--hud-gold);font-weight:700;letter-spacing:.16em}#kills-label{color:#d8d2c0;font-variant-numeric:tabular-nums}.floor-threat{display:inline-flex;align-items:center;gap:.3rem;color:var(--hud-muted);font-size:.85em;letter-spacing:.08em}#status-resources{position:absolute;top:max(.7rem,env(safe-area-inset-top));right:max(.75rem,env(safe-area-inset-right));display:flex;align-items:center;gap:.45rem}.resource-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .7rem;border-radius:999px;font-size:.82rem;font-weight:700;color:var(--hud-text);background:linear-gradient(180deg,#26241ce0,#12110ce6);border:1px solid #5a5340;box-shadow:0 4px 12px #0006;text-shadow:0 1px 3px #000c}#btn-system-menu{pointer-events:auto;width:2.6rem;height:2.6rem;padding:0;border-radius:50%;border:1px solid #5a5340;background:linear-gradient(180deg,#26241ce0,#12110ce6);color:var(--hud-gold);font-size:1rem;line-height:1;box-shadow:0 4px 12px #0006;cursor:pointer}#btn-system-menu:hover,#btn-system-menu:focus-visible{border-color:var(--hud-gold-dim);box-shadow:0 0 12px #f0c8694d;outline:none}#prompt{position:absolute;left:50%;bottom:clamp(7.2rem,12vw,9.5rem);transform:translate(-50%);max-width:min(36rem,90vw);padding:.55rem 1.1rem;border:1px solid #8a744080;border-radius:999px;background:linear-gradient(180deg,#1a160ed8,#0c0a07e8);box-shadow:0 .5rem 1.4rem #00000080;font-size:.9rem;color:var(--hud-gold);font-weight:700;letter-spacing:.04em;text-align:center}#banner{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);padding:0;background:transparent;border:0;box-shadow:none;font-size:clamp(1.8rem,4.5vw,3.2rem);font-weight:400;letter-spacing:.22em;text-align:center;max-width:90vw;white-space:pre-line;color:var(--hud-gold);text-shadow:0 3px 14px #000000e6}#banner.banner-pop{animation:bannerIn .4s ease-out}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-50%) scale(1.25)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}#boss-bar{position:absolute;top:max(3.4rem,calc(env(safe-area-inset-top) + 2.8rem));left:50%;transform:translate(-50%);width:min(520px,64vw);z-index:5;text-align:center}#boss-name{letter-spacing:.22em;color:#e8a25c;text-shadow:0 2px 6px #000c;margin-bottom:.25rem;font-size:.78rem;text-transform:uppercase}#boss-hp{position:relative}#boss-track{background:#0000008c;border:2px solid #e8a25c8c;border-radius:5px;height:10px;overflow:hidden}#boss-fill{height:100%;width:100%;background:linear-gradient(180deg,#e8763c,#9c3a18);transition:width .12s ease-out}#boss-hp-text{display:block;margin-top:.2rem;color:#d8d2c0;font-size:.7rem;text-shadow:0 1px 3px #000c}#encounter-label{position:absolute;top:clamp(5.2rem,8vw,7rem);left:50%;z-index:5;transform:translate(-50%);color:var(--hud-gold);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-shadow:0 2px 4px #000c}#minimap{position:absolute;top:max(3.6rem,calc(env(safe-area-inset-top) + 3rem));right:max(.75rem,env(safe-area-inset-right));width:clamp(7.5rem,11vw,10rem);aspect-ratio:1;border-radius:12px;border:1px solid #8a744080;background:linear-gradient(180deg,#1a160ed1,#0c0a07d6);box-shadow:0 6px 18px #00000080;overflow:hidden}#minimap-canvas{display:block;width:100%;height:100%;background:#0d1218}#hud-dock{position:absolute;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:.45rem;padding-bottom:1.05rem;pointer-events:none;z-index:6}.orb{position:relative;left:auto;right:auto;bottom:auto;width:clamp(4.6rem,7.2vw,5.5rem);height:clamp(4.6rem,7.2vw,5.5rem);flex:0 0 auto;filter:drop-shadow(0 6px 14px #0000008c);pointer-events:none}#orb-hp,#orb-xp{left:auto;right:auto}#xp-cluster{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto}#level-badge{position:absolute;top:-.15rem;left:50%;transform:translate(-50%);z-index:2;width:auto;text-align:center;letter-spacing:.14em;color:#b8a2e0;text-shadow:0 2px 6px #000000e6;pointer-events:none}#level-value{display:block;font-size:clamp(.78rem,1.1vw,.95rem);font-weight:700;line-height:1;color:#d8c8f0}#level-badge small{font-size:.55rem;letter-spacing:.18em;color:#b8a2e0}#hotbar-shell{position:relative;left:auto;bottom:auto;transform:none;width:auto;display:flex;align-items:center;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;pointer-events:none}.action-btn{position:relative;flex:0 0 auto;width:2.85rem;height:2.85rem;margin:0;padding:0;border-radius:50%;border:1px solid #6a5c38;background:linear-gradient(180deg,#2a261ce8,#12100cec);color:#c8b89a;display:grid;place-items:center;box-shadow:0 4px 12px #00000080,inset 0 1px #f8e6ae18;font-family:inherit;cursor:default;transition:border-color .2s,color .2s,box-shadow .2s,opacity .2s,filter .2s}.action-btn.action-ult{width:3.05rem;height:3.05rem}.action-btn .act-icon{font-size:1.05rem;line-height:1;z-index:1}.action-btn .act-key{position:absolute;top:calc(100% + .28rem);left:50%;transform:translate(-50%);font-size:.52rem;letter-spacing:.1em;color:#7a7258;text-shadow:0 1px 4px #000e;white-space:nowrap;pointer-events:none}.action-btn .act-cd-text{position:absolute;z-index:2;font-size:.62rem;font-weight:700;color:var(--hud-text);text-shadow:0 1px 3px #000c}.action-btn .cd-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:conic-gradient(#060705b8 calc(var(--cd, 0) * 1turn),transparent 0)}.action-btn.ready{color:var(--hud-gold);border-color:var(--hud-gold-dim);box-shadow:0 4px 12px #00000080,0 0 12px #f0c86955,inset 0 1px #f8e6ae22}.action-btn.ready .act-key{color:var(--hud-gold-dim)}.action-btn.cooling{opacity:.88;filter:saturate(.65)}.action-btn.action-ult.ready{box-shadow:0 4px 12px #00000080,0 0 16px #f0c86970,inset 0 1px #f8e6ae22;animation:ultPulse 1.1s ease-in-out infinite}@keyframes ultPulse{50%{filter:brightness(1.22)}}#hp-fill,#xp-fill{width:0;height:0}@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:radial-gradient(ellipse 70% 50% at 50% 100%,#0c0a07ee,transparent 55%),radial-gradient(ellipse 40% 30% at 50% 0%,#f0c86918,transparent 50%),#0a0710 url(/ui/hero.webp) 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}#splash-logo{position:absolute;top:5vh;left:50%;transform:translate(-50%);width:min(600px,58vw);height:auto;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 8px 26px #000a)}#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}}#menu.panel.overlay:not(.hidden){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:relative;z-index:2;inset:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.35rem;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,box-shadow .12s}#hotbar .inv-slot{width:2.85rem;height:2.85rem;min-width:2.85rem;min-height:2.85rem;flex:0 0 auto;padding:0;color:inherit;font:inherit;border:1.5px solid #6a5c38;border-radius:.7rem;background:linear-gradient(180deg,#1c1810ee,#0a0907f0);box-shadow:0 3px 10px #00000070,inset 0 1px #f0c86914,inset 0 -1px #0006}.inv-slot:hover{border-color:var(--accent)}#hotbar .inv-slot:hover,#hotbar .inv-slot:focus-visible,#hotbar .inv-slot.gamepad-focus{outline:none;border-color:var(--hud-gold-dim);box-shadow:0 3px 10px #00000070,0 0 10px #f0c86940,inset 0 1px #f8e6ae22}.inv-slot.filled .inv-icon{font-size:1.6rem;line-height:1}#hotbar .inv-slot.filled .inv-icon{font-size:1.35rem;filter:drop-shadow(0 2px 3px #000c)}.inv-slot.selected{border-color:var(--accent);box-shadow:0 0 0 2px #c9a22755}.inv-slot.dragging{opacity:.5}#inventory.inv-drop-outside{cursor:grabbing;background:#1a0808b0}#inventory.inv-drop-outside:after{content:"Largar tudo no chão";position:absolute;left:50%;bottom:12%;transform:translate(-50%);padding:.45rem .9rem;border-radius:999px;background:#2a1010ee;border:1px solid #e07f7f88;color:#f0c0c0;font-size:.85rem;font-weight:600;pointer-events:none;letter-spacing:.02em}.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(640px,94vw);background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:1rem 1.2rem 1.2rem;box-shadow:0 18px 50px #000a}#inventory-card.inv-torchlight{width:min(720px,96vw);background:linear-gradient(180deg,#1a140ecc,#0e1218f2 40%,#0a0e14f5);border-color:#6b5428aa}.inv-body{display:grid;grid-template-columns:minmax(220px,1fr) minmax(200px,1.1fr);gap:.85rem;margin-bottom:.65rem}@media(max-width:560px){.inv-body{grid-template-columns:1fr}}.inv-bag-label{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:.35rem 0 .4rem}.inv-bag-label .small{text-transform:none;letter-spacing:0}#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 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(ellipse at 50% 28%,oklch(32% .03 60 / .22),transparent 48%),#090503f7}.lobby-card.card.wide{width:min(760px,94vw);padding:clamp(1.5rem,3vw,2.25rem);border:1px solid oklch(38% .02 68 / .5);border-radius:16px;background:#16100bfa;box-shadow:0 30px 90px #01000099}.lobby-head{display:flex;align-items:start;justify-content:space-between;gap:1.5rem;padding-bottom:1.2rem;border-bottom:1px solid oklch(34% .016 68 / .5)}.lobby-head h2{margin:0 0 .3rem;color:#f2eee6;font-size:2rem;font-weight:700;letter-spacing:-.01em}.lobby-head #lobby-seed{margin:0;color:#a79d90;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:#d4c9b5;font-size:1rem;font-weight:700;letter-spacing:.01em}#party-count{color:#a19788;font-size:.8rem;font-weight:700}#party-list{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;min-height:0}.party-slot{display:flex;flex-direction:column;align-items:center;gap:.55rem;min-height:190px;margin:0;padding:.7rem .6rem .85rem;border:1px solid oklch(36% .016 68 / .6);border-radius:12px;background:#0f0a0699;text-align:center}.party-slot.you{border-color:#cc9c42cc;background:#1f13078c;outline:none}.slot-portrait{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border:1px solid oklch(40% .03 70 / .5);border-radius:10px;background:#05030299}.slot-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.slot-portrait.no-art img{display:none}.slot-host{position:absolute;bottom:.4rem;left:50%;transform:translate(-50%);padding:.15rem .5rem;border-radius:999px;font-size:.62rem;font-weight:800;letter-spacing:.04em;white-space:nowrap;color:#241900;color:oklch(22% .05 85);background:#e8b543}.slot-info{display:flex;flex-direction:column;gap:.1rem}.slot-name{color:#f2eee6;font-size:.95rem;font-weight:700;line-height:1.15}.slot-class{color:#b0a290;font-size:.76rem}.party-slot.empty{justify-content:center;gap:.2rem;border-style:dashed;border-color:#4f463c80;background:transparent}.slot-shield{margin-bottom:.25rem;font-size:1.9rem;opacity:.35}.slot-empty-title{color:#9a9185;font-size:.85rem;font-weight:600}.slot-empty-sub{color:#70675d;font-size:.72rem}.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(34% .016 68 / .5)}.lobby-footer .status{margin:0;color:#ada396}#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}.party-slot .ready-badge{margin-top:auto}.ready-badge.ready{color:#7fe998;background:#14361d}.ready-badge.waiting{color:#b4a99a;background:#251e17}#btn-start{min-height:44px;padding-inline:1.25rem}#btn-leave{min-height:44px}@media(max-width:720px){#party-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.lobby-head,.lobby-footer{display:flex;flex-direction:column;align-items:stretch}#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){#minimap{top:4.6rem;width:9.5rem}#hud.boss-active #minimap{top:10rem}#boss-bar{top:4.2rem;width:min(31rem,70vw)}#encounter-label{top:8.1rem}#hud-dock{gap:.35rem;padding-bottom:.95rem}.orb{width:clamp(3.8rem,9vw,4.8rem);height:clamp(3.8rem,9vw,4.8rem)}#hotbar .inv-slot{width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem}.action-btn{width:2.5rem;height:2.5rem}.action-btn.action-ult{width:2.65rem;height:2.65rem}}@media(max-width:620px){#topbar{gap:.45rem;padding:.35rem .85rem;font-size:.68rem;letter-spacing:.08em;max-width:calc(100vw - 6.5rem)}#status-resources{gap:.3rem}.resource-pill{padding:.28rem .5rem;font-size:.72rem}#btn-system-menu{width:2.2rem;height:2.2rem}#minimap{top:3.7rem;right:max(.2rem,env(safe-area-inset-right));width:7.5rem}#boss-bar{top:3.45rem;width:calc(100vw - 1rem)}#boss-name{font-size:.58rem}#encounter-label{top:6.7rem;font-size:.58rem}#hud-dock{gap:.28rem;bottom:max(.55rem,env(safe-area-inset-bottom));max-width:calc(100vw - .4rem);padding-bottom:.9rem}.orb{width:3.4rem;height:3.4rem}#hotbar-shell{padding:0}#hotbar{gap:.28rem}#hotbar .inv-slot{width:2.2rem;height:2.2rem;min-width:2.2rem;min-height:2.2rem;border-radius:.45rem}#hotbar .inv-slot.filled .inv-icon{font-size:1.1rem}.action-btn{width:2.25rem;height:2.25rem}.action-btn.action-ult{width:2.4rem;height:2.4rem}.action-btn .act-icon{font-size:.92rem}#hud.boss-active #minimap{top:8rem}#hud.boss-active #encounter-label{top:7.4rem}#prompt{bottom:8.2rem;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){#kills-label{display:none}#minimap{width:6.75rem}.orb{width:3rem;height:3rem}#hotbar .inv-slot{width:2rem;height:2rem;min-width:2rem;min-height:2rem}}@media(prefers-reduced-motion:reduce){#btn-play,.btn-plate,.cs-bar>div{animation:none;transition-duration:.01ms}}#inventory-equip{margin-bottom:0}.doll-frame{position:relative;display:grid;grid-template-columns:64px 1fr 64px;grid-template-rows:64px 1fr 64px;grid-template-areas:". helmet ." "chest doll ring" "weapon . boots";gap:.35rem;min-height:220px;padding:.45rem;background:radial-gradient(ellipse at 50% 55%,#f0c86912 0%,transparent 65%),linear-gradient(180deg,#1a160ee8,#0a0906f2);border:1px solid var(--border-soft);border-radius:14px;box-shadow:var(--inset-gold)}.doll-portrait{grid-area:doll;display:grid;place-items:center;border-radius:10px;overflow:hidden;background:#0a0c12;border:1px solid #3a3020;min-height:140px}.doll-portrait img{width:100%;height:100%;object-fit:contain;max-height:180px;image-rendering:auto}.doll-portrait.no-art{color:var(--accent);font-weight:700;font-size:.95rem}.doll-slot-helmet{grid-area:helmet;justify-self:center}.doll-slot-chest{grid-area:chest;align-self:center}.doll-slot-ring{grid-area:ring;align-self:center}.doll-slot-weapon{grid-area:weapon;justify-self:end}.doll-slot-boots{grid-area:boots;justify-self:start}.equip-slot{position:relative;width:60px;height:64px;border-radius:10px;background:#121820ee;border:1px solid #4a3c28;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;padding:0}.equip-slot:hover{border-color:var(--accent);transform:translateY(-1px)}.equip-slot .equip-icon{font-size:1.45rem;line-height:1;min-height:1.6rem;display:grid;place-items:center;width:100%}.equip-slot .equip-icon.has-mesh-icon{font-size:0}.equip-slot .equip-label{font-size:.58rem;color:var(--muted, #9aa7b4);text-transform:uppercase;letter-spacing:.03em}.equip-slot.filled .equip-label{color:inherit}.mesh-icon{width:34px;height:34px;object-fit:contain;object-position:center;pointer-events:none;filter:drop-shadow(0 1px 2px #000a)}.equip-slot .mesh-icon{width:32px;height:32px}.inv-icon.has-mesh-icon{font-size:0;display:grid;place-items:center;width:100%;height:100%;padding:10%;box-sizing:border-box}.inv-icon .mesh-icon{width:100%;height:100%;max-width:42px;max-height:42px}.equip-slot.drop-ok{border-color:#5fd35f!important;box-shadow:0 0 0 2px #5fd35f66}.equip-slot.drop-bad{border-color:#e07f7f!important;opacity:.75}#inventory-detail{margin-top:0;min-height:120px;border-top:none;padding-top:0;border:1px solid #3a3020;border-radius:10px;padding:.55rem .65rem;background:#0c1018cc}.affix-list{list-style:none;margin:.2rem 0 .4rem;padding:0;display:grid;gap:.15rem}.affix-list li{font-size:.82rem;color:#7fe0a0}.affix-list li.stat-up{color:#7fe0a0}.affix-list li.stat-down{color:#e07f7f}.affix-list li.stat-same{color:var(--muted, #9aa7b4)}.affix-compare-label{font-size:.78rem;color:var(--muted, #9aa7b4);margin:.15rem 0 .35rem}.affix-delta{font-variant-numeric:tabular-nums;opacity:.95}.inv-slot.gear{border-color:transparent}#hud{--hud-muted: var(--muted)}#lobby.panel.overlay,#config.panel.overlay,#system-menu.panel.overlay,#inventory{background:radial-gradient(ellipse 50% 35% at 50% 18%,#f0c86916,transparent 62%),radial-gradient(ellipse at center,#14120ce8,#050609f2)!important}.lobby-card.card.wide,.config-card,#inventory-card,#inventory-card.inv-torchlight{background:var(--panel-grad)!important;border:1px solid var(--border-soft)!important;border-radius:16px!important;box-shadow:var(--shadow),var(--inset-gold)!important;outline:none!important;color:var(--text)}.lobby-head,.config-head,#inventory-head{border-bottom-color:var(--border-soft)!important}.lobby-head h2,.config-head h2,#inventory-head h2{font-family:Georgia,Times New Roman,serif!important;font-weight:400!important;letter-spacing:.08em!important;color:var(--gold)!important;background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;filter:none!important}.muted,.hint,.config-note,.input-mode-help,#lobby-seed,.merchant-hint,.inv-bag-label{color:var(--muted)!important}.input-mode{border:0;margin:0 0 .9rem;padding:0}.input-mode legend{color:var(--gold-dim)!important;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;margin-bottom:.45rem}.input-mode-options{display:grid;gap:.45rem}.input-mode-options label{margin:0;padding:.65rem .85rem;border-radius:12px;border:1px solid var(--border-soft);background:linear-gradient(180deg,#1a160ee0,#0c0a07f0);color:var(--text);cursor:pointer;transition:border-color .15s,box-shadow .15s}.input-mode-options label:has(input:checked){border-color:var(--gold-dim);box-shadow:0 0 0 1px #f0c86933,0 0 14px #f0c86922;background:linear-gradient(180deg,#2a2214f0,#14100af5)}.input-mode-options strong{color:var(--text)}.input-mode-options small{color:var(--muted)}.btn-plate,#btn-join.btn-plate{border-radius:999px!important;border:1px solid #e0c35a!important;background:linear-gradient(180deg,#f0c869,#a67c28)!important;color:#1a1205!important;font-weight:700!important;letter-spacing:.08em!important;box-shadow:0 6px 18px #000a,0 0 16px #f0c86944!important}.btn-plate:hover{filter:brightness(1.08)}#btn-back,#btn-config,#btn-copy-campaign,#btn-sound-toggle,#inventory-close,#btn-config-close,#btn-sysmenu-close{border-radius:999px!important;border:1px solid var(--border)!important;background:linear-gradient(180deg,#2a261ce8,#14120cec)!important;color:var(--text)!important;box-shadow:0 4px 12px #0008,var(--inset-gold)!important}#btn-config{color:var(--gold-dim)!important;font-size:.78rem;letter-spacing:.08em}#btn-config:hover,#btn-back:hover,#btn-copy-campaign:hover{border-color:var(--gold-dim)!important;color:var(--gold)!important}.party-slot{border:1px solid var(--border-soft)!important;border-radius:14px!important;background:linear-gradient(180deg,#1a160ee8,#0c0a07f2)!important;box-shadow:var(--inset-gold)}.party-slot.you{border-color:var(--gold-dim)!important;box-shadow:0 0 0 1px #f0c86933,0 0 16px #f0c86922,var(--inset-gold)!important}.slot-portrait{border:1px solid var(--border)!important;border-radius:12px!important;background:#0a0906!important}.party-title h3,.lobby-head h2{letter-spacing:.06em}#party-count{color:var(--muted)!important;letter-spacing:.08em}#btn-ready,#btn-start{border-radius:999px!important}#btn-ready.is-ready{border-color:var(--ok)!important;box-shadow:0 0 12px #6dcf9a44!important}#inventory-grid .inv-slot{border:1.5px solid var(--border)!important;border-radius:.7rem!important;background:linear-gradient(180deg,#1c1810ee,#0a0907f0)!important;box-shadow:0 3px 10px #00000060,inset 0 1px #f0c86912!important}#inventory-grid .inv-slot:nth-child(-n+5){border-color:var(--gold-dim)!important;box-shadow:0 0 8px #f0c86922,inset 0 1px #f0c86914!important}#inventory-grid .inv-slot:hover,#inventory-grid .inv-slot.selected,#inventory-grid .inv-slot.gamepad-focus{border-color:var(--gold)!important;box-shadow:0 0 12px #f0c86940!important}.equip-slot{border:1.5px solid var(--border)!important;border-radius:.7rem!important;background:linear-gradient(180deg,#1c1810ee,#0a0907f0)!important;box-shadow:0 3px 10px #00000060,inset 0 1px #f0c86912!important}.equip-slot:hover{border-color:var(--gold-dim)!important}.equip-slot .equip-label{color:var(--muted)!important}#inventory-detail{border:1px solid var(--border-soft);border-radius:12px;background:linear-gradient(180deg,#16140ee8,#0a0906f2);padding:.75rem}#inventory-detail h3{color:var(--gold)!important}#inventory-shop{border:1px solid var(--border-soft);border-radius:12px;background:linear-gradient(180deg,#16140ee8,#0a0906f2);padding:.75rem}#inventory-shop h3{color:var(--gold-dim);letter-spacing:.1em}#inventory-gold{color:var(--gold);padding:.25rem .65rem;border-radius:999px;border:1px solid var(--border-soft);background:#0c0a07cc}.toast{border-radius:999px!important;background:linear-gradient(180deg,#1a160ef0,#0c0a07f5)!important;border:1px solid var(--border-soft)!important;color:var(--text)!important;box-shadow:0 8px 20px #000a,var(--inset-gold)!important}#toast-stack{bottom:clamp(7.5rem,14vw,11rem)}#prompt{border-radius:999px!important;background:linear-gradient(180deg,#1a160ef0,#0c0a07f5)!important;border:1px solid var(--border-soft)!important;color:var(--gold)!important;letter-spacing:.04em}#ping-wheel{background:linear-gradient(180deg,#1a160ef0,#0c0a07f5)!important;border:1px solid var(--border-soft)!important;border-radius:50%!important;box-shadow:0 12px 32px #000a,var(--inset-gold)!important}#ping-wheel .ping-sector.selected{color:var(--gold)!important}.sysmenu-actions button{border-radius:999px!important}.config-sound-row{border-top:1px solid var(--border-soft)!important;border-bottom:1px solid var(--border-soft)!important}#btn-config:hover{box-shadow:0 0 14px #f0c86944!important}.gamepad-focus,button.gamepad-focus,.inv-slot.gamepad-focus,.party-slot.gamepad-focus{outline:2px solid var(--gold)!important;outline-offset:2px}.card-footer{border-top:1px solid var(--border-soft);padding-top:.9rem;margin-top:.9rem}.player-fields input,#campaign-id,#server-url,#player-name{border-radius:999px!important;border-color:var(--border)!important;background:linear-gradient(180deg,#16140fe8,#0a0906f0)!important;color:var(--text)!important}.affix-list li.stat-up{color:var(--ok)}.affix-list li.stat-down{color:var(--danger)}.affix-list li.stat-same,.affix-compare-label{color:var(--muted)}#minimap{border-color:var(--border-soft);background:linear-gradient(180deg,#1a160ed1,#0c0a07d6)}#topbar{border-color:var(--border-soft)}.resource-pill{border-color:var(--border);background:linear-gradient(180deg,#26241ce0,#12110ce6);color:var(--text)}#menu.panel.overlay.hidden{display:none!important;pointer-events:none!important}#menu.panel.overlay:not(.hidden){display:block!important;place-items:unset!important;padding:0!important;overflow:hidden!important;background:radial-gradient(ellipse at 38% 70%,rgba(200,110,40,.2),transparent 32%),radial-gradient(circle at 10% 8%,rgba(180,130,50,.18),transparent 28%),linear-gradient(115deg,#1a140c,#100c08 55%,#0a0806)!important}#menu.panel.overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,6,4,.55),transparent 22%,transparent 70%,rgba(8,6,4,.5)),repeating-linear-gradient(90deg,transparent 0 79px,rgba(240,200,105,.03) 80px);-webkit-mask-image:linear-gradient(to bottom,transparent,black 18%,black 85%,transparent);mask-image:linear-gradient(to bottom,transparent,black 18%,black 85%,transparent);z-index:0}#menu.panel.overlay:after{content:"";position:absolute;left:0;right:0;bottom:0;height:22vh;pointer-events:none;background:linear-gradient(to top,rgba(6,5,4,.92),transparent);z-index:0}#menu .select-card{position:relative;z-index:1;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;width:100vw!important;height:100dvh!important;min-height:620px!important;max-width:none!important;padding:clamp(1.1rem,3vw,2.6rem) clamp(1.1rem,4vw,4.5rem) 1.2rem!important;overflow:hidden!important;background:transparent!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important}#menu .select-header{position:relative;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;padding:0!important;border:0!important;border-bottom:0!important}#menu .select-kicker,#menu .cs-profile-label{margin:0 0 .25rem;color:var(--gold-dim)!important;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}#menu .select-card h1{margin:0;font-family:Pirata One,Georgia,serif!important;font-size:clamp(2.5rem,5vw,4.8rem)!important;font-weight:400!important;letter-spacing:.02em!important;line-height:.95;background:linear-gradient(180deg,#fff3c8 8%,#f0c869 42%,#b8892e 72%,#7a5818)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;filter:drop-shadow(0 3px 18px rgba(0,0,0,.75))!important;text-shadow:none!important}#menu .select-header .tagline{width:min(390px,34vw);margin:0;padding-top:.45rem;color:#b8ad90!important;text-align:right;font-size:.92rem;line-height:1.45}#menu .select-grid{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(340px,400px)!important;min-height:0;gap:clamp(1.2rem,3.5vw,4rem)!important;margin:-1.2rem 0 0!important;align-items:center!important}#menu .cs-stage{position:relative;display:grid;place-items:center;min-height:0!important;height:100%!important;overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}#menu .cs-stage:before{content:"";position:absolute;left:50%;bottom:8%;width:min(50vw,680px);height:15%;transform:translate(-50%);border:1px solid rgba(240,200,105,.35);border-radius:50%;background:radial-gradient(ellipse,rgba(220,130,50,.16),transparent 68%);box-shadow:0 0 80px #c8782833;pointer-events:none;z-index:0}#menu .cs-stage:after{content:"";position:absolute;top:6%;right:10%;bottom:12%;left:10%;border:solid rgba(240,200,105,.12);border-width:0 1px;border-radius:44% 44% 18% 18%;pointer-events:none;background:none!important;box-shadow:none!important}#menu #cs-canvas{position:relative;z-index:1;width:100%!important;height:100%!important;min-height:440px!important;filter:drop-shadow(0 28px 30px rgba(0,0,0,.55))}#menu .cs-stage-hint{position:absolute;left:50%;bottom:4%;transform:translate(-50%);z-index:3;margin:0;padding:.3rem .75rem;border-radius:999px;border:1px solid rgba(138,116,64,.4);background:#0c0a07bf;color:#a89c80;font-size:.72rem;letter-spacing:.04em;white-space:nowrap}#menu .cs-arrow{position:absolute;top:53%;transform:translateY(-50%);z-index:3;width:52px!important;height:64px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#f0c75e!important;opacity:.82;font-size:1.5rem}#menu .cs-arrow:before,#menu .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%)}#menu .cs-arrow:before{top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#f0c75e,#8a5a17);z-index:-2}#menu .cs-arrow:after{top:2px;right:2px;bottom:2px;left:2px;background:linear-gradient(180deg,#33210f,#1d1207);z-index:-1}#menu .cs-arrow:hover{opacity:1;color:#ffe9a8!important;filter:drop-shadow(0 0 10px #f0c75e66);transform:translateY(-50%) scale(1.05)}#menu #cs-prev{left:3%}#menu #cs-next{right:3%}#menu .cs-info{position:relative;z-index:4;display:flex;flex-direction:column;gap:.85rem;align-self:center;max-height:calc(100dvh - 11rem);padding:clamp(1rem,2vw,1.45rem)!important;overflow:auto;background:linear-gradient(160deg,#1c1810f0,#0c0a07eb)!important;border:1px solid var(--border-soft)!important;border-radius:14px!important;box-shadow:0 24px 70px #00000080,var(--inset-gold)!important}#menu .cs-info h2{margin:0;font-family:Pirata One,Georgia,serif;font-size:clamp(2rem,3.2vw,3.1rem);font-weight:400;letter-spacing:.03em;color:#e8a04a;text-shadow:0 2px 10px rgba(0,0,0,.55);text-transform:none}#menu .cs-info #cs-desc{margin:.2rem 0 .75rem;max-width:42ch;color:#c8bda0!important;line-height:1.45}#menu .cs-bar{background:#0a0906!important;border-radius:999px!important;border:1px solid rgba(90,83,64,.45);overflow:hidden}#menu .cs-bar>div{background:linear-gradient(90deg,#a67c28,#f0c869)!important}#menu .cs-dot,#menu #cs-dots button{height:36px;border-radius:999px!important;border:1px solid var(--border)!important;background:linear-gradient(180deg,#1c1810,#0c0a07)!important;color:var(--muted)!important;box-shadow:none!important}#menu .cs-dot.active,#menu #cs-dots .active,#menu #cs-dots button.active{background:linear-gradient(180deg,#f0c869,#b8892e)!important;border-color:#e0c35a!important;color:#1a1205!important;box-shadow:0 0 12px #f0c86955!important}#menu .card-footer{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0;min-height:44px;padding-top:.35rem;border-top:1px solid rgba(138,116,64,.25);background:transparent!important}#menu #btn-back{border-radius:999px!important;border:1px solid var(--border)!important;background:linear-gradient(180deg,#2a261ce6,#12100ceb)!important;color:var(--text)!important;box-shadow:0 4px 12px #0008,var(--inset-gold)!important}#menu .card-footer .hint{margin:0;color:#8e846c!important;text-align:right;font-size:.78rem}@media(max-width:820px){#menu .select-grid{grid-template-columns:1fr!important;gap:.75rem!important;margin-top:.25rem!important;overflow:auto}#menu .cs-stage{min-height:280px!important;height:42vh!important}#menu #cs-canvas{min-height:260px!important}#menu .select-header .tagline{display:none}#menu .cs-info{max-height:none}}