:root{--ink: #efe3c8;--ink-dim: #a89878;--gold: #e8c26a;--gold-deep: #8a6a2a;--blood: #b8323a;--panel: #241d19;--panel-2: #17120f;--edge: #6a5334;--hp: linear-gradient(180deg, #d8484c 0%, #8d1f26 100%);--xp: linear-gradient(180deg, #6fd0e8 0%, #2a7ea8 100%);--font: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body{height:100%;overflow:hidden;background:#0b0908;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#app{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden}#game{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;user-select:none}.layer{position:absolute;inset:0;pointer-events:none;user-select:none}.hidden{display:none!important}.hud-top{position:absolute;top:calc(10px + var(--safe-top));left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center}.hud-chip{display:flex;align-items:center;gap:8px;padding:5px 14px;font-size:18px;font-weight:700;letter-spacing:2px;color:var(--ink);background:linear-gradient(180deg,#241d19eb,#0f0c0aeb);border:2px solid var(--edge);border-radius:4px;box-shadow:0 2px #000,inset 0 0 0 1px #e8c26a26;text-shadow:0 2px 0 #000}.hud-chip .ico{color:var(--gold)}#hud-timer{font-size:23px;color:var(--gold)}.hud-bottom{position:absolute;left:50%;bottom:calc(14px + var(--safe-bottom));transform:translate(-50%);width:min(620px,78vw);display:flex;flex-direction:column;gap:8px}.bar{position:relative;height:24px;background:var(--panel-2);border:2px solid var(--edge);border-radius:4px;overflow:hidden;box-shadow:0 2px #000,inset 0 2px 6px #000c}.bar-fill{height:100%;width:100%;transform-origin:left center;transition:width .12s linear}.bar-hp .bar-fill{background:var(--hp)}.bar-xp .bar-fill{background:var(--xp)}.bar-xp{height:18px;flex:1}.bar-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;letter-spacing:1px;text-shadow:0 1px 2px #000,0 0 4px #000}.xp-row{display:flex;align-items:center;gap:10px}.level-badge{width:32px;height:32px;flex:none;display:grid;place-items:center;font-size:16px;font-weight:700;color:#241d19;background:linear-gradient(180deg,var(--gold),var(--gold-deep));border:2px solid #3a2c17;border-radius:4px;box-shadow:0 2px #000}.hud-build{position:absolute;left:calc(10px + var(--safe-left));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px}.hud-slots{display:flex;flex-direction:column;gap:5px}.slot{position:relative;width:40px;height:40px;display:grid;place-items:center;background:linear-gradient(180deg,#241d19e0,#0f0c0ae0);border:2px solid var(--edge);border-radius:4px;box-shadow:0 2px #000}.slot.empty{border-style:dashed;border-color:#4a3c28;color:#5d4c34;font-size:18px;font-weight:700}.hud-passives .slot{width:30px;height:30px;border-radius:3px}.slot .lvl{position:absolute;right:-3px;bottom:-5px;min-width:15px;padding:0 3px;font-size:10px;font-weight:700;line-height:14px;text-align:center;color:#241d19;background:var(--gold);border:1px solid #241d19;border-radius:3px}.slot.maxed .lvl{background:#7ad06a}.slot.overloaded{border-color:#d2568f;box-shadow:0 0 0 1px #d2568f73,0 0 10px #d2568f4d}.slot.overloaded .lvl{background:#d2568f;color:#fff}.hud-buffs{position:absolute;top:calc(104px + var(--safe-top));right:calc(10px + var(--safe-right));display:flex;flex-direction:column;align-items:flex-end;gap:5px}.buff{position:relative;display:flex;align-items:center;gap:5px;padding:5px 9px 5px 5px;font-family:inherit;color:var(--ink);background:linear-gradient(180deg,#241d19eb,#0f0c0aeb);border:2px solid var(--edge);border-radius:4px;box-shadow:0 2px #000;cursor:pointer;touch-action:manipulation;pointer-events:auto}.buff:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.buff-tip{position:absolute;top:calc(100% + 6px);right:0;z-index:7;display:none;flex-direction:column;gap:2px;width:max-content;max-width:min(240px,72vw);padding:8px 10px;text-align:left;background:linear-gradient(180deg,#28201bfa,#0d0a09fa);border:2px solid var(--edge);border-radius:4px;box-shadow:0 6px 20px #000000bf;pointer-events:none}.buff:hover .buff-tip,.buff:focus-visible .buff-tip,.buff.open .buff-tip{display:flex}@media(hover:none){.buff:hover .buff-tip{display:none}.buff.open .buff-tip{display:flex}}.buff-tip-name{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--gold)}.buff-tip-desc{font-size:11px;line-height:1.45;color:var(--ink)}.buff-tip-detail{font-size:11px;letter-spacing:1px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.toasts{position:absolute;left:50%;bottom:calc(96px + var(--safe-bottom));transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:6px;width:max-content;max-width:min(360px,86vw);pointer-events:none;z-index:5}.toast{display:flex;align-items:center;gap:10px;width:100%;padding:7px 12px 7px 7px;background:linear-gradient(180deg,#28201bf0,#0d0a09f0);border:2px solid var(--edge);border-left:4px solid var(--toast-accent, var(--gold));border-radius:5px;box-shadow:0 4px 16px #0009;animation:toast-in .22s ease-out both}.toast.leaving{animation:toast-out .35s ease-in both}.toast canvas{display:block;flex:none}.toast-body{display:flex;flex-direction:column;gap:1px;min-width:0}.toast-name{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--toast-accent, var(--gold))}.toast-text{font-size:11px;line-height:1.4;color:var(--ink)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes toast-out{0%{opacity:1}to{opacity:0;transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){.toast,.toast.leaving{animation:none}}.buff canvas{display:block;flex:none}.buff-label{font-size:12px;font-weight:700;letter-spacing:1px;color:var(--gold);text-shadow:0 1px 0 #000;font-variant-numeric:tabular-nums}.banner{position:absolute;top:26%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 28px;text-align:center;pointer-events:none;user-select:none;background:linear-gradient(180deg,#241d19db,#0b0908db);border:2px solid var(--edge);border-radius:6px;box-shadow:0 0 0 2px #100c0a,0 10px 30px #000000b3;z-index:6;max-width:min(560px,88vw)}.banner-title{font-size:clamp(17px,3.6vw,26px);font-weight:700;letter-spacing:4px;color:var(--gold);text-shadow:0 3px 0 #000,0 0 20px rgba(232,194,106,.35)}.banner-sub{font-size:clamp(11px,2.2vw,14px);letter-spacing:2px;color:var(--ink-dim)}.banner-in{animation:banner-pop .45s ease-out}@keyframes banner-pop{0%{opacity:0;transform:translate(-50%) translateY(-12px) scale(.94)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.banner-in{animation:none}}#touch-controls{position:absolute;inset:0;pointer-events:none;z-index:5;user-select:none}#joystick-zone{position:absolute;left:var(--safe-left);bottom:var(--safe-bottom);width:min(46vw,300px);height:min(42vh,300px);pointer-events:none;touch-action:none;opacity:0;transition:opacity .2s}#touch-controls.playing #joystick-zone{pointer-events:auto;opacity:1}#joystick-base{position:absolute;left:46%;top:44%;width:116px;height:116px;margin:-58px 0 0 -58px;border:2px solid rgba(232,194,106,.35);border-radius:50%;background:radial-gradient(circle,#14100d6b,#14100d29);opacity:.4;transition:opacity .15s}#joystick-base.active{opacity:.85}#joystick-stick{position:absolute;left:50%;top:50%;width:52px;height:52px;transform:translate(-50%,-50%);border:2px solid rgba(232,194,106,.75);border-radius:50%;background:radial-gradient(circle,#e8c26a66,#3c2e1a59);box-shadow:0 2px 8px #0009}.touch-pause{position:absolute;top:calc(10px + var(--safe-top));right:calc(10px + var(--safe-right));width:52px;height:52px;display:none;place-items:center;font-family:inherit;font-size:15px;letter-spacing:2px;color:var(--gold);background:linear-gradient(180deg,#241d19eb,#0f0c0aeb);border:2px solid var(--edge);border-radius:6px;box-shadow:0 2px #000;cursor:pointer;touch-action:manipulation}#touch-controls.playing .touch-pause{display:grid;pointer-events:auto}.screen{display:grid;place-items:center;pointer-events:auto;z-index:8;padding:calc(10px + var(--safe-top)) calc(10px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(10px + var(--safe-left));background:radial-gradient(ellipse at center,#0a0807b8,#060504f0);backdrop-filter:blur(2px);touch-action:pan-y}.panel{width:min(460px,92vw);max-height:100%;padding:26px 24px;text-align:center;background:linear-gradient(180deg,var(--panel),var(--panel-2));border:3px solid var(--edge);border-radius:6px;box-shadow:0 0 0 3px #100c0a,0 16px 40px #000000d9,inset 0 0 60px #00000080;overflow-y:auto;overscroll-behavior:contain}.panel-wide{width:min(940px,96vw)}h1{font-size:clamp(28px,6vw,46px);letter-spacing:4px;color:var(--gold);text-shadow:0 3px 0 #000,0 0 22px rgba(232,194,106,.35)}h2{font-size:clamp(20px,4vw,30px);letter-spacing:3px;text-shadow:0 3px 0 #000}h2.gold{color:var(--gold)}h2.blood{color:var(--blood);text-shadow:0 3px 0 #000,0 0 22px rgba(184,50,58,.4)}.subtitle{margin-top:10px;color:var(--ink-dim);font-size:13px;letter-spacing:1px}.btn{display:block;width:100%;min-height:48px;margin-top:12px;padding:13px 18px;font-family:inherit;font-size:16px;font-weight:700;letter-spacing:3px;color:var(--ink);background:linear-gradient(180deg,#3a2f26,#211a15);border:2px solid var(--edge);border-radius:4px;cursor:pointer;box-shadow:0 3px #000;transition:transform .06s,filter .12s;touch-action:manipulation}@media(hover:hover){.btn:hover{filter:brightness(1.25)}}.btn:active{transform:translateY(2px);box-shadow:0 1px #000}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn-primary{color:#241d19;background:linear-gradient(180deg,var(--gold),var(--gold-deep));border-color:#3a2c17}.btn-ghost{color:var(--ink-dim);background:transparent}.support-card{margin-top:14px;padding:12px 14px;color:var(--ink-dim);font-size:12px;line-height:1.55;letter-spacing:.5px;background:#00000042;border:1px solid rgba(232,194,106,.28);border-radius:5px}.support-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;margin-top:8px;padding:8px 14px;color:#241d19;font-size:12px;font-weight:700;letter-spacing:1.6px;text-decoration:none;text-transform:uppercase;background:linear-gradient(180deg,var(--gold),var(--gold-deep));border:1px solid #3a2c17;border-radius:4px;box-shadow:0 2px #000;touch-action:manipulation}@media(hover:hover){.support-link:hover{filter:brightness(1.12)}}.support-link:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.hint{margin-top:16px;color:var(--ink-dim);font-size:12px;line-height:1.8}.hint b{color:var(--gold)}.version{margin-top:10px;font-size:11px;letter-spacing:2px;color:#5d4c34}.panel-menu{padding-top:18px}.logo{display:block;width:auto;height:auto;max-width:min(340px,74vw);max-height:34vh;margin:0 auto 4px;animation:logo-breathe 6s ease-in-out infinite;filter:drop-shadow(0 0 18px rgba(232,194,106,.16))}@keyframes logo-breathe{0%,to{filter:drop-shadow(0 0 14px rgba(232,194,106,.12));transform:scale(1)}50%{filter:drop-shadow(0 0 26px rgba(232,194,106,.28));transform:scale(1.012)}}@media(prefers-reduced-motion:reduce){.logo{animation:none}}.lang-row{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px}.lang-btn{min-width:52px;min-height:40px;padding:8px 14px;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:2px;color:var(--ink-dim);background:transparent;border:2px solid transparent;border-radius:4px;cursor:pointer;touch-action:manipulation}.lang-btn[aria-pressed=true]{color:var(--gold);border-color:var(--edge);background:#00000059}.lang-sep{color:#4a3c28}.heroes{margin-top:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hero-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;font-family:inherit;color:var(--ink);text-align:center;background:linear-gradient(180deg,#33291f,#1c1611);border:2px solid var(--edge);border-radius:5px;cursor:pointer;box-shadow:0 3px #000;transition:transform .08s,border-color .12s,filter .12s;touch-action:manipulation}.hero-card[aria-pressed=true]{border-color:var(--gold);filter:brightness(1.12);box-shadow:0 3px #000,0 0 0 2px #e8c26a59}.hero-card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.hero-portrait{width:96px;height:96px;image-rendering:pixelated;background:radial-gradient(circle at 50% 70%,rgba(232,194,106,.12),transparent 70%)}.hero-name{font-size:16px;font-weight:700;letter-spacing:3px;color:var(--gold)}.hero-desc{font-size:12px;line-height:1.5;color:var(--ink-dim);min-height:3em}.hero-stats{width:100%;display:flex;flex-direction:column;gap:3px;margin-top:4px}.hero-stat{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 9px;font-size:11px;text-align:left;background:#00000059;border:1px solid #3b2f22;border-radius:3px}.hero-stat dt{color:var(--ink-dim);letter-spacing:1px;flex:none}.hero-stat dd{color:var(--ink);text-align:right}.hero-stat.wide{align-items:flex-start;flex-direction:column;gap:2px}.hero-stat.wide dd{text-align:left}.hero-stat.passive dd{display:flex;flex-direction:column;gap:1px}.hero-stat .passive-name{color:#9fd0ff;font-weight:700;letter-spacing:1px}.hero-stat .passive-desc{color:var(--ink);line-height:1.4}.hero-stat .with-icon{display:inline-flex;align-items:center;gap:6px}.hero-stat .icon{display:inline-block;flex:none}.hero-bars{display:inline-flex;gap:3px;flex:none}.hero-bars .pip{width:12px;height:8px;border-radius:2px;background:#2b231b;box-shadow:inset 0 0 0 1px #3b2f22}.hero-bars .pip.on{background:linear-gradient(180deg,var(--gold),var(--gold-deep));box-shadow:inset 0 0 0 1px #3a2c17}.hero-nav{display:none;align-items:center;justify-content:center;gap:14px;margin-top:12px}.hero-arrow{display:grid;place-items:center;flex:0 0 48px;min-width:48px;width:48px;height:48px;font-family:inherit;font-size:26px;line-height:1;color:var(--gold);background:linear-gradient(180deg,#33291f,#1c1611);border:2px solid var(--edge);border-radius:5px;box-shadow:0 3px #000;cursor:pointer;touch-action:manipulation}.hero-arrow:active{transform:translateY(2px);box-shadow:0 1px #000}.hero-arrow:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.hero-dots{display:flex;gap:8px}.hero-dot{flex:0 0 32px;min-width:32px;width:32px;height:32px;padding:0;background:none;border:none;cursor:pointer;touch-action:manipulation;position:relative}.hero-dot:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#4a3c28}.hero-dot[aria-selected=true]:after{background:var(--gold);box-shadow:0 0 8px #e8c26a99}.hero-dot:focus-visible{outline:2px solid var(--gold);outline-offset:-4px;border-radius:6px}@media(max-width:759px),(max-height:619px){.heroes{display:block;margin-top:12px}.hero-card{display:none;width:100%}.hero-card.active,.hero-nav{display:flex}}.choices{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:760px){.choices{grid-template-columns:1fr}}.choice{display:flex;flex-direction:column;align-items:center;gap:7px;padding:16px 12px;min-height:64px;font-family:inherit;color:var(--ink);text-align:center;background:linear-gradient(180deg,#33291f,#1c1611);border:2px solid var(--edge);border-radius:5px;cursor:pointer;box-shadow:0 3px #000;transition:transform .08s,border-color .12s,filter .12s;touch-action:manipulation}@media(hover:hover){.choice:hover{transform:translateY(-3px);border-color:var(--gold);filter:brightness(1.15)}}.choice:focus-visible{border-color:var(--gold);outline:2px solid var(--gold);outline-offset:2px}.choice .icon{display:block;filter:drop-shadow(0 2px 0 #000)}.choice .name{font-size:15px;font-weight:700;letter-spacing:1px;color:var(--gold)}.choice .desc{font-size:12px;line-height:1.55;color:var(--ink-dim)}.choice .rank{margin-top:2px;font-size:11px;letter-spacing:2px;color:var(--gold-deep)}.choice .tag{font-size:10px;letter-spacing:2px;padding:2px 8px;border-radius:999px;border:1px solid currentColor}.choice .tag.weapon{color:#d99a4e}.choice .tag.player{color:#6fb0d0}.choice .tag.limit{color:#d2568f}#screen-levelup.limit-break .choice{border-color:#5c2a44;background:linear-gradient(180deg,#2e1b28,#1b1014)}#screen-levelup.limit-break h2{color:#ef7fb2;text-shadow:0 0 18px rgba(210,86,143,.35)}.slot-note{margin-top:14px;font-size:12px;letter-spacing:1px;color:var(--ink-dim)}.btn-reroll{min-height:52px;margin-top:16px;font-size:15px;letter-spacing:3px;color:var(--gold);background:linear-gradient(180deg,#2f2720,#191411);border-color:var(--gold-deep)}.btn-reroll:before{content:"↻";margin-right:10px;font-size:17px}.btn-reroll:disabled{color:#5d4c34;border-color:#3b2f22;cursor:default;box-shadow:0 3px #000}.btn-reroll:disabled:active{transform:none;box-shadow:0 3px #000}@media(hover:hover){.btn-reroll:disabled:hover{filter:none}}.stats{margin:18px 0 6px;display:flex;flex-direction:column;gap:7px}.stats>div{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;background:#00000059;border:1px solid #3b2f22;border-radius:3px}.stats dt{color:var(--ink-dim);font-size:13px;text-align:left}.stats dd{color:var(--gold);font-size:16px;font-weight:700}.submit-note{margin-top:10px;font-size:12px;letter-spacing:1px;color:var(--ink-dim)}.submit-note.ok{color:#7ad06a}.submit-note.warn{color:#e0b64a}.boss-bar{position:absolute;top:calc(62px + var(--safe-top));left:50%;transform:translate(-50%);width:min(560px,74vw);text-align:center}.boss-name{display:block;margin-bottom:4px;font-size:12px;font-weight:700;letter-spacing:4px;color:#e2a6f0;text-shadow:0 2px 0 #000}.bar-boss{height:14px;border-color:#7d4a8c}.bar-boss .bar-fill{background:linear-gradient(180deg,#d872e8,#7a2a90)}.option-row{display:grid;grid-template-columns:1fr 130px 46px;align-items:center;gap:10px;margin-top:12px;padding:8px 12px;text-align:left;font-size:13px;color:var(--ink);background:#0000004d;border:1px solid #3b2f22;border-radius:3px}.option-row.toggle,.option-row.segmented{grid-template-columns:1fr auto}.option-row:has(>.name-input){grid-template-columns:1fr}.option-row output{font-size:12px;color:var(--gold);text-align:right}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;outline:none;cursor:pointer;touch-action:manipulation}input[type=range]::-webkit-slider-runnable-track{height:6px;background:#17120f;border:1px solid var(--edge);border-radius:3px}input[type=range]::-moz-range-track{height:6px;background:#17120f;border:1px solid var(--edge);border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-7px;width:16px;height:20px;background:linear-gradient(180deg,var(--gold),var(--gold-deep));border:1px solid #3a2c17;border-radius:2px;cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:20px;background:linear-gradient(180deg,var(--gold),var(--gold-deep));border:1px solid #3a2c17;border-radius:2px;cursor:pointer}.credits-card{margin-top:14px;padding:12px 14px;color:var(--ink-dim);font-size:11px;line-height:1.55;letter-spacing:.4px;text-align:left;background:#00000047;border:1px solid rgba(232,194,106,.24);border-radius:5px}.credits-card h3{margin-bottom:6px;color:var(--gold);font-size:12px;letter-spacing:2px;text-transform:uppercase}.credits-card ul{display:grid;gap:8px;margin:8px 0;padding-left:18px}.credits-card li{padding-left:2px}.credits-card b{color:var(--ink)}.credits-card a{display:inline-block;margin-top:3px;color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(232,194,106,.45)}@media(hover:hover){.credits-card a:hover{filter:brightness(1.18)}}.credits-card a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.switch{width:56px;height:32px;padding:4px;background:#17120f;border:2px solid var(--edge);border-radius:4px;cursor:pointer;transition:background .15s;touch-action:manipulation}.switch span{display:block;width:20px;height:20px;background:#6b5c48;border-radius:2px;transition:transform .15s,background .15s}.switch[aria-checked=true]{background:#3d3a1c;border-color:var(--gold)}.switch[aria-checked=true] span{background:var(--gold);transform:translate(24px)}.seg{display:flex;gap:4px}.seg button{min-width:56px;min-height:36px;padding:6px 10px;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:1px;color:var(--ink-dim);background:#17120f;border:1px solid var(--edge);border-radius:3px;cursor:pointer;touch-action:manipulation}.seg button[aria-pressed=true]{color:#241d19;background:linear-gradient(180deg,var(--gold),var(--gold-deep));border-color:#3a2c17}.board-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}.board-filter{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-width:150px;flex:1 1 150px;max-width:240px}.board-filter>span{font-size:10px;letter-spacing:2px;color:var(--ink-dim)}.board-filter select{width:100%;min-height:44px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:1px;color:var(--ink);background:#17120f;border:2px solid var(--edge);border-radius:4px;cursor:pointer;touch-action:manipulation}.board-filter select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.board-filter select:disabled{opacity:.65;cursor:default}.score-info{position:relative;width:min(100%,480px);margin:10px auto 0;color:var(--ink-dim);text-align:left}.score-info summary{min-height:34px;padding:8px 10px;font-size:11px;letter-spacing:1px;text-align:center;cursor:pointer;touch-action:manipulation;list-style:none}.score-info summary::-webkit-details-marker{display:none}.score-info-panel{display:none;padding:12px 14px;font-size:11px;line-height:1.55;background:#17120f;border:1px solid var(--edge);border-radius:3px;box-shadow:0 10px 24px #00000073}.score-info[open] .score-info-panel,.score-info:hover .score-info-panel,.score-info:focus-within .score-info-panel{display:grid;gap:3px}.score-info-panel strong{margin-bottom:3px;color:var(--gold);letter-spacing:1px}.score-info-panel p{margin:5px 0 0}.tabs{display:flex;gap:6px;justify-content:center;margin-top:16px;flex-wrap:wrap}.tab{min-height:40px;padding:9px 18px;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:2px;color:var(--ink-dim);background:#17120f;border:2px solid var(--edge);border-radius:4px;cursor:pointer;touch-action:manipulation}.tab[aria-selected=true]{color:#241d19;background:linear-gradient(180deg,var(--gold),var(--gold-deep));border-color:#3a2c17}.board-wrap{margin-top:14px;max-height:44vh;overflow-y:auto;overflow-x:auto;overscroll-behavior:contain;border:1px solid #3b2f22;border-radius:3px;background:#0000004d}.board{width:100%;min-width:540px;border-collapse:collapse;font-size:13px}.board th{position:sticky;top:0;padding:9px 8px;font-size:11px;letter-spacing:2px;color:var(--ink-dim);text-align:left;background:#1c1611;border-bottom:1px solid var(--edge);white-space:nowrap}.board td{padding:8px;text-align:left;border-bottom:1px solid rgba(59,47,34,.6);white-space:nowrap}.board tbody tr:last-child td{border-bottom:none}.board .col-rank{width:42px;text-align:center}.board .col-num{width:72px;text-align:right}.board td.col-num{color:var(--gold);font-variant-numeric:tabular-nums}.board td.col-score{color:#ffe08a;font-weight:700}@media(max-width:520px){.board{min-width:390px;font-size:12px}.board .col-hero,.board .col-level{display:none}.board th,.board td{padding-inline:6px}.board .col-rank{width:34px}}.board .col-hero{width:96px;color:var(--ink-dim);font-size:11px;letter-spacing:1px}.board td.col-rank{color:var(--gold);font-weight:700}.board tr.top-1 td.col-rank{color:#ffe08a;text-shadow:0 0 8px rgba(255,224,138,.5)}.board tr.highlight{background:#e8c26a24}.board tr.highlight td.col-name{color:var(--gold);font-weight:700}.board-empty{padding:26px 12px;color:var(--ink-dim);font-size:13px}.board-note{margin-top:12px;padding:8px 12px;font-size:12px;letter-spacing:1px;color:var(--ink-dim);background:#00000052;border:1px solid #3b2f22;border-radius:3px}.board-note.warn{color:#e0b64a;border-color:#6a5334}.board-personal{margin-top:12px;font-size:12px;letter-spacing:1px;color:var(--gold);min-height:1.2em}.board-season{margin-top:4px;margin-bottom:12px;font-size:11px;letter-spacing:1px;color:#5d4c34}.row-buttons{display:flex;gap:12px}.row-buttons .btn{flex:1}.name-label{display:block;margin-top:18px;font-size:12px;letter-spacing:2px;color:var(--ink-dim)}.name-input{width:100%;margin-top:8px;padding:12px;font-family:inherit;font-size:20px;font-weight:700;letter-spacing:5px;text-align:center;text-transform:uppercase;color:var(--gold);background:#17120f;border:2px solid var(--edge);border-radius:4px;outline:none}.name-input:focus{border-color:var(--gold)}.field-error{margin-top:8px;font-size:12px;color:var(--blood)}.rank-note{margin-top:12px;font-size:14px;font-weight:700;letter-spacing:1px;color:var(--gold)}.choice.reward{cursor:default;border-color:var(--gold-deep)}.choice.reward:hover{transform:none;filter:none;border-color:var(--gold-deep)}#debug{position:absolute;top:calc(10px + var(--safe-top));left:calc(10px + var(--safe-left));padding:10px 14px;font-family:var(--font);font-size:12px;line-height:1.55;color:#9dff9d;background:#000000b8;border:1px solid #2c4a2c;border-radius:3px;pointer-events:none;white-space:pre;z-index:10}@media(max-height:520px){.panel{padding:16px 18px}.logo{max-width:min(240px,40vw);max-height:30vh}.btn{min-height:42px;margin-top:8px;padding:9px 14px;font-size:14px}.support-card{margin-top:8px;padding:7px 10px;font-size:10px;line-height:1.35}.support-link{min-height:28px;margin-top:5px;padding:5px 10px;font-size:10px;letter-spacing:1.2px}.lang-row{margin-top:8px}.subtitle,.hint{display:none}.hero-portrait{width:64px;height:64px}.hero-desc{display:none}.hero-nav{margin-top:8px;gap:10px;flex-wrap:wrap}.hero-arrow{flex-basis:48px;min-width:48px;width:48px;height:48px;font-size:22px}.hero-dot{flex-basis:34px;min-width:34px;width:34px;height:34px}.choices{grid-template-columns:repeat(3,1fr);gap:8px}.choice{padding:10px 8px}.board-wrap{max-height:38vh}.stats{margin:10px 0 4px}.stats>div{padding:5px 10px}.hud-build{top:calc(8px + var(--safe-top));bottom:auto;transform:none;flex-direction:row;gap:8px}.hud-slots{flex-direction:row}.slot{width:32px;height:32px}.hud-passives .slot{width:26px;height:26px}.hud-bottom{left:auto;right:calc(14px + var(--safe-right));transform:none;width:min(560px,58vw)}#joystick-zone{width:min(34vw,260px);height:min(62vh,230px)}#joystick-base{top:46%}.hud-buffs{top:calc(8px + var(--safe-top));right:calc(70px + var(--safe-right));flex-direction:row}.buff{padding:4px 7px 4px 4px}.buff-tip{max-width:min(220px,46vw);padding:6px 8px}.toasts{bottom:calc(78px + var(--safe-bottom));max-width:min(320px,56vw);gap:4px}.toast{padding:5px 10px 5px 5px}.buff-label{font-size:11px}.banner{top:30%;padding:9px 20px}.btn-reroll{min-height:46px;margin-top:10px}}@media(max-width:430px)and (min-height:521px){.hud-build{top:calc(56px + var(--safe-top));transform:none;flex-direction:row;gap:8px}.hud-slots{flex-direction:row}.slot{width:34px;height:34px}.hud-passives .slot{width:26px;height:26px}.boss-bar{top:calc(104px + var(--safe-top))}.hud-buffs{top:calc(148px + var(--safe-top))}.hud-bottom{width:min(620px,92vw)}}.hud-controls-hint{font-size:11px;letter-spacing:.4px;opacity:.9}.offscreen-arrows{position:fixed;inset:0;pointer-events:none;z-index:8}.offscreen-arrow{position:fixed;width:34px;height:34px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(255,224,128,.75);background:#110c08b8;color:#ffd66b;font-weight:900;transform:translate(-50%,-50%);box-shadow:0 0 16px #ffd66b61;animation:offscreenPulse .9s ease-in-out infinite alternate}.offscreen-arrow.power{color:#9ff0c0;border-color:#9ff0c0bf}.offscreen-arrow.event{color:#cda6ff;border-color:#cda6ffcc}@keyframes offscreenPulse{0%{scale:.92;opacity:.75}to{scale:1.08;opacity:1}}.pause-card,.personal-best{margin:10px 0;padding:10px 12px;border:1px solid rgba(242,193,78,.24);border-radius:10px;background:#0c08066b}.pause-card h3{margin:0 0 6px;color:#f2c14e;font-size:13px;letter-spacing:1px;text-transform:uppercase}.pause-card p{margin:0;font-size:12px;line-height:1.45}.pause-build{display:grid;gap:7px}.pause-build-row{display:flex;justify-content:space-between;gap:10px;font-size:12px}.pause-build-kind{color:#b99d73;text-transform:uppercase;letter-spacing:.8px;min-width:72px}.pause-build-name{flex:1;text-align:left}.pause-build-level{color:#f2c14e}.personal-best{color:#f1e0c0;font-size:13px;line-height:1.5}.personal-best .new-best{color:#9ff0c0;font-weight:800;text-transform:uppercase}.hud-slot.weapon-proc{animation:weaponProc .32s ease-out}@keyframes weaponProc{0%{transform:scale(1);box-shadow:0 0 #ffd66b00}45%{transform:scale(1.18);box-shadow:0 0 20px #ffd66ba6}to{transform:scale(1);box-shadow:0 0 #ffd66b00}}@media(max-width:700px),(pointer:coarse){#joystick-zone{inset:0 72px 0 0;width:auto;height:auto}.hud-controls-hint{display:none}}