@font-face{font-family:"Press Start 2P";src:url(/fonts/press-start-2p.woff2)format("woff2");font-display:swap}:root{color:#e8e3d5;font-synthesis:none;text-rendering:geometricprecision;--bg:#0e0c15;--bg-deep:#08070d;--ink:#e8e3d5;--ink-dim:#e8e3d5b8;--gold:#d9a441;--gold-soft:#fff4cf;--cyan:#58d6c9;--green:#9fe3b0;--red:#e08484;--enemy:#b8453f;--panel-fill:#1a151c;--panel-fill-deep:#120f16;--button-fill:#2a1c18;--shadow:#05040a;--frame-max:960px;--stone-slice:48;--stone-border:14px;--bronze-slice:12;--bronze-border:6px;--pixel-font:"Press Start 2P", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--body-font:"Avenir Next", Avenir, "Segoe UI", system-ui, -apple-system, sans-serif;background:#0e0c15;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}*{box-sizing:border-box}html,body{background:var(--bg-deep);width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 0,#b8453f24,#0000 36rem),linear-gradient(#17111c 0%,#0e0c15 52%,#08070d 100%);min-width:320px;min-height:100dvh}#app{width:min(var(--frame-max), 100vw);background:var(--bg);height:100dvh;max-height:100dvh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 0 2px #05040a,0 0 48px #0000008c}#app:has(#screen-guild.screen-active){width:100vw;max-width:none;box-shadow:none}h1,h2,.eyebrow,.gold,button,.offline-badge,.hud-chip,.class-card strong,.result-grid dt,.result-grid dd,#result-ranking,#leaderboard-list,.title-logo,.title-logo-big,.title-tagline,.lobby-nameplate-title{font-family:var(--pixel-font)}button,input{font:inherit}.ui-stone,.panel,.results-panel,.lobby-stage,.lobby-nameplate,.player-name-field,.gold,.best-survival-guild,.best-survival,.offline-badge,.hud-chip,.result-cell,.overview-cell,.item-compare-panel,#result-ranking li,#leaderboard-list li,.leaderboard-panel,.title-window,.run-canvas-frame,.game-window,.coach-panel,.guild-actions{border:var(--stone-border) solid transparent;border-image:url(/assets/ui/panel-stone.png) var(--stone-slice) fill;border-image-width:var(--stone-border);background-color:var(--panel-fill);box-shadow:4px 4px 0 var(--shadow);image-rendering:pixelated}.coach-panel{border-width:8px;background-color:var(--panel-fill-deep);min-height:52px;box-shadow:2px 2px 0 var(--shadow);border-image-width:8px;flex:none;justify-content:space-between;align-items:center;gap:12px;margin:0 8px 6px;padding:8px 10px;display:flex}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05040ac7;place-items:center;padding:28px;display:grid;position:absolute;inset:0}.modal-window{border:14px solid #0000;border-image:url(/assets/ui/panel-stone.png) var(--stone-slice) fill;background-color:var(--panel-fill-deep);width:min(520px,100%);box-shadow:6px 6px 0 var(--shadow);text-align:center;border-image-width:14px;padding:22px}.modal-window h2{color:var(--gold-soft);margin:0 0 10px;font-size:14px}.modal-copy{color:var(--ink-dim);font-family:var(--body-font);margin:0 0 16px;font-size:14px;font-weight:600;line-height:1.5}.modal-error{min-height:20px;color:var(--red);font-family:var(--body-font);margin:6px 0;font-size:12px;font-weight:700}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-actions button{min-height:44px}.coach-copy{align-items:center;gap:10px;min-width:0;display:flex}.coach-copy strong{color:var(--cyan);font-family:var(--pixel-font);flex:none;font-size:9px}.coach-copy span{color:var(--gold-soft);font-family:var(--body-font);font-size:12px;font-weight:600;line-height:1.35}.coach-panel [data-testid=coach-skip],.coach-panel [data-testid=coach-run-skip],.coach-panel [data-testid=coach-results-skip]{flex:none;min-width:72px;min-height:44px;padding:8px 10px;font-size:9px}.coach-overlay{z-index:4;width:min(680px,100% - 24px);margin:0;position:absolute;top:12px;bottom:auto;left:50%;transform:translate(-50%)}.coach-results{width:100%;margin:12px 0}.ui-bronze,button,.class-card,.perk-card{border:var(--bronze-border) solid transparent;border-image:url(/assets/ui/button-bronze.png) var(--bronze-slice) fill;border-image-width:var(--bronze-border);background-color:var(--button-fill);box-shadow:3px 3px 0 var(--shadow);image-rendering:pixelated}button{min-height:40px;color:var(--gold-soft);cursor:pointer;font-family:var(--pixel-font);text-shadow:1px 1px 0 var(--shadow);padding:8px 10px;font-size:9px;line-height:1.45;transition:transform 80ms step-end,box-shadow 80ms step-end,filter 80ms step-end}button:hover:not(:disabled){filter:brightness(1.12);box-shadow:4px 4px 0 var(--shadow);transform:translate(-1px,-1px)}button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;filter:brightness(1.1)}button:active:not(:disabled){box-shadow:1px 1px 0 var(--shadow);filter:brightness(.95);transform:translate(2px,2px)}button:disabled,button.locked,button.unaffordable{cursor:not-allowed;filter:grayscale(.45)brightness(.72);opacity:.72;box-shadow:2px 2px 0 var(--shadow)}button.selected,.class-card.selected,.perk-card.selected{filter:brightness(1.18)saturate(1.15);box-shadow:0 0 0 3px var(--cyan), inset 0 0 0 1px #58d6c98c, 3px 3px 0 var(--shadow);color:#fff}button.locked,.class-card.locked,.perk-card.locked{filter:grayscale(.4)brightness(.75);opacity:.76;outline-offset:-3px;outline:2px dashed #e8e3d561}button.unaffordable{filter:grayscale(.25)brightness(.78);opacity:.7;outline:none}button.unaffordable em,.perk-card.unaffordable em,.upgrade-grid button.unaffordable{text-decoration:line-through;text-decoration-thickness:2px}button.affordable:not(.selected):not(:disabled),.perk-card.affordable:not(.selected){filter:none;opacity:1;box-shadow:inset 3px 0 0 0 var(--green), 3px 3px 0 var(--shadow)}.primary{color:var(--gold-soft);text-shadow:1px 1px #3a1e0a;min-height:44px;padding:10px 14px;font-size:10px}.primary:hover:not(:disabled){filter:brightness(1.18)sepia(.12)}.screen{opacity:0;width:100%;height:100%;max-height:100dvh;margin:0;padding:0;position:absolute;inset:0;overflow:hidden;transform:translateY(6px)}.screen.screen-active{opacity:1;animation:.16s steps(3,end) screen-enter;transform:none}.hidden{display:none!important}@keyframes screen-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.screen.screen-active{animation:none}button{transition:none}button:hover:not(:disabled),button:active:not(:disabled){transform:none}}.title-screen{background:#0e0c15;place-items:stretch stretch;padding:0;display:grid;overflow:hidden}.title-scene{isolation:isolate;flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,2.5vh,28px);width:100%;height:100%;padding:16px 12px 24px;display:flex;position:relative;overflow:hidden}.title-sky{z-index:0;image-rendering:pixelated;filter:sepia(.72)saturate(.86)hue-rotate(-10deg)brightness(.8);pointer-events:none;background:url(/assets/ui/title-arena-bg.png) bottom/cover no-repeat,linear-gradient(#1d1430 0%,#17111f 42%,#0e0c15 78%,#0a0810 100%);position:absolute;inset:0}.title-stars{z-index:1;pointer-events:none;display:none;position:absolute;inset:0;overflow:hidden}.title-stars:before,.title-stars:after{content:"";background:0 0;border-radius:50%;width:1px;height:1px;position:absolute}.title-stars:before{top:0;left:0;box-shadow:28px 36px 0 .5px #e8e3d58c,72px 58px 0 .5px #e8e3d559,118px 22px 0 .5px #e8e3d573,164px 88px 0 .5px #e8e3d54d,210px 44px 0 .5px #e8e3d580,256px 112px 0 .5px #e8e3d547,310px 28px 0 .5px #e8e3d566,360px 76px 0 .5px #e8e3d552,420px 18px 0 .5px #e8e3d57a,470px 96px 0 .5px #e8e3d542,520px 48px 0 .5px #e8e3d56b,580px 70px 0 .5px #e8e3d557,640px 32px 0 .5px #e8e3d580,700px 104px 0 .5px #e8e3d547,760px 54px 0 .5px #e8e3d561,820px 20px 0 .5px #e8e3d570,880px 86px 0 .5px #e8e3d54d,940px 40px 0 .5px #e8e3d575,100px 130px 0 .5px #e8e3d538,400px 140px 0 .5px #e8e3d540,680px 150px 0 .5px #e8e3d533}.title-stars:after{opacity:.7;top:0;left:0;box-shadow:48px 90px 0 .5px #58d6c959,190px 16px 0 .5px #e8e3d566,340px 120px 0 .5px #e8e3d547,500px 14px 0 .5px #58d6c94d,650px 64px 0 .5px #e8e3d55c,790px 128px 0 .5px #e8e3d53d,900px 72px 0 .5px #58d6c947}.title-colosseum{z-index:2;pointer-events:none;opacity:.38;background:repeating-linear-gradient(90deg,#0000 0 18px,#08060c8c 18px 22px,#0000 22px 40px),radial-gradient(14% 70% at 8% 100%,#0000 48%,#06050ad9 52%,#0000 56%),radial-gradient(14% 70% at 22% 100%,#0000 48%,#06050ad9 52%,#0000 56%),radial-gradient(14% 70% at 36% 100%,#0000 48%,#06050ad9 52%,#0000 56%),radial-gradient(14% 70% at 50% 100%,#0000 48%,#06050ae6 52%,#0000 56%),radial-gradient(14% 70% at 64% 100%,#0000 48%,#06050ad9 52%,#0000 56%),radial-gradient(14% 70% at 78% 100%,#0000 48%,#06050ad9 52%,#0000 56%),radial-gradient(14% 70% at 92% 100%,#0000 48%,#06050ad9 52%,#0000 56%),linear-gradient(#0000 0%,#0a08108c 40%,#06050abf 100%);height:28%;position:absolute;top:18%;left:-4%;right:-4%;-webkit-mask-image:linear-gradient(#0000 0%,#000 18% 78%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 18% 78%,#0000 100%)}.title-flames{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.title-flame{filter:blur(2px);opacity:0;will-change:transform, opacity;background:radial-gradient(circle,#ffee9afa 0%,#e6762ab8 42%,#0000 72%);border-radius:50%;width:10px;height:10px;animation:7s ease-in-out infinite title-flame-drift;position:absolute;bottom:8%}.title-flame-1{width:8px;height:8px;animation-duration:6.2s;animation-delay:0s;left:12%}.title-flame-2{width:12px;height:12px;animation-duration:8.1s;animation-delay:1.1s;left:28%}.title-flame-3{width:9px;height:9px;animation-duration:7s;animation-delay:2.4s;left:44%}.title-flame-4{width:11px;height:11px;animation-duration:6.6s;animation-delay:.6s;left:58%}.title-flame-5{width:8px;height:8px;animation-duration:7.8s;animation-delay:3.2s;left:72%}.title-flame-6{width:13px;height:13px;animation-duration:9s;animation-delay:1.8s;left:84%}.title-flame-7{width:7px;height:7px;animation-duration:5.8s;animation-delay:4s;bottom:14%;left:36%}@keyframes title-flame-drift{0%{opacity:0;transform:translateY(12px)scale(.7)}12%{opacity:.75}55%{opacity:.55}to{opacity:0;transform:translate(6px,-220px)scale(1.15)}}.title-fog{z-index:4;pointer-events:none;filter:blur(10px);background:linear-gradient(#0000 0%,#d9a4410a 35%,#5c331c2e 70%,#160e0c94 100%);height:28%;position:absolute;bottom:0;left:0;right:0}.title-statue{z-index:5;object-fit:contain;width:auto;height:clamp(200px,38vh,320px);max-height:42%;image-rendering:pixelated;pointer-events:none;filter:sepia(.5)saturate(.8)hue-rotate(-10deg)drop-shadow(0 0 14px #d9a4416b)drop-shadow(0 0 28px #b8453f2e);-webkit-user-select:none;user-select:none;position:absolute;bottom:0}.title-statue-left{left:clamp(0px,2vw,24px)}.title-statue-right{right:clamp(0px,2vw,24px)}.title-brand{z-index:6;text-align:center;pointer-events:none;flex:none;margin:0;padding:0 12px;position:relative}.title-logo-big{color:#f0ebe0;letter-spacing:.04em;text-shadow:0 -2px #fff8e68c,0 -1px #fff4dcbf,0 1px #2a2418,0 2px #1a1510,0 3px #0e0c15,2px 2px #05040a,0 0 18px #d9a44152,0 0 36px #b8453f29;flex-direction:column;align-items:center;gap:.35em;margin:0;font-size:clamp(28px,6.5vw,52px);line-height:1.15;display:flex}.title-logo-line{display:block}.title-shell{z-index:7;flex:none;width:min(480px,100% - 24px);margin:0;position:relative}.title-window{text-align:center;box-shadow:6px 6px 0 var(--shadow);justify-items:center;gap:10px;padding:22px 18px 20px;display:grid}.title-window .eyebrow{color:var(--gold);letter-spacing:.08em;text-shadow:1px 1px 0 var(--shadow);margin:0;font-size:8px}.title-logo{color:var(--gold-soft);text-shadow:2px 2px 0 var(--shadow), 0 0 12px #d9a44140;margin:0;font-size:clamp(16px,4.2vw,28px);line-height:1.35}.title-tagline{max-width:28rem;color:var(--ink);text-shadow:1px 1px 0 var(--shadow);margin:0;font-size:9px;line-height:1.7}.title-subline{max-width:26rem;color:var(--ink-dim);font-family:var(--pixel-font);margin:0 0 6px;font-size:8px;line-height:1.7}.title-start{letter-spacing:.04em;min-width:min(240px,100%);min-height:48px;margin-top:4px;font-size:11px}@media (prefers-reduced-motion:reduce){.title-flame{opacity:.4;animation:none;transform:none}}@media (width<=700px){.title-statue{display:none}.title-shell{width:min(420px,100% - 20px)}}.guild-screen{background:linear-gradient(180deg, #0b0a0ff5 0%, #0e0c15f0 48%, #08070bfa 100%), var(--bg);place-items:center;display:grid}.results-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:100%;height:100%;max-height:100dvh;padding:12px;overflow:hidden auto}.guild-shell{--shell-scale:1;width:960px;height:540px;min-height:0;transform:translate(-50%, -50%) scale(var(--shell-scale));transform-origin:50%;image-rendering:pixelated;flex-direction:column;display:flex;position:absolute;top:50%;left:50%}.guild-topstrip{flex-wrap:nowrap;flex:none;align-items:center;gap:8px;min-height:44px;padding:4px 8px 0;display:flex}.guild-location{color:var(--cyan);font-family:var(--pixel-font);flex:auto;margin:0;font-size:9px}.settings-menu{flex:none;position:relative}.settings-open{width:44px;min-width:44px;min-height:44px;padding:5px;font-size:16px}.settings-popover{z-index:12;border:8px solid #0000;border-image:url(/assets/ui/panel-stone.png) var(--stone-slice) fill;background:var(--panel-fill-deep);width:220px;box-shadow:4px 4px 0 var(--shadow);border-image-width:8px;gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.settings-popover button{width:100%;min-height:44px}.guild-topstrip .gold{border-width:6px;white-space:nowrap;border-image-width:6px;flex-flow:row;flex:none;align-items:center;gap:8px;min-width:148px;max-width:none;min-height:40px;padding:5px 8px;font-size:14px;line-height:1.2;display:inline-flex;overflow:visible}.guild-topstrip .gold .gold-label{white-space:nowrap;flex:none}.guild-topstrip .gold #gold-amount,.guild-topstrip .gold [data-testid=gold-amount]{white-space:nowrap;color:var(--gold-soft);flex:none;font-size:14px;line-height:1.2;display:inline-block}.guild-body{flex-direction:column;flex:auto;gap:5px;min-height:0;padding:4px 8px;display:flex}.guild-nav{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:100%;display:grid}.guild-nav .guild-tab{text-align:center;min-width:44px;min-height:44px;padding:8px 6px;font-size:9px;line-height:1.25}.guild-pane{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-width:0;min-height:0;overflow:hidden auto}.guild-section:not(:last-child){margin-bottom:8px}#guild-section-class{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:5px;margin-bottom:0;display:grid}#guild-section-class .panel{margin-bottom:0}.guild-section .panel:not(:last-child){margin-bottom:10px}.guild-actions{border-width:6px;background-color:var(--panel-fill-deep);box-shadow:3px 3px 0 var(--shadow);border-image-width:6px;flex:none;place-items:stretch stretch;margin:0 8px 8px;padding:4px;display:grid}.guild-shell button{min-width:44px;min-height:44px}.guild-actions button{min-width:44px;min-height:44px;padding:10px 12px;font-size:11px}.guild-actions .primary{letter-spacing:.06em;width:100%;min-height:48px;padding:8px 14px;font-size:14px;line-height:1.3}.battle-modal-window{width:min(680px,100%)}.battle-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 10px;display:grid}.battle-mode-grid>button{align-content:center;gap:8px;min-height:92px;display:grid}.battle-mode-grid strong{color:var(--gold-soft);font-family:var(--pixel-font);font-size:11px}.battle-mode-grid span{color:var(--ink-dim);font-family:var(--body-font);font-size:13px;font-weight:600;line-height:1.35}.autorun-choice{width:100%;min-height:44px;margin-bottom:10px}.guild-shell>#coach-panel{z-index:8;width:470px;margin:0;position:absolute;top:54px;right:14px}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin:4px 0 0;display:grid}.overview-identity{border-bottom:2px solid #d9a44147;align-items:center;gap:12px;margin:0 0 8px;padding:8px 10px;display:flex}.overview-identity>div{gap:6px;display:grid}.overview-identity span{color:var(--cyan);font-family:var(--pixel-font);font-size:9px}.overview-identity strong{color:var(--gold-soft);font-family:var(--pixel-font);font-size:14px}.overview-class-portrait,.class-portrait{object-fit:contain;width:64px;height:64px;image-rendering:pixelated;filter:drop-shadow(2px 2px 0 var(--shadow));flex:none;display:block}.class-skill{justify-content:center;align-items:center;gap:6px;max-width:100%;display:inline-flex}.class-skill-icon{object-fit:contain;width:32px;height:32px;image-rendering:pixelated;flex:none;display:block}.class-skill small{color:var(--ink-dim);font-family:var(--pixel-font);overflow-wrap:anywhere;font-size:9px;line-height:1.35}.overview-cell{border-width:8px;overflow-wrap:anywhere;border-image-width:8px;padding:8px 10px;line-height:1.4}.overview-cell dt{color:var(--cyan);font-family:var(--pixel-font);margin-bottom:6px;font-size:9px}.overview-cell dd{color:var(--gold-soft);font-family:var(--body-font);margin:0;font-size:12px;font-weight:500;line-height:1.45}.item-compare-panel{border-width:8px;border-image-width:8px;margin-top:10px;padding:8px 10px}.item-compare-placeholder{color:var(--ink-dim);font-family:var(--body-font);text-align:center;margin:0;font-size:12px;font-weight:500;line-height:1.5}.lobby-stage{border-width:8px;background-color:var(--panel-fill-deep);box-shadow:5px 5px 0 var(--shadow);border-image-width:8px;flex:0 0 150px;grid-template-rows:100px 34px;gap:0;margin:0;padding:0;display:grid;overflow:hidden}.lobby-stage-frame{background:#0e0c15;width:100%;height:100px;min-height:0;position:relative;overflow:hidden}#lobby-canvas{aspect-ratio:auto;width:100%;max-width:none;height:100%;box-shadow:none;image-rendering:pixelated;background:0 0;border:0;display:block}.lobby-title-overlay{z-index:1;pointer-events:none;text-shadow:2px 2px 0 var(--shadow);position:absolute;top:7px;left:9px;right:12px}.lobby-title-overlay .eyebrow{margin:0 0 4px;font-size:7px}.lobby-title-overlay h1{color:var(--gold-soft);margin:0;font-size:12px;line-height:1.3}.lobby-title-overlay .tagline{max-width:42rem;color:var(--ink-dim);font-family:var(--body-font);margin:3px 0 0;font-size:10px;font-weight:500;line-height:1.3}.lobby-title-overlay .onboarding-line{color:#e8e3d5b8;max-width:48rem;font-family:var(--body-font);margin:4px 0 0;font-size:12px;font-weight:500;line-height:1.45}.lobby-nameplate{border-width:6px;text-align:left;box-shadow:none;background-color:var(--panel-fill-deep);border-image-width:6px;grid-template-columns:minmax(180px,1.05fr) minmax(0,1.8fr) auto;align-items:center;gap:8px;margin:0;padding:2px 8px;display:grid}.lobby-nameplate-title{min-height:24px;box-shadow:none;color:var(--gold-soft);text-align:left;background:0 0;border:0;margin:0;padding:1px 4px;font-size:8px;line-height:1.3}.lobby-nameplate-title:hover:not(:disabled),.lobby-nameplate-title:active:not(:disabled){box-shadow:none;transform:none}.lobby-nameplate-rule{max-width:52rem;color:var(--ink-dim);font-family:var(--body-font);margin:0;font-size:12px;font-weight:500;line-height:1.25}.lobby-nameplate-best{color:var(--green);font-family:var(--pixel-font);white-space:nowrap;margin:0;font-size:7px;line-height:1.3}.eyebrow{color:var(--cyan);letter-spacing:0;text-shadow:1px 1px 0 var(--shadow);margin:0 0 8px;font-size:9px}h1,h2,p,.tagline{margin-top:0}h1{margin-bottom:0;font-size:22px;line-height:1.2}.tagline{max-width:560px;color:var(--ink-dim);margin:8px 0 0;font-size:12px;line-height:1.5}.onboarding-line{color:#e8e3d58f;max-width:720px;margin:8px 0 0;font-size:11px;line-height:1.5}h2,.results-section-title{color:var(--gold-soft);text-shadow:1px 1px 0 var(--shadow);margin-bottom:10px;font-size:10px;line-height:1.5}.gold{white-space:nowrap;min-width:148px;color:var(--gold-soft);border-width:8px;box-shadow:2px 2px 0 var(--shadow);border-image-width:8px;flex-flow:row;align-items:center;gap:8px;padding:10px 12px;font-size:14px;line-height:1.2;display:inline-flex;overflow:visible}.player-name-field{border-width:8px;min-width:0;box-shadow:2px 2px 0 var(--shadow);background-color:var(--panel-fill-deep);border-image-width:8px;gap:4px;padding:6px 10px;display:grid}.player-name-field span{color:var(--cyan);font-family:var(--pixel-font);font-size:8px}.player-name-field input{width:100%;min-width:0;color:var(--gold-soft);font-family:var(--pixel-font);background:0 0;border:0;border-bottom:2px solid #e8e3d56b;outline:0;font-size:11px;line-height:1.5}.player-name-field input:focus-visible{border-bottom-color:var(--cyan)}.best-survival-guild{border-width:8px;box-shadow:2px 2px 0 var(--shadow);color:var(--green);white-space:nowrap;background-color:var(--panel-fill-deep);border-image-width:8px;padding:4px 8px;font-size:8px;line-height:1.5}.best-survival{color:#9a9488;text-align:center;border-width:10px;box-shadow:3px 3px 0 var(--shadow);border-image-width:10px;margin:0 0 14px;padding:8px 10px;font-size:9px;line-height:1.6}.best-survival.is-new-best{color:var(--gold)}.best-survival.is-survived{color:var(--green)}.best-survival.is-new-best.is-survived{color:var(--gold)}.panel{border-width:12px;background-color:var(--panel-fill);border-image-width:12px;padding:10px}.upgrade-grid,.perk-grid{gap:8px;display:grid}.perk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-slots,.stash-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.stash-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:10px}.item-slot,.stash-item{text-align:left;align-content:start;gap:6px;min-width:44px;min-height:88px;padding:10px;display:grid;position:relative}.item-card-body,.stash-item{grid-template-columns:40px minmax(0,1fr);align-items:start}.item-card-body{gap:8px;display:grid}.item-copy{gap:4px;min-width:0;display:grid}.item-slot.empty .item-card-body{grid-template-columns:minmax(0,1fr)}.item-slot[data-rarity],.stash-item[data-rarity]{box-shadow:inset 0 0 0 2px var(--rarity-color), 3px 3px 0 var(--shadow);padding-top:24px}.item-slot[data-rarity]:after,.stash-item[data-rarity]:after{content:attr(data-rarity);color:var(--rarity-color);border:1px solid var(--rarity-color);font-family:var(--pixel-font);text-transform:uppercase;text-shadow:1px 1px 0 var(--shadow);background:#05040adb;padding:2px 4px;font-size:7px;line-height:1;position:absolute;top:5px;right:8px}.item-icon{object-fit:contain;width:32px;height:32px;image-rendering:pixelated;filter:drop-shadow(1px 1px 0 var(--shadow));display:block}.item-effect{color:var(--ink-dim)}.item-slot span,.stash-item span{color:var(--ink-dim);font-family:var(--pixel-font);font-size:9px}.item-slot strong,.stash-item strong{color:var(--gold-soft);font-family:var(--pixel-font);font-size:11px;line-height:1.4}.item-slot small,.stash-item small,.stash-empty{color:var(--ink-dim);font-family:var(--body-font);font-size:12px;font-weight:500;line-height:1.45}.stash-empty{text-align:center;grid-column:1/-1;padding:12px}.class-card,.perk-card{min-width:44px;color:var(--ink);text-shadow:1px 1px 0 var(--shadow);place-items:center;gap:6px;padding:10px 8px;display:grid}.class-card{align-content:start;min-height:148px}.perk-card{align-content:start;min-height:150px}.perk-icon-frame{background:color-mix(in srgb, var(--perk-accent,var(--gold)) 18%, var(--button-fill));place-items:center;width:38px;height:38px;display:grid}.perk-card[data-perk-choice=a] .perk-icon-frame{clip-path:polygon(0 0,100% 0,100% 74%,74% 100%,0 100%);border-left:2px solid var(--perk-accent,var(--gold))}.perk-card[data-perk-choice=b] .perk-icon-frame{clip-path:polygon(0 0,100% 0,100% 100%,26% 100%,0 74%);border-right:2px solid var(--perk-accent,var(--gold))}.perk-card[data-perk-tier="1"] .perk-icon-frame{filter:brightness(.76)}.perk-card[data-perk-tier="2"] .perk-icon-frame{filter:brightness(.86)}.perk-card[data-perk-tier="3"] .perk-icon-frame{filter:brightness(.96)}.perk-card[data-perk-tier="4"] .perk-icon-frame{filter:brightness(1.08)}.perk-card[data-perk-tier="5"] .perk-icon-frame{filter:brightness(1.2)saturate(1.15);box-shadow:0 0 0 1px var(--perk-accent,var(--gold))}.perk-icon{object-fit:contain;width:32px;height:32px;image-rendering:pixelated;filter:drop-shadow(1px 1px 0 var(--shadow));display:block}.upgrade-grid button{min-width:44px;min-height:44px;padding:10px 8px;font-size:11px;line-height:1.3}.class-card>small,.perk-tier{max-width:100%;color:var(--ink-dim);font-family:var(--pixel-font);overflow-wrap:anywhere;text-align:center;font-size:9px;line-height:1.35}.perk-card em{max-width:100%;color:var(--gold);font-family:var(--pixel-font);text-align:center;font-size:11px;font-style:normal;line-height:1.35}.perk-card small,.class-card .class-strength,.class-card .class-weakness{max-width:100%;font-family:var(--body-font);overflow-wrap:anywhere;text-align:center;text-shadow:none;font-size:12px;font-weight:500;line-height:1.4}.perk-card small{color:var(--ink-dim)}.perk-card strong,.class-card strong{font-family:var(--pixel-font);text-align:center;color:var(--gold-soft);font-size:11px;line-height:1.4}.perk-tier{color:var(--gold);font-style:normal}.class-status{color:var(--gold);font-family:var(--pixel-font);font-size:9px}.class-picker-panel{border-width:8px;border-image-width:8px;gap:4px;padding:5px;display:grid;overflow:hidden}.class-picker-panel>h2{display:none}.class-roster{grid-template-columns:repeat(6,minmax(44px,1fr));gap:4px;display:grid}.class-roster .class-card{border-width:4px;border-image-width:4px;grid-template-rows:22px 10px 9px;place-items:center;gap:2px;min-width:44px;height:44px;min-height:44px;padding:1px;display:grid;overflow:hidden}.class-roster [data-testid=class-elf]{grid-column:span 2}.class-roster .class-portrait{width:22px;height:22px}.class-roster .class-card>strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;line-height:1;overflow:hidden}.class-roster .class-status{white-space:nowrap;font-size:8px;line-height:1}.selected-class-detail{border:6px solid #0000;border-image:url(/assets/ui/panel-stone.png) var(--stone-slice) fill;background:var(--panel-fill-deep);min-height:68px;box-shadow:2px 2px 0 var(--shadow);border-image-width:6px;grid-template-rows:28px 28px;grid-template-columns:48px 104px minmax(160px,1.08fr) minmax(155px,.92fr);gap:3px 8px;padding:4px 7px;display:grid}.selected-class-portrait{object-fit:contain;width:48px;height:48px;image-rendering:pixelated;grid-row:1/3;align-self:center}.selected-class-heading{align-self:center}.selected-class-heading span,.selected-class-detail p>span{color:var(--cyan);font-family:var(--pixel-font);margin-bottom:2px;font-size:7px;line-height:1.2;display:block}.selected-class-heading h3{color:var(--gold-soft);font-family:var(--pixel-font);margin:0;font-size:10px}.selected-class-weapon{align-items:center;gap:6px;min-width:0;display:flex}.selected-class-weapon img{width:22px;height:22px;image-rendering:pixelated}.selected-class-detail p{align-self:center;min-width:0;margin:0}.selected-class-detail p>strong{color:var(--ink);font-family:var(--body-font);font-size:12px;font-weight:600;line-height:1.15;display:block}.selected-class-strength>strong,.selected-class-weakness>strong,.selected-class-behavior>strong{white-space:normal}.selected-class-strength{grid-area:1/3}.selected-class-weakness{grid-area:2/3}.selected-class-behavior{grid-area:1/4/3}.selected-class-strength>strong{color:var(--green)!important}.selected-class-weakness>strong{color:var(--red)!important}.class-tree-panel{border-width:4px;border-image-width:4px;grid-template-rows:auto auto minmax(0,1fr);gap:2px;min-width:0;padding:2px;display:grid;overflow:hidden}.class-tree-panel>h2{text-align:center;margin:0;font-size:8px;line-height:1.3}.class-tree-panel .perk-grid{grid-template-rows:repeat(2,52px);grid-template-columns:repeat(5,minmax(44px,1fr));grid-auto-flow:column;gap:4px}.class-tree-panel .perk-card{grid-template-rows:auto 1fr auto;gap:1px;min-width:44px;height:52px;min-height:52px;padding:2px;overflow:hidden}.class-tree-panel .perk-tier,.class-tree-panel .perk-icon-frame{display:none}.class-tree-panel .perk-icon{width:16px;height:16px}.class-tree-panel .perk-card strong{-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:100%;font-size:7px;line-height:1.1;display:-webkit-box;overflow:hidden}.class-tree-panel .perk-card small{-webkit-line-clamp:1;-webkit-box-orient:vertical;max-height:13px;font-size:12px;line-height:1.05;display:-webkit-box;overflow:hidden}.class-tree-panel .perk-card em{font-size:7px;line-height:1}.class-tree-panel .perk-card:after{display:none!important}.class-tree-panel .perk-card.inspected{box-shadow:inset 0 -2px 0 var(--cyan), 2px 2px 0 var(--shadow)}.specialization-detail{border-top:1px solid #d9a44157;grid-template-columns:minmax(72px,.7fr) minmax(96px,.9fr) minmax(0,1.7fr);gap:4px;min-width:0;padding:3px 2px 0;display:grid}.specialization-detail p{min-width:0;margin:0}.specialization-detail span{color:var(--cyan);font-family:var(--pixel-font);margin-bottom:1px;font-size:7px;line-height:1.1;display:block}.specialization-detail strong{min-height:27px;color:var(--ink);font-family:var(--body-font);overflow-wrap:anywhere;font-size:12px;font-weight:600;line-height:1.05;display:block}.specialization-detail p:first-child strong{color:var(--gold-soft)}.class-strength{color:var(--green)}.class-weakness{color:var(--red)}.results-panel button{padding:10px 12px}.perk-card.locked em{opacity:.85}.perk-card.locked:after{content:"LOCKED";color:var(--ink-dim);font-family:var(--pixel-font);letter-spacing:.04em;margin-top:2px;font-size:8px;display:block}.perk-card.selected:after{content:"OWNED";color:var(--cyan);font-family:var(--pixel-font);letter-spacing:.04em;margin-top:2px;font-size:8px;display:block}#screen-run{background:var(--bg-deep);place-items:center;padding:8px;display:grid}#screen-run.hidden{display:none!important}.run-shell,.game-window{border-width:12px;background-color:var(--panel-fill-deep);width:min(100%,960px);box-shadow:5px 5px 0 var(--shadow);border-image-width:12px;margin:0 auto;padding:8px;position:relative}.spectator-hud{grid-template-columns:minmax(0,1.3fr) minmax(190px,.9fr) minmax(0,1.1fr);gap:5px;width:100%;height:44px;margin-bottom:5px;display:grid}.spectator-hud .hud-chip{border-width:6px;white-space:nowrap;border-image-width:6px;min-width:0;height:44px;min-height:0;padding:4px 7px;overflow:hidden}.hud-identity{text-align:left;grid-template-columns:auto minmax(0,1fr);align-content:center;column-gap:7px;display:grid}.hud-identity>strong{color:var(--gold-soft)}.hud-identity>span{color:var(--cyan);text-overflow:ellipsis;overflow:hidden}.hud-identity>small{color:var(--ink-dim);font-family:var(--body-font);text-overflow:ellipsis;grid-column:1/-1;font-size:9px;font-weight:600;line-height:1.2;overflow:hidden}.hud-stats{justify-content:space-between;align-items:center;gap:8px;display:flex}.hud-stats span{color:var(--ink-dim)}.run-canvas-frame{border-width:10px;width:100%;box-shadow:none;background-color:#0e0c15;border-image-width:10px;padding:0;position:relative;overflow:hidden}#run-canvas{aspect-ratio:960/540;width:100%;max-width:100%;height:auto;box-shadow:none;image-rendering:pixelated;background:#0e0c15;border:0;display:block}canvas{image-rendering:pixelated;display:block}.offline-badge{z-index:2;border-width:8px;color:var(--gold-soft);box-shadow:2px 2px 0 var(--shadow);background-color:#140e12eb;border-image-width:8px;padding:6px 8px;font-size:8px;position:absolute;top:8px;left:8px}.hud{z-index:3;pointer-events:none;font-size:8px;position:absolute;inset:0}.hud-chip{border-width:8px;min-height:28px;color:var(--ink);box-shadow:2px 2px 0 var(--shadow);text-shadow:1px 1px 0 var(--shadow);background-color:#120e14f0;border-image-width:8px;align-items:center;gap:4px;padding:4px 8px;font-size:8px;line-height:1.2;display:inline-flex}.hud-chip strong{color:var(--gold-soft);font-weight:400}.hud-time{z-index:4;white-space:nowrap;grid-template-columns:auto 1fr;align-content:center;column-gap:6px;display:grid;position:static;transform:none}.hud-time>span{color:var(--cyan)}.hud-time>strong{text-align:right}.hud-time>small{color:var(--ink-dim);text-align:right;font-size:7px}.hud-progress-track{background:#05040ad9;align-self:center;height:5px;overflow:hidden;box-shadow:inset 0 0 0 1px #d9a44157}.hud-progress-fill{background:linear-gradient(90deg, var(--enemy), var(--gold));width:0%;height:100%;transition:width .12s linear}.hud-hp-orb{z-index:4;width:120px;height:120px;position:absolute;bottom:8px;left:10px}.hud-hp-well{background:radial-gradient(circle at 50% 40%,#2a1014 0%,#12080a 100%);border-radius:50%;width:44%;height:43%;position:absolute;top:28.5%;left:28%;overflow:hidden;box-shadow:inset 0 0 6px #000000a6}.hud-hp-fill{background:radial-gradient(at 50% 20%,#ff8c788c,#0000 55%),linear-gradient(#ff5a5a 0%,#c62828 45%,#7a1018 100%);height:100%;transition:height 80ms steps(2,end);position:absolute;bottom:0;left:0;right:0}.hud-hp-frame{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.hud-hp-label{z-index:2;font-family:var(--pixel-font);color:#fff;text-shadow:1px 1px #05040a,-1px 0 #05040a,0 -1px #05040a,1px 0 #05040a,0 1px #05040a;place-items:center;padding-top:4px;font-size:9px;line-height:1.2;display:grid;position:absolute;inset:0}.hud-hp-label strong{color:#fff;font-weight:400}.hud-xp{z-index:4;pointer-events:none;flex-direction:column;align-items:center;gap:0;width:min(360px,62%);display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.hud-xp-level{font-family:var(--pixel-font);color:var(--gold-soft);text-shadow:1px 1px 0 var(--shadow), 0 0 6px #d9a44140;white-space:nowrap;margin-bottom:-2px;font-size:9px;line-height:1.2}.hud-xp-level strong{color:var(--gold-soft);font-weight:400}.hud-xp-bar{--xp-band:56;aspect-ratio:512/56;width:100%;max-height:48px;position:relative;overflow:visible}.hud-xp-track{z-index:2;background:#0c080e8c;border-radius:3px;position:absolute;inset:24% 5.5%;overflow:hidden}.hud-xp-fill{background:linear-gradient(#fff0b473 0%,#0000 40%,#50280059 100%),repeating-linear-gradient(90deg,#f0d060 0 9px,#d4a82a 9px 11px,#c49218 11px 12px);width:0%;height:100%;transition:width 80ms steps(2,end);box-shadow:inset 0 1px #fffac873}.hud-xp-frame{width:100%;height:calc(100% * 192 / var(--xp-band));z-index:1;object-fit:fill;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:0;transform:translateY(-50%)}.hud-sound{z-index:5;pointer-events:auto;min-height:28px;padding:4px 8px;font-size:8px;position:absolute;bottom:8px;right:8px}.results-scroll{place-items:start center;padding:16px 12px 24px;display:grid}.results-panel,.victory-window{border-width:14px;width:min(720px,100%);box-shadow:6px 6px 0 var(--shadow);background-color:var(--panel-fill);text-align:center;border-image-width:14px;margin:0 auto;padding:18px 16px 16px}.results-eyebrow{margin:0 0 6px}.victory-title{color:var(--gold-soft);text-shadow:2px 2px 0 var(--shadow), 0 0 10px #d9a44133;margin:0;font-size:clamp(14px,3.2vw,22px);line-height:1.35}.victory-sub{color:var(--ink-dim);font-family:var(--pixel-font);margin:8px 0 0;font-size:8px;line-height:1.6}.result-outcome{color:var(--gold);font-family:var(--pixel-font);margin:7px 0 0;font-size:12px;line-height:1.4}.result-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:16px 0 12px;display:grid}.result-rewards{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:8px;margin-bottom:12px;display:grid}.gold-ledger,.result-loot{border:8px solid #0000;border-image:url(/assets/ui/panel-stone.png) var(--stone-slice) fill;background:var(--panel-fill-deep);border-image-width:8px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex}.gold-ledger span,.result-loot>span{color:var(--ink-dim);font-family:var(--pixel-font);font-size:7px}.gold-ledger strong,.result-loot>strong{color:var(--gold-soft);font-family:var(--pixel-font);font-size:9px}.result-loot>strong{text-align:right;overflow-wrap:anywhere;line-height:1.35}.leaderboard-status{color:var(--ink-dim);font-family:var(--pixel-font);text-align:center;margin:0 0 8px;font-size:7px;line-height:1.5}.result-actions{grid-template-columns:1fr 1fr auto;gap:8px;display:grid}.result-actions .tertiary{opacity:.78;min-width:44px;font-size:7px}.result-cell,.result-grid div{border-width:10px;background-color:var(--panel-fill-deep);box-shadow:2px 2px 0 var(--shadow);overflow-wrap:anywhere;border-image-width:10px;padding:8px 6px;line-height:1.4}.result-grid dt{color:var(--cyan);margin-bottom:6px;font-size:8px}.result-grid dd{color:var(--gold-soft);margin:0;font-size:13px}#result-ranking,#leaderboard-list,.ranking-list,.leaderboard-list{text-align:left;gap:6px;margin:0 0 12px;padding-left:0;list-style:none;display:grid}#result-ranking li,#leaderboard-list li{border-width:10px;background-color:var(--panel-fill-deep);box-shadow:2px 2px 0 var(--shadow);overflow-wrap:anywhere;border-image-width:10px;padding:8px 10px;font-size:9px;line-height:1.5}#result-ranking .local-row{filter:brightness(1.12);box-shadow:0 0 0 2px var(--cyan), 2px 2px 0 var(--shadow);color:#fff}.leaderboard-panel{border-width:12px;text-align:left;box-shadow:3px 3px 0 var(--shadow);background-color:var(--panel-fill-deep);border-image-width:12px;margin:12px 0 16px;padding:10px}.leaderboard-panel .results-section-title{text-align:center}#leaderboard-list:empty:after,#result-ranking:empty:after{content:"NO ENTRIES";border:var(--stone-border) solid transparent;border-image:url(/assets/ui/panel-stone.png) var(--stone-slice) fill;background-color:var(--panel-fill-deep);color:var(--ink-dim);font-family:var(--pixel-font);text-align:center;image-rendering:pixelated;box-shadow:2px 2px 0 var(--shadow);border-image-width:10px;padding:10px;font-size:8px;display:block}@media (width<=860px){.results-scroll{padding:8px}h1{font-size:18px}.lobby-stage-frame{height:min(28vh,200px);min-height:150px}.lobby-title-overlay .tagline,.lobby-title-overlay .onboarding-line{display:none}.result-grid{grid-template-columns:1fr}.title-window{padding:18px 14px 16px}.title-logo-big{font-size:clamp(24px,7vw,40px)}}@media (width<=720px){:root{--stone-border:10px;--bronze-border:5px}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-grid .result-cell:last-child,.result-grid div:last-child{grid-column:1/-1}#result-ranking li,#leaderboard-list li{font-size:8px;line-height:1.7}.hud-chip,.hud-sound{border-width:6px;border-image-width:6px;min-height:24px;padding:3px 5px;font-size:7px}.hud-time{top:6px}.hud-hp-orb{width:88px;height:88px;bottom:4px;left:4px}.hud-hp-label{padding-top:2px;font-size:7px}.hud-xp{gap:3px;width:min(240px,58%);bottom:6px}.hud-xp-level{font-size:7px}.hud-xp-bar{max-height:36px}.hud-sound{bottom:4px;right:4px}.run-shell,.game-window{border-width:8px;border-image-width:8px;padding:4px}.run-canvas-frame{border-width:6px;border-image-width:6px}.title-logo{font-size:16px}.title-logo-big{gap:.3em;font-size:clamp(20px,7.5vw,32px)}.title-tagline,.title-subline{font-size:7px}.title-window{gap:8px;padding:16px 12px 14px}.title-start{min-height:44px;font-size:10px}}@media (width<=420px){#screen-run{align-content:center;padding:4px}.run-shell{width:100%}.hud-hp-orb{width:72px;height:72px;bottom:2px;left:2px}.hud-hp-label{font-size:6px}.hud-xp{width:min(200px,56%);bottom:4px}.hud-xp-level{font-size:6px}.hud-xp-bar{max-height:30px}.hud-time{min-height:22px;padding:2px 5px;font-size:6px;top:4px}.hud-sound{min-height:22px;padding:2px 5px;font-size:6px;bottom:2px;right:2px}.lobby-stage-frame{height:210px;min-height:210px}}