@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#10120f;--panel:#171a15;--line:#34382c;--lime:#d5ed71;--cream:#eeeee0;--muted:#92998b;--gold:#d5b878}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);font-family:Manrope,Arial,sans-serif;font-size:13px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button:disabled{cursor:not-allowed;opacity:.4}.hidden{display:none!important}.app{max-width:1680px;margin:0 auto;padding:0 4.25%}.topbar{height:107px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:35px}.brand{display:flex;gap:13px;align-items:center;color:var(--cream);text-decoration:none;font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:700;font-size:21px;line-height:.9;letter-spacing:.3px}.brand-mark{width:43px;height:43px;display:flex;align-items:center;justify-content:center;border:1px solid var(--lime);font-family:Impact,sans-serif;font-size:31px;color:var(--lime);position:relative}.brand-mark>span{position:absolute;right:3px;top:2px;font:16px Arial;background:var(--bg)}.brand-sub{display:block;font:7px Manrope,Arial;letter-spacing:2.3px;margin-top:8px;color:var(--muted)}nav{display:flex;gap:32px;margin:auto}.nav-tab{border:0;background:none;color:var(--muted);font-size:10px;letter-spacing:1.5px;padding:42px 0;position:relative}.nav-tab>span{margin-left:8px;font-size:11px;font-weight:800;letter-spacing:1.3px}.nav-tab.active{color:var(--cream)}.nav-tab.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--lime)}.nav-dot{display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:100%;vertical-align:top;margin-top:2px}.top-actions{display:flex;align-items:center;gap:16px}.coin-count{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;padding-right:17px;border-right:1px solid var(--line);min-width:64px}.coin-icon{color:var(--lime);font-size:20px}.icon-btn{background:transparent;border:1px solid var(--line);color:var(--cream);width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.icon-btn:hover{background:#303528}.icon-btn svg{width:17px}.sound-waves{display:none}.sound-on .sound-waves{display:block}.sound-on .sound-off{display:none}.help-btn{font-size:14px}.section-line{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 0 16px;font-size:8px;font-weight:700;letter-spacing:1.6px;color:#a6ac9f}.section-line>div{display:flex;align-items:center;gap:9px}.status-dot{width:5px;height:5px;background:var(--lime);box-shadow:0 0 10px #d5ed7140;border-radius:100%}.muted{color:#4f5647;margin:0 10px}.game-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #48503c;background:#0c1616;isolation:isolate}#arena{width:100%;height:100%;display:block;touch-action:none}.frame-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px #0007;z-index:1}.menu-screen{position:absolute;inset:0;z-index:3;padding:6.5% 5.5%;background:linear-gradient(90deg,#11160ff0 0%,#11160fcf 32%,#11160f10 68%,transparent)}.hero-kicker{display:flex;align-items:center;gap:9px;color:var(--lime);font-size:8px;font-weight:800;letter-spacing:2px}.tiny-line{width:24px;height:1px;background:var(--lime)}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:800;letter-spacing:-1px;font-size:clamp(40px,5.5vw,88px);line-height:.91;margin:24px 0 20px}h1 em{font-style:normal;color:var(--lime)}.menu-screen p{font-size:11px;line-height:1.85;color:#bdc1b2;margin:0 0 25px}.primary-btn{border:0;border-radius:0;background:var(--lime);color:#18200f;font-size:10px;letter-spacing:1px;font-weight:800;min-height:49px;padding:0 23px;display:inline-flex;gap:40px;align-items:center;justify-content:space-between;transition:background .2s,transform .2s}.primary-btn:hover:not(:disabled){background:#e6ff8a;transform:translateY(-2px)}.primary-btn>span{font-size:21px;font-weight:500}.intro-note{font-size:8px;color:#8b9481;display:flex;align-items:center;gap:6px;margin-top:13px;letter-spacing:.3px}.intro-note>span{font-size:15px}.hero-edition{position:absolute;left:5.5%;bottom:6%;display:flex;align-items:center;gap:10px;font-size:8px;font-weight:700;letter-spacing:1.3px}.hero-edition>span{padding-left:10px;color:#7f8c74;border-left:1px solid #69715b}.exhibit-tag{position:absolute;bottom:16%;right:6%;z-index:2;border-top:1px solid #b0ac7a50;padding-top:11px;display:flex;gap:9px;align-items:flex-start;font-size:8px;letter-spacing:1.4px;color:#ddd8b3}.exhibit-tag small{display:block;color:#8c998c;font-size:6px;letter-spacing:1.3px;margin-top:5px}.tag-dot{width:4px;height:4px;background:var(--lime);border-radius:50%;margin-top:3px}.tag-arrow{padding-left:20px;font-size:18px;margin-top:-4px}.corner{position:absolute;width:15px;height:15px;border-color:var(--lime);border-style:solid;z-index:10;pointer-events:none}.corner-tl{top:-1px;left:-1px;border-width:2px 0 0 2px}.corner-tr{top:-1px;right:-1px;border-width:2px 2px 0 0}.corner-bl{bottom:-1px;left:-1px;border-width:0 0 2px 2px}.corner-br{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.stage-meta{position:absolute;bottom:3%;left:3%;right:3%;z-index:2;display:flex;justify-content:space-between;font-size:7px;letter-spacing:2px;color:#b4bba4;pointer-events:none}.meta-live{color:var(--lime);margin-left:10px;font-size:6px}.understage{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line);gap:15px}.control-group{display:flex;align-items:center;gap:23px}.control-label{font-size:8px;letter-spacing:1.3px;color:#7c8673;margin-right:5px}.control{display:flex;align-items:center;gap:5px;font-size:9px;color:#adb5a4}.control>span{margin-left:5px}kbd{display:inline-flex;align-items:center;justify-content:center;width:23px;height:24px;border:1px solid #4a5141;border-bottom:2px solid #5e6651;background:#23281e;color:#d5dfc4;font:10px Manrope,Arial;border-radius:3px}.under-tip{font-size:9px;color:#7f8a73}.under-tip>span{color:var(--lime);margin-right:8px}.rules-strip{display:grid;grid-template-columns:1.05fr 1fr 1fr 1fr;gap:34px;padding:36px 0 40px}.eyebrow{display:block;color:var(--lime);font-size:8px;letter-spacing:1.8px;font-weight:700}.rule-intro h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:600;font-size:29px;line-height:1.05;margin:13px 0 0;letter-spacing:.2px}.rule>span{font-size:8px;color:#7e8b6d}.rule h3{font-size:9px;letter-spacing:1px;margin:13px 0 9px}.rule p{font-size:10px;line-height:1.9;color:#828c79;margin:0;max-width:245px}footer{border-top:1px solid var(--line);padding:21px 0 25px;display:flex;justify-content:space-between;gap:20px;font-size:6px;letter-spacing:1.2px;color:#646f5c}.footer-dot{margin:0 8px}.hud{position:absolute;left:4%;right:4%;top:6%;display:flex;gap:5%;justify-content:space-between;z-index:4;pointer-events:none}.fighter-hud{width:41%;text-shadow:0 1px 4px #000}.fighter-label{display:flex;flex-direction:column;gap:6px}.fighter-label>span{font-size:7px;letter-spacing:1.5px;color:#bdc5ae}.fighter-label strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(13px,1.8vw,28px);letter-spacing:1px}.health-track{height:12px;background:#371f21;border:1px solid #b9c0a36b;margin-top:10px;padding:2px;transform:skew(-12deg);overflow:hidden}.health-fill{height:100%;width:100%;background:var(--lime);transition:width .18s}.rex-hud .health-fill{background:#de9c69;float:right}.rex-hud .fighter-label{text-align:right}.health-numbers{display:flex;justify-content:space-between;margin-top:5px;color:#d1d5c4;font-size:7px;letter-spacing:1px}.stamina-label{color:#97b8b0}.stamina-track{height:3px;background:#1d302d;margin-top:7px;width:50%}.stamina-track>div{height:100%;background:#6bc6b3;transition:width .1s}.center-hud{position:absolute;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;color:var(--lime);gap:2px}.vs{font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;font-style:italic;font-weight:700}.center-hud>span:nth-child(2){font:8px Manrope;color:#adb59c;letter-spacing:1px}#pauseBtn{pointer-events:auto;background:#101910a0;border:1px solid #6d765d;color:#d4dfbd;margin-top:7px;width:25px;height:25px;font-size:10px}.combat-hint{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:9px 16px;background:#131c15cf;border:1px solid #a6bc6950;z-index:4;font-size:9px;white-space:nowrap;max-width:90%;color:#dbe6c3;letter-spacing:.3px}.hint-icon{background:var(--lime);color:#16200e;border-radius:50%;width:14px;height:14px;display:grid;place-items:center;font-weight:800;font-size:9px}.cinematic{position:absolute;inset:0;z-index:5;background:linear-gradient(180deg,#000a,transparent 27%,transparent 50%,#000d);pointer-events:none}.cinema-top{height:12%;background:#080d0aea;display:flex;align-items:center;justify-content:space-between;padding:0 5%;font-size:8px;letter-spacing:2.5px;color:#b6c1a4}.cinema-bottom{position:absolute;bottom:0;left:0;right:0;min-height:25%;padding:3% 5%;background:#080d0af0}.scene-label{font-size:8px;letter-spacing:2px;color:var(--lime)}.cinema-bottom p{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(18px,2.3vw,34px);margin:10px 0 17px;line-height:1.15}.scene-progress{height:1px;background:#465039;width:100%}.scene-progress>div{height:1px;background:var(--lime);width:0}.cinema-note{font-size:6px;letter-spacing:2px;color:#7d8e6c;display:block;margin-top:9px}.overlay{position:absolute;inset:0;z-index:8;background:#0b110edb;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}.dialog{text-align:center}.dialog h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(32px,5vw,72px);line-height:.95;margin:18px 0}.dialog p{color:#9ba48f;font-size:11px;margin-bottom:25px}.key-hint{font-size:7px;letter-spacing:1.5px;color:#78886a;margin-top:18px}.dream-caption{position:absolute;top:20%;left:6%;max-width:55%;text-shadow:0 2px 20px #000}.dream-caption h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(25px,4.7vw,70px);line-height:1;margin:14px 0;color:var(--lime)}.dream-caption p{font-size:clamp(9px,1.05vw,15px);color:#d1d5c8;line-height:1.9}.results{position:absolute;bottom:9%;left:6%;right:6%;pointer-events:auto}.result-stats{display:flex;gap:42px;padding-bottom:19px;margin-bottom:20px;border-bottom:1px solid #e2eac52b}.result-stats>span{font-size:7px;letter-spacing:1.2px;color:#b4bfa5}.result-stats strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;color:var(--cream);margin-top:5px;letter-spacing:.5px}.result-actions{display:flex;gap:12px}.secondary-btn{background:#13221cc9;border:1px solid #8b9b6a;color:#d8e4c0;letter-spacing:1px;font-size:9px;padding:0 20px;min-height:45px}.modal{position:fixed;inset:0;z-index:50;background:#030704c9;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:25px;overflow-y:auto}.collection-panel,.help-panel{background:#171e15;border:1px solid #657447;padding:35px;width:850px;max-width:100%;box-shadow:0 20px 100px #000b}.modal-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.modal-heading h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:39px;font-weight:700;margin:10px 0 0;letter-spacing:.4px}.modal-lead{font-size:11px;color:#9da990;line-height:1.8;margin:14px 0 25px}.skin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.skin-card{border:1px solid #3c4930;background:#10180e;padding:15px;text-align:left;color:#dbe4ce;position:relative}.skin-card.selected{border-color:var(--lime)}.skin-card canvas{width:100%;aspect-ratio:1/1;display:block}.skin-card small{display:block;font-size:6px;letter-spacing:1.6px;color:#9bab83;margin-top:6px}.skin-card strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:22px;display:block;margin:6px 0 12px}.skin-state{font-size:7px;letter-spacing:1.3px;border-top:1px solid #354629;padding-top:10px;display:block;color:var(--lime)}.skin-card.locked{filter:saturate(.2)}.skin-card.locked .skin-state{color:#87957a}.crate-box{display:flex;align-items:center;gap:20px;margin-top:20px;padding:22px 0;border-top:1px solid #36472b}.crate-icon{width:55px;height:55px;border:1px solid #748e4c;display:grid;place-items:center;color:var(--lime);font-size:36px;flex-shrink:0}.crate-box h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:23px;margin:6px 0}.crate-box p{font-size:8px;color:#9aa98c;margin:0;line-height:1.7}.crate-box .primary-btn{margin-left:auto;gap:20px;white-space:nowrap}.crate-box .primary-btn>span{font-size:12px}.collection-message{font-size:10px;color:var(--lime);line-height:1.8;margin-bottom:0}.help-panel{width:640px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.help-grid p{color:#94a482;font-size:10px;line-height:2.5}.help-grid strong{color:#d9e2cc;font-weight:500}.help-explain{font-size:11px;line-height:1.9;color:#a8b29b;margin-bottom:25px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:100;background:var(--lime);color:#19230f;padding:15px 23px;font-size:11px;box-shadow:0 5px 50px #0008}.touch-controls{display:none;justify-content:space-between;margin-top:12px;gap:20px}.touch-controls>div{display:flex;gap:8px}.touch-controls button{width:58px;height:48px;border:1px solid #657347;background:#1c2715;color:var(--cream);font-size:21px;touch-action:none;user-select:none}.touch-controls small{display:block;font-size:6px;letter-spacing:1px}.touch-controls .touch-attack{background:var(--lime);color:#1a240f}.touch-controls .touch-guard{color:var(--lime)}
@media(min-width:1700px){h1{font-size:90px}}@media(max-width:1000px){.app{padding:0 3%}.topbar{height:88px}.section-line{font-size:6px;letter-spacing:1px}h1{font-size:6vw;margin:18px 0}.menu-screen p{font-size:9px;line-height:1.7;margin-bottom:15px}.menu-screen .primary-btn{min-height:40px;font-size:8px}.intro-note{font-size:6px}.hero-kicker{font-size:6px}.hero-edition{font-size:6px}.rules-strip{gap:23px}.under-tip{font-size:7px}.control-group{gap:15px}.control-label{font-size:6px}.rule h3{font-size:8px}.rule p{font-size:9px}.rule-intro h2{font-size:25px}footer{font-size:5px}.hud{top:5%}.health-track{height:10px}.fighter-label{gap:3px}.fighter-label>span{font-size:6px}.combat-hint{font-size:7px;padding:7px 10px}.result-stats{padding-bottom:12px;margin-bottom:12px}.result-stats strong{font-size:23px}.result-actions .primary-btn{min-height:40px}.dream-caption{top:19%}.dream-caption p{margin-bottom:0}.vs{font-size:24px}}
@media(max-width:650px){.topbar{height:80px;gap:15px}.brand{font-size:17px;gap:9px}.brand-mark{width:34px;height:36px;font-size:27px}.brand-sub{font-size:5px;letter-spacing:1.3px}.top-actions{gap:8px}.icon-btn{width:29px;height:29px}.coin-count{padding-right:8px;min-width:38px;gap:4px;font-size:10px}.coin-icon{font-size:15px}nav{gap:15px;margin-left:auto;margin-right:0}.nav-tab{padding:33px 0;font-size:0}.nav-tab>span{font-size:7px;letter-spacing:1px;margin-left:0}.nav-dot{display:none!important}.help-btn{display:none}.section-line{padding-top:16px;font-size:5px;gap:8px}.section-line>span{max-width:145px;text-align:right;line-height:1.6}.game-frame{aspect-ratio:4/3}#arena{object-fit:cover;object-position:center}.menu-screen{padding:9% 6%;background:linear-gradient(90deg,#11160fe8,#11160f80 58%,transparent)}h1{font-size:9.1vw;margin:18px 0 14px}.hero-kicker{font-size:5px;letter-spacing:1px}.menu-screen p{font-size:8px;margin-bottom:18px}.menu-screen .primary-btn{font-size:7px;min-height:38px;gap:28px;padding:0 15px}.intro-note{font-size:5px;margin-top:8px}.hero-edition{font-size:5px;bottom:6%}.exhibit-tag{right:4%;bottom:17%;font-size:5px;max-width:45%}.exhibit-tag small{font-size:4px;letter-spacing:.8px}.tag-arrow{padding-left:5px}.stage-meta{font-size:5px}.understage{padding:16px 0;display:block}.control-group{gap:11px}.control-label{font-size:5px;margin-right:0}.control{font-size:7px;gap:3px}kbd{width:19px;height:20px;font-size:8px}.under-tip{display:none}.rules-strip{grid-template-columns:1fr 1fr;gap:25px 20px;padding:27px 0}.rule-intro h2{font-size:27px}.eyebrow{font-size:6px}.rule h3{font-size:7px;line-height:1.7;margin-top:9px}.rule p{font-size:8px}.rule>span{font-size:6px}footer{line-height:1.9;font-size:4px;gap:25px}footer>span:last-child{max-width:95px;text-align:right}.touch-controls{display:flex}.hud{left:3%;right:3%;top:5%;gap:10%}.fighter-hud{width:41%}.fighter-label>span{font-size:4px;letter-spacing:1px}.fighter-label strong{font-size:12px;letter-spacing:.4px}.health-track{height:8px;margin-top:6px;padding:1px}.health-numbers{font-size:4px;letter-spacing:.6px}.stamina-track{margin-top:5px;height:2px}.vs{font-size:20px}.center-hud>span:nth-child(2){font-size:5px}#pauseBtn{width:20px;height:20px;font-size:8px;margin-top:4px}.combat-hint{font-size:6px;letter-spacing:0;bottom:7%;padding:7px 10px;white-space:normal;width:max-content;max-width:85%}.hint-icon{width:11px;height:11px;flex-shrink:0;font-size:7px}.cinema-top{font-size:5px;letter-spacing:1.2px}.cinema-bottom{min-height:28%;padding:4% 5%}.cinema-bottom p{font-size:18px;line-height:1.15;margin:8px 0 10px}.scene-label{font-size:5px;letter-spacing:1px}.cinema-note{font-size:4px;margin-top:6px;letter-spacing:1px}.dream-caption{max-width:75%;top:18%}.dream-caption h2{font-size:29px;margin:9px 0}.dream-caption p{font-size:8px;line-height:1.7}.results{bottom:7%}.result-stats{gap:22px;padding-bottom:9px;margin-bottom:10px}.result-stats>span{font-size:5px;letter-spacing:.6px}.result-stats strong{font-size:19px;margin-top:4px}.result-actions{gap:6px}.result-actions .primary-btn{min-height:34px;font-size:6px;padding:0 11px;gap:15px}.result-actions .primary-btn>span{font-size:16px}.secondary-btn{font-size:6px;padding:0 9px;min-height:34px}.dialog h2{font-size:37px}.dialog p{font-size:8px;margin-bottom:17px}.dialog .primary-btn{min-height:39px;font-size:8px}.modal{padding:13px}.collection-panel,.help-panel{padding:22px 18px}.modal-heading h2{font-size:28px}.modal-lead{font-size:9px;margin-bottom:18px}.skin-grid{gap:7px}.skin-card{padding:8px}.skin-card small{font-size:4px;letter-spacing:.7px}.skin-card strong{font-size:16px;margin:5px 0 9px}.skin-state{font-size:5px;letter-spacing:.6px;padding-top:7px}.crate-box{flex-wrap:wrap;gap:12px;padding:16px 0}.crate-icon{width:38px;height:42px;font-size:28px}.crate-box>div:nth-child(2){flex:1}.crate-box h3{font-size:18px}.crate-box p{font-size:7px}.crate-box .primary-btn{width:100%;min-height:40px}.collection-message{font-size:8px}.help-grid{gap:4px 12px;margin:15px 0}.help-grid p{font-size:8px}.help-explain{font-size:9px;line-height:1.8}.help-panel .primary-btn{font-size:8px;min-height:40px}}
.touch-controls:not(.enabled){display:none}
@media(pointer:coarse){.touch-controls.enabled{display:flex}}
@media(max-width:650px){.menu-screen{padding:7% 6%}.menu-screen h1{font-size:8.7vw;margin:14px 0 10px}.menu-screen p{line-height:1.5;margin-bottom:12px}.hero-edition{display:none}.intro-note{font-size:5px;margin-top:8px}.game-frame.fighting{aspect-ratio:16/9}.game-frame.fighting #arena{object-fit:fill}.game-frame.fighting .stage-meta{bottom:2.5%}.touch-controls button.pressed{background:#718641;color:#fff;transform:translateY(2px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Museum vault: earned crates, a real reel, and a growing exhibit collection. */
.collection-panel{width:960px;max-height:90vh;overflow-y:auto;scrollbar-color:#697c42 #141d11}
.collection-panel .modal-lead{margin-bottom:18px}.collection-panel .crate-box{margin:0;padding:20px;background:linear-gradient(115deg,#2b361e,#1d2718 70%);border:1px solid #53663b;gap:23px}.crate-art{width:150px;flex-shrink:0;filter:drop-shadow(0 0 17px #cfe47424)}.crate-art canvas{width:100%;height:auto;display:block}.crate-art svg{width:100%;display:block}.crate-copy{flex:1}.crate-copy h3{font-size:27px;max-width:320px;line-height:1.05;margin:9px 0}.crate-copy p{font-size:9px;color:#b1bda2}.free-crate-badge{display:inline-block;margin-top:12px;padding:5px 7px;border:1px solid #d5ed7155;color:var(--lime);font-size:6px;letter-spacing:1px}.free-crate-badge:empty{display:none}.collection-panel .crate-box .primary-btn{min-width:190px;gap:20px}.crate-odds{font-size:8px;color:#a9b498;letter-spacing:.5px;line-height:1.8;margin:13px 0 0}.collection-section{display:flex;justify-content:space-between;padding:24px 0 13px;border-bottom:1px solid #36472b;margin-bottom:15px;font-size:8px;color:#b5c39f;letter-spacing:1.3px}.collection-section>span:last-child{color:var(--lime)}.collection-panel .skin-grid{grid-template-columns:repeat(4,1fr);gap:12px}.skin-card{--rarity:#a6ba7b;overflow:hidden;transition:border-color .2s,background .2s}.skin-card:hover{border-color:var(--rarity);background:#202c18}.skin-card[data-rarity=rare],.loot-card[data-rarity=rare]{--rarity:#90cce8}.skin-card[data-rarity=epic],.loot-card[data-rarity=epic]{--rarity:#c4a1f0}.skin-card[data-rarity=legendary],.loot-card[data-rarity=legendary]{--rarity:#f0ca72}.skin-card:before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:var(--rarity);opacity:.65}.skin-card.selected{border-color:var(--lime)}.skin-card small{color:var(--rarity);font-size:6px;letter-spacing:.7px;line-height:1.6}.skin-card strong{font-size:23px;min-height:51px}.skin-card.locked{filter:none}.skin-card.locked canvas{opacity:.45;filter:saturate(.55)}.skin-card.locked .skin-state{color:#8e9e80}.collection-footnote{font-size:8px;line-height:1.8;color:#82916f;margin:20px 0 0}.loot-panel{--rarity:var(--lime);position:relative;background:radial-gradient(ellipse at 50% 60%,#2a3822,#141c12 75%);border:1px solid #6d8051;box-shadow:0 15px 100px #000b;padding:32px;width:800px;max-width:100%;max-height:94vh;overflow:auto}.loot-panel .modal-heading h2{font-size:43px}.loot-panel .modal-lead{font-size:10px;margin:14px 0 25px}.loot-panel .icon-btn:disabled{opacity:.2}.loot-window{position:relative;height:256px;overflow:hidden;border-top:1px solid #4c5c3e;border-bottom:1px solid #4c5c3e;margin:25px -32px 0;padding:18px 0;background:#081108}.loot-window:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c150a 0%,transparent 19%,transparent 81%,#0c150a 100%);pointer-events:none}.loot-reel{display:flex;gap:12px;width:max-content;position:relative;will-change:transform}.loot-card{--rarity:#90cce8;position:relative;flex:0 0 168px;width:168px;height:217px;padding:10px;background:linear-gradient(#1b2b1a,#111d12);border:1px solid #526244;border-bottom:3px solid var(--rarity);color:#e8eddf;text-align:center}.loot-card canvas{width:100%;height:153px;display:block}.loot-card small{font-size:6px;letter-spacing:1px;color:var(--rarity);display:block;margin:2px 0 6px}.loot-card strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:19px;line-height:1;display:block}.loot-selector{position:absolute;z-index:3;left:50%;top:0;bottom:0;width:2px;transform:translateX(-1px);background:linear-gradient(var(--lime),transparent 17%,transparent 83%,var(--lime));box-shadow:0 0 24px #d5ed7155;pointer-events:none}.loot-selector span{position:absolute;left:-6px;width:14px;height:10px;background:var(--lime);clip-path:polygon(0 0,100% 0,50% 100%)}.loot-selector span:first-child{top:0}.loot-selector span:last-child{bottom:0;transform:rotate(180deg)}.loot-center-glow{position:absolute;left:50%;top:0;bottom:0;transform:translateX(-50%);width:180px;border:1px solid #d5ed7120;background:#d5ed7105;z-index:2;pointer-events:none}.loot-footer{color:#768768;font-size:7px;letter-spacing:1.5px;text-align:center;margin:26px 0 0}.loot-footer>span{margin:0 12px;color:#d5ed71}.loot-reward{position:relative;text-align:center;padding:0 0 23px}.loot-reward canvas{position:relative;display:block;width:250px;height:250px;margin:0 auto}.reward-aura{position:absolute;left:50%;top:0;transform:translateX(-50%);width:300px;height:300px;background:radial-gradient(ellipse,#d5ed7117,transparent 68%);border-radius:50%;pointer-events:none}.reward-rarity{display:inline-block;color:var(--rarity);border:1px solid currentColor;padding:5px 11px;letter-spacing:2px;font-size:7px}.loot-reward h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:45px;color:var(--cream);margin:13px 0 6px;line-height:1}.loot-reward p{font-size:8px;color:#a8b697;letter-spacing:1.5px;margin:0}.loot-actions{display:flex;justify-content:center;gap:12px}.loot-actions .primary-btn{min-width:205px}.loot-panel.is-revealed{border-color:var(--rarity)}.loot-panel.is-revealed .loot-reward{animation:reward-appear .5s ease-out}.loot-panel.is-revealed .eyebrow{color:var(--rarity)}.loot-panel.is-revealed .reward-aura{background:radial-gradient(ellipse,color-mix(in srgb,var(--rarity) 23%,transparent),transparent 70%)}@keyframes reward-appear{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:700px){.collection-panel{padding:24px 18px}.collection-panel .skin-grid{grid-template-columns:repeat(3,1fr);gap:9px}.collection-panel .crate-box{padding:15px;gap:15px;flex-wrap:wrap}.crate-art{width:68px}.crate-copy{min-width:150px}.crate-copy h3{font-size:22px}.collection-panel .crate-box .primary-btn{min-width:100%;min-height:43px}.free-crate-badge{font-size:5px;margin-top:9px}.crate-odds{font-size:7px}.collection-panel .skin-card{padding:10px}.collection-panel .skin-card strong{font-size:20px;min-height:43px}.collection-panel .skin-card small{font-size:5px}.loot-panel{padding:25px}.loot-panel .modal-heading h2{font-size:32px}.loot-window{margin-left:-25px;margin-right:-25px}.loot-panel .modal-lead{font-size:9px}.loot-reward canvas{width:230px;height:230px}.loot-reward h3{font-size:35px}}
@media(max-width:450px){.collection-panel .skin-grid{grid-template-columns:repeat(2,1fr);gap:10px}.collection-panel{max-height:92vh}.collection-panel .modal-heading h2{font-size:30px}.collection-panel .skin-card strong{font-size:22px;min-height:46px}.collection-panel .skin-card small{font-size:5px;letter-spacing:.6px}.collection-panel .skin-card canvas{max-height:170px}.collection-section{font-size:7px}.collection-message{font-size:9px}.loot-panel{padding:22px 18px}.loot-panel .modal-heading h2{font-size:29px}.loot-panel .eyebrow{font-size:5px;letter-spacing:1px}.loot-window{margin-left:-18px;margin-right:-18px;height:246px}.loot-card{flex-basis:150px;width:150px;height:210px}.loot-card canvas{height:145px}.loot-card strong{font-size:18px}.loot-actions{flex-direction:column;gap:9px}.loot-actions .primary-btn,.loot-actions .secondary-btn{min-height:43px;font-size:8px}.loot-reward canvas{width:220px;height:220px}.loot-reward h3{font-size:31px}.loot-footer{font-size:5px;letter-spacing:1px}.loot-footer>span{margin:0 8px}}
@media(prefers-reduced-motion:reduce){.loot-reel{transition:none!important}.loot-panel.is-revealed .loot-reward{animation:none}}
.game-frame.fighting @media(max-width:650px){}
/* Exhibit abilities: one chosen specialization per duel. */
.collection-panel .skin-card .skin-perk{display:block;padding:11px 0;margin:0 0 10px;border-top:1px solid #61734a50;border-bottom:1px solid #61734a50;text-align:left;min-height:72px;color:#bbc9a6}.collection-panel .skin-card .skin-perk strong{display:block;font-family:Manrope,Arial,sans-serif;font-size:8px;line-height:1.5;min-height:0;margin:0 0 5px;color:var(--rarity);letter-spacing:.15px}.collection-panel .skin-card .skin-perk>span{font-size:8px;line-height:1.65;display:block;color:#aeba9c;min-height:26px}.skin-card.locked .skin-perk{opacity:.85}.loadout-perk{padding:14px 0;border-bottom:1px solid var(--line);color:#b6c895;font-size:10px;line-height:1.8;letter-spacing:.1px}.loadout-perk:empty{display:none}.loadout-perk:before{content:'✦';color:var(--lime);margin-right:9px}.active-perk{display:flex;flex-wrap:wrap;gap:4px 7px;margin-top:8px;font-size:7px;letter-spacing:.2px;color:#c2d6a3;line-height:1.4}.active-perk strong{font-size:7px;font-weight:800;color:var(--lime)}.active-perk>span{color:#bac9a7}.loot-perk{max-width:390px;margin:17px auto 0;padding:13px 17px;border:1px solid color-mix(in srgb,var(--rarity) 45%,transparent);background:#0a140a77;color:#dbe7cc;font-size:11px;line-height:1.8;text-align:center}.loot-perk:empty{display:none}.loot-perk strong{display:block;color:var(--rarity);font-size:10px}.loot-reward:has(.loot-perk:not(:empty)){padding-bottom:19px}.loot-reward:has(.loot-perk:not(:empty)) canvas{width:210px;height:210px}.loot-panel.is-revealed .modal-lead{margin-bottom:12px}.loot-panel.is-revealed .loot-reward h3{font-size:36px}
@media(max-width:700px){.collection-panel .skin-card .skin-perk{padding:9px 0;min-height:70px}.collection-panel .skin-card .skin-perk strong{font-size:7px}.collection-panel .skin-card .skin-perk>span{font-size:7px;line-height:1.7}.loadout-perk{font-size:8px}.loot-perk{font-size:10px;max-width:95%;padding:10px 13px}.loot-panel.is-revealed .loot-reward h3{font-size:31px}}
@media(max-width:650px){.active-perk{margin-top:5px;font-size:5px;gap:0}.active-perk strong{font-size:5px;letter-spacing:.2px}.active-perk>span{display:none}.loadout-perk{font-size:8px;padding:11px 0}.loot-reward:has(.loot-perk:not(:empty)) canvas{width:190px;height:190px}.loot-perk strong{font-size:9px}.collection-panel .skin-card .skin-perk strong{font-size:8px}.collection-panel .skin-card .skin-perk>span{font-size:8px;min-height:28px}.collection-panel .skin-card .skin-perk{min-height:78px}}
@media(min-width:701px){.collection-panel .skin-card .skin-perk strong{font-size:9px}.collection-panel .skin-card .skin-perk>span{font-size:9px}}
/* A searchable wardrobe for the fifty new knight designs. */
.wardrobe-toolbar{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:12px;margin:20px 0 12px}.wardrobe-toolbar label{display:flex;flex-direction:column;gap:7px;min-width:0}.wardrobe-toolbar label>span{font-size:7px;letter-spacing:1.1px;color:#9fb385;font-weight:700}.wardrobe-toolbar input,.wardrobe-toolbar select{font:10px Manrope,Arial,sans-serif;min-width:0;width:100%;height:42px;padding:0 12px;border:1px solid #4e613b;border-radius:0;background:#101b0e;color:#dce7cc;color-scheme:dark}.wardrobe-toolbar input::placeholder{color:#7f9170}.wardrobe-toolbar input:focus,.wardrobe-toolbar select:focus{outline:1px solid var(--lime);outline-offset:1px}.wardrobe-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:10px 0 12px}.wardrobe-meta>span{color:#8c9f7c;font-size:8px;letter-spacing:.3px;text-align:right}.new-skins-toggle{border:1px solid #617e42;background:#1d2e16;color:#c0d39d;padding:9px 13px;font-size:8px;font-weight:700;letter-spacing:1px;white-space:nowrap}.new-skins-toggle[aria-pressed=true]{background:var(--lime);color:#192510;border-color:var(--lime)}.equipped-skin{font-size:8px;color:#b5c99b;padding:10px 12px;background:#223119;border-left:2px solid #9fbf6b;margin:0 0 18px;line-height:1.7}.skin-number{position:absolute;top:10px;left:10px;padding:4px 5px;background:#0b150dce;border:1px solid #a7bd7a44;color:#b5c89d;font-size:6px;letter-spacing:1px;z-index:1}.skin-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 5px;padding-top:18px;border-top:1px solid #415431}.skin-pagination button{background:#1d2d15;border:1px solid #61794a;color:#d2e1bb;padding:12px 15px;font-size:8px;letter-spacing:.8px;min-height:40px}.skin-pagination button:hover:not(:disabled){border-color:var(--lime);background:#2c4320}.skin-pagination>span{font-size:9px;color:#b6c99d;white-space:nowrap}.skin-pagination button:disabled{opacity:.25}.skin-empty{text-align:center;border:1px dashed #536b3b;padding:40px 20px;color:#b4c5a2}.skin-empty strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:29px;color:#e1e8d7}.skin-empty p{font-size:10px;line-height:1.8;margin:13px 0 24px}.skin-empty .secondary-btn{font-size:8px;min-height:40px}.skin-card[data-rarity=common],.loot-card[data-rarity=common]{--rarity:#c7cfc2}.collection-panel .skin-card>strong{overflow-wrap:anywhere}.collection-panel .skin-card .skin-perk{min-height:86px}.collection-panel .skin-card>small{min-height:22px;display:block;line-height:1.8}.collection-panel .skin-card canvas{object-fit:contain}.collection-panel .collection-section{margin-bottom:10px}.collection-panel .skin-grid{align-items:stretch}
@media(max-width:700px){.wardrobe-toolbar{grid-template-columns:1fr 1fr;gap:11px}.wardrobe-toolbar .skin-search-label{grid-column:1/-1}.wardrobe-toolbar input,.wardrobe-toolbar select{height:40px;font-size:9px}.wardrobe-meta>span{font-size:7px}.equipped-skin{font-size:7px}.skin-pagination button{font-size:7px;padding:10px 12px}.skin-pagination>span{font-size:8px}.collection-panel .skin-card>strong{font-size:21px;min-height:46px}}
@media(max-width:450px){.wardrobe-toolbar{margin-top:17px;gap:10px}.wardrobe-toolbar label>span{font-size:6px}.wardrobe-toolbar input,.wardrobe-toolbar select{font-size:9px;padding:0 9px}.wardrobe-meta{gap:10px}.new-skins-toggle{padding:8px 10px;font-size:7px}.wardrobe-meta>span{font-size:6px;max-width:140px;line-height:1.6}.skin-number{font-size:5px;left:7px;top:7px}.skin-pagination{gap:6px}.skin-pagination button{padding:10px 8px;font-size:6px}.skin-pagination>span{font-size:7px}.skin-empty{padding:28px 14px}.skin-empty strong{font-size:25px}.skin-empty p{font-size:8px}.collection-panel .skin-card>small{font-size:5px;min-height:20px}.collection-panel .skin-card .skin-perk{min-height:93px}.collection-panel .skin-card>strong{font-size:20px;min-height:44px}}
.collection-panel .skin-card.locked canvas{opacity:.82;filter:saturate(.95)}
/* The night shop uses earned tokens today; PLN prices preview the future catalogue. */
.shop-panel{width:min(1060px,100%);max-height:92vh;overflow:auto;padding:30px;background:#171e15;border:1px solid #4b543d;box-shadow:0 30px 100px #0009}.shop-panel .modal-heading{position:sticky;top:-30px;z-index:2;background:#171e15;padding:12px 0 16px}.shop-panel h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:42px;font-weight:800;line-height:1;margin:10px 0 0}.shop-intro{display:flex;justify-content:space-between;align-items:center;gap:20px}.shop-intro .modal-lead{margin:0 0 20px;line-height:1.8}.shop-wallet{text-align:right;white-space:nowrap}.shop-wallet>span,.shop-total>span{display:block;font-size:8px;font-weight:800;letter-spacing:1.5px;color:#a7af9c}.shop-wallet strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:29px;color:var(--lime);margin-top:4px}.shop-notice{display:flex;gap:12px;align-items:center;background:#d5ed7109;border:1px solid #d5ed712a;padding:13px 16px;margin:0 0 22px;color:#b7c0ab;font-size:10px;line-height:1.7}.shop-notice>span:first-child{color:var(--lime);font-size:22px}.shop-notice strong{color:var(--lime);font-size:8px;letter-spacing:1px;margin-right:6px}.shop-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.shop-product{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:radial-gradient(ellipse at 50% 24%,color-mix(in srgb,var(--crate-color) 9%,transparent),transparent 60%),#11190f;border:1px solid #35402d;padding:18px 20px;color:var(--cream);transition:border-color .2s,background .2s;min-width:0}.shop-product:hover{border-color:var(--crate-color)}.shop-product.is-selected{border-color:var(--crate-color);box-shadow:inset 0 0 0 1px var(--crate-color)}.shop-product-head{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.shop-product-number{font-size:10px;font-weight:800;color:var(--crate-color)}.shop-product-tag{font-size:7px;letter-spacing:1px;color:#9da692;text-transform:uppercase}.shop-product-art{display:block;align-self:center;width:142px;height:120px;color:var(--crate-color);margin:12px 0 8px}.shop-product-art svg{width:100%;height:100%}.shop-product h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;line-height:1.1;font-weight:700;margin:5px 0 8px}.shop-product-guarantee{font-size:10px;line-height:1.6;color:#b9c1af;min-height:32px;margin:0 0 18px}.shop-product-price{display:flex;flex-direction:column;margin-top:auto}.shop-product-price strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:37px;line-height:1.05;letter-spacing:-.4px}.shop-product-planned{font-size:6px;letter-spacing:1.3px;color:#929e85;margin-top:5px}.shop-product-tokens{font-size:9px;font-weight:800;color:var(--crate-color);margin-top:14px}.shop-inspect{border-top:1px solid #34402b;width:100%;padding-top:15px;margin-top:17px;font-size:8px;font-weight:800;letter-spacing:.7px;color:#b5beaa}.is-selected .shop-inspect{color:var(--crate-color)}.shop-product-state{font-size:6px;letter-spacing:1px;margin-top:9px;color:var(--crate-color)}.shop-summary{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;margin-top:22px;padding:23px;background:#10180e;border:1px solid #35412b;border-left:3px solid var(--crate-color,var(--lime))}.shop-summary h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:27px;margin:9px 0}.shop-summary p{font-size:10px;line-height:1.8;color:#aab59f}.shop-odds{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.shop-odd{border:1px solid #35412b;background:#1a2415;color:#cbd5bd;font-size:8px;padding:5px 7px}.shop-summary .shop-odds-note{font-size:8px;line-height:1.7;margin-bottom:0;color:#8d9a81}.shop-checkout{border-left:1px solid #303d27;padding-left:28px;display:flex;flex-direction:column;gap:10px}.shop-total{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:2px}.shop-total strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:29px;white-space:nowrap}.shop-checkout .primary-btn,.shop-checkout .secondary-btn{width:100%;justify-content:center;min-height:43px;font-size:9px;padding:10px}.shop-checkout .primary-btn:disabled{background:#30382a;color:#9ca690;opacity:1}.shop-summary .shop-payment-note{font-size:8px;line-height:1.6;margin:-3px 0 3px;color:#8e9a82}.shop-summary .shop-token-hint{font-size:9px;margin:0}.crate-type-label{display:block;font-size:7px;font-weight:800;letter-spacing:1.2px;color:#a6b391;margin-bottom:7px}#crateType{display:block;width:min(320px,100%);min-height:33px;border:1px solid #536044;border-radius:0;background:#111a0e;color:#e6ebda;font:10px Manrope,Arial;padding:5px 26px 5px 10px;margin-bottom:12px}#crateType:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.store-link{background:none;border:0;padding:2px 0 11px;color:var(--lime);font-size:8px;font-weight:800;letter-spacing:.6px;text-decoration:underline;text-underline-offset:4px}.nav-tab[aria-disabled=true]{opacity:.45}
@media(max-width:800px){nav{gap:18px}.topbar{gap:18px}.shop-panel{padding:22px}.shop-panel .modal-heading{top:-22px}.shop-product{padding:14px}.shop-product h3{font-size:24px}.shop-product-art{width:120px;height:105px}.shop-summary{gap:20px;padding:20px}.shop-checkout{padding-left:18px}.shop-total{flex-wrap:wrap}}
@media(max-width:600px){.topbar{gap:10px}.topbar nav{gap:12px}.topbar .nav-tab>span{font-size:8px;letter-spacing:.5px;margin-left:3px}.topbar .top-actions{gap:7px}.shop-panel{padding:18px;max-height:94dvh}.shop-panel .modal-heading{top:-18px}.shop-panel h2{font-size:34px}.shop-intro{align-items:flex-start;gap:12px}.shop-intro .modal-lead{font-size:10px}.shop-wallet>span{font-size:6px}.shop-wallet strong{font-size:24px}.shop-notice{font-size:9px;padding:11px}.shop-offers{grid-template-columns:1fr;gap:12px}.shop-product{padding:16px 18px;display:grid;grid-template-columns:1fr 100px;column-gap:12px}.shop-product-head{grid-column:1/-1}.shop-product-art{grid-column:2;grid-row:2/6;width:100px;height:106px;align-self:center;margin:4px 0}.shop-product h3{font-size:27px;margin-top:14px}.shop-product-guarantee{min-height:0;margin-bottom:13px;font-size:9px}.shop-product-price strong{font-size:32px}.shop-product-tokens{margin-top:10px}.shop-inspect,.shop-product-state{grid-column:1/-1}.shop-summary{grid-template-columns:1fr;gap:18px;padding:17px;margin-top:16px}.shop-checkout{padding:17px 0 0;border-left:0;border-top:1px solid #303d27}.shop-total{flex-wrap:nowrap}.shop-panel .close-modal{flex-shrink:0}.crate-box .crate-copy{min-width:0}#crateType{font-size:9px}.store-link{font-size:7px}}

.brand-area{position:relative;flex-shrink:0}.shop-offers{padding-top:20px}.shop-product.is-best-offer{border-color:var(--lime)}.shop-best-offer{position:absolute;left:-1px;right:-1px;top:-21px;height:21px;display:flex;align-items:center;justify-content:center;background:var(--lime);color:#18200f;font-size:8px;font-weight:800;letter-spacing:1.5px}.shop-product.is-best-offer.is-selected{box-shadow:inset 0 0 0 1px var(--crate-color)}@media(max-width:600px){.shop-offers{row-gap:32px;padding-top:0}.shop-best-offer{font-size:7px;letter-spacing:1px}}

/* A sealed exhibit: anticipation, a long deceleration, then a single reveal. */
.loot-panel.is-rolling{border-color:#899c60;box-shadow:0 20px 100px #000c,0 0 60px #d5ed710b}.loot-suspense{padding-top:23px}.loot-stage{display:flex;justify-content:space-between;align-items:center;gap:12px}.loot-stage>span:first-child{color:var(--lime);font-size:9px;font-weight:800;letter-spacing:2px}.loot-stage-dots{display:flex;gap:7px}.loot-stage-dots i{width:5px;height:5px;border:1px solid #708345;transform:rotate(45deg)}.loot-progress{height:2px;background:#33412b;margin-top:13px;overflow:hidden}.loot-progress>div{width:0;height:100%;background:linear-gradient(90deg,#617d3d,var(--lime));box-shadow:0 0 12px #d5ed7160}.loot-suspense p{font-size:9px;line-height:1.8;color:#91a27f;margin:10px 0 0}.loot-seal{display:none;position:absolute;inset:0;z-index:4;background:#0b150be8;align-items:center;justify-content:center;flex-direction:column;gap:17px;pointer-events:none}.seal-ring{display:grid;place-items:center;width:92px;height:92px;border:1px solid #b5ca73;color:var(--lime);font-family:Georgia,serif;font-size:45px;transform:rotate(-8deg);box-shadow:0 0 50px #d5ed711b,inset 0 0 35px #d5ed710e}.loot-seal small{font-size:7px;color:#a9b68d;letter-spacing:2px}.loot-panel[data-loot-phase=seal] .loot-seal{display:flex;animation:seal-awaken .9s ease-out both}.loot-panel[data-loot-phase=seal] .loot-reel{opacity:.25}.loot-panel[data-loot-phase=rush] .loot-stage-dots i:first-child,.loot-panel[data-loot-phase=slow] .loot-stage-dots i:nth-child(-n+2),.loot-panel[data-loot-phase=hold] .loot-stage-dots i{background:var(--lime);border-color:var(--lime)}.loot-panel[data-loot-phase=rush] .loot-window{box-shadow:inset 0 0 65px #d5ed7108}.loot-panel[data-loot-phase=slow] .loot-center-glow{border-color:#d5ed7155;background:#d5ed710a;box-shadow:0 0 50px #d5ed7110;transition:background 1.2s,box-shadow 1.2s,border-color 1.2s}.loot-panel[data-loot-phase=hold] .loot-center-glow{background:#d5ed7115;border-color:#d5ed7180;box-shadow:0 0 60px #d5ed7118}.loot-panel[data-loot-phase=hold] .loot-card{opacity:.3;transition:opacity .4s,filter .4s}.loot-panel[data-loot-phase=hold] .loot-card.is-winning{opacity:1;border-color:var(--rarity);filter:drop-shadow(0 0 12px color-mix(in srgb,var(--rarity) 25%,transparent))}.loot-panel.is-revealed .loot-reward{animation:exhibit-reveal .8s cubic-bezier(.18,.8,.25,1) both}.loot-panel.is-revealed .reward-aura{width:420px;height:420px;top:-55px;animation:exhibit-light 1.2s ease-out both}.loot-panel.is-revealed .reward-rarity{animation:exhibit-caption .6s .12s both}.loot-panel.is-revealed .loot-reward h3{color:var(--rarity);animation:exhibit-caption .6s .2s both}.loot-panel.is-revealed .loot-perk{animation:exhibit-caption .6s .3s both}.loot-panel.is-revealed .loot-actions{animation:exhibit-caption .6s .35s both}@keyframes seal-awaken{from{opacity:.35}to{opacity:1}}@keyframes exhibit-reveal{from{opacity:0;transform:translateY(16px) scale(.93)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes exhibit-light{from{opacity:0;transform:translateX(-50%) scale(.7)}to{opacity:1;transform:translateX(-50%) scale(1)}}@keyframes exhibit-caption{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:450px){.loot-stage>span:first-child{font-size:7px;letter-spacing:1.1px}.loot-suspense{padding-top:18px}.loot-suspense p{font-size:8px}.loot-seal small{font-size:5px;letter-spacing:1.3px}.loot-panel.is-revealed .reward-aura{width:280px;height:280px;top:-15px}}@media(prefers-reduced-motion:reduce){.loot-panel .loot-reward,.loot-panel .loot-reward *,.loot-panel .loot-actions,.loot-panel .loot-seal{animation:none!important;transition:none!important}.loot-progress>div{box-shadow:none}}

.skin-grid>.skin-card:only-child{grid-column:1/-1;width:min(100%,340px);justify-self:center}.skin-grid>.skin-card:only-child canvas{max-height:none}.skin-grid>.skin-card:only-child strong{min-height:0}

/* Themed archives and the actual odds of every remaining exhibit. */
.wardrobe-toolbar{grid-template-columns:1.4fr 1.1fr 1fr 1fr}.skin-category{display:block;color:#a8b991;font-size:7px;line-height:1.6;margin:-3px 0 10px;letter-spacing:.4px}.crate-category{display:block;font-size:8px;letter-spacing:.5px;margin:5px 0 8px}.drop-contents{border:1px solid #3b4a31;background:#10180ec0;margin:13px 0 10px;padding:0 13px}.drop-contents>summary{cursor:pointer;padding:12px 0;color:#c9d9b0;font-size:8px;font-weight:800;letter-spacing:.7px;line-height:1.6}.drop-contents>summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.drop-contents>p{font-size:9px;line-height:1.8;color:#8fa37c;margin:0 0 12px}.drop-list{max-height:290px;overflow:auto;scrollbar-color:#657d43 #111b0d;margin:0 0 10px}.drop-row{display:grid;grid-template-columns:minmax(0,1fr) 68px 55px;gap:10px;align-items:center;padding:10px 2px;border-top:1px solid #2d3c24;font-size:10px;color:#d2ddc5;line-height:1.5}.drop-row>span{overflow-wrap:anywhere}.drop-row>small{font-size:6px;letter-spacing:.5px;color:#9cb285;text-align:right}.drop-row>strong{font-size:10px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--lime);text-align:right}.drop-list>p{font-size:9px;color:#91a47d;line-height:1.8}.shop-browse{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.shop-filters{display:flex;gap:7px;flex-wrap:wrap}.shop-filters button{border:1px solid #485a36;background:#111b0f;color:#9faf8d;font-size:8px;font-weight:800;letter-spacing:.6px;min-height:34px;padding:8px 12px}.shop-filters button[aria-pressed=true]{border-color:var(--lime);background:#d5ed7112;color:var(--lime)}#shopOffersCount{font-size:8px;color:#8da078;white-space:nowrap}.shop-product h3{min-height:60px}.shop-product-art{position:relative}.shop-product-emblem{display:grid;place-items:center;position:absolute;left:50%;top:57%;transform:translate(-50%,-50%);width:35px;height:35px;border:1px solid currentColor;border-radius:50%;background:#14200f;color:var(--crate-color);box-shadow:0 0 16px #0008}.shop-product-emblem svg{width:23px;height:23px}.shop-product-progress{display:block;font-size:7px;line-height:1.7;color:#8fa47a;margin-top:9px;min-height:12px}.shop-family-label{display:inline-block;font-size:8px;color:var(--crate-color,var(--lime));line-height:1.6;margin:0 0 6px}.shop-summary .drop-contents{margin-top:15px;padding:0 10px}.shop-summary .drop-list{max-height:265px}.shop-summary .drop-row{grid-template-columns:minmax(0,1fr) 59px 46px;gap:7px;font-size:9px}.shop-summary .drop-row>strong{font-size:9px}.shop-summary .drop-row>small{font-size:5px}.shop-summary .drop-contents>summary{font-size:7px}.shop-summary .drop-contents>p{font-size:8px}.shop-summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px}@media(max-width:800px){.wardrobe-toolbar{grid-template-columns:1fr 1fr}.wardrobe-toolbar .skin-search-label{grid-column:auto}.shop-product h3{min-height:53px}}@media(max-width:600px){.wardrobe-toolbar{grid-template-columns:1fr 1fr}.wardrobe-toolbar .skin-search-label{grid-column:1/-1}.wardrobe-toolbar label:last-child{grid-column:1/-1}.shop-browse{align-items:flex-start;flex-direction:column;gap:8px}.shop-filters button{font-size:7px;padding:8px 10px}.shop-product h3{min-height:0}.shop-product-progress{grid-column:1/-1;margin-top:5px}.shop-product-emblem{width:28px;height:28px}.shop-product-emblem svg{width:19px;height:19px}.drop-row{grid-template-columns:minmax(0,1fr) 55px 48px;gap:6px;font-size:9px}.drop-row>small{font-size:5px}.drop-row>strong{font-size:9px}.drop-contents>summary{font-size:7px}.skin-category{font-size:6px}.shop-summary .drop-row{font-size:8px}.shop-offers{row-gap:32px}}

.drop-list{list-style:none;padding:0}.drop-row>small{color:var(--rarity,#9cb285)}@media(max-width:600px){.shop-product-price{grid-column:1;grid-row:4}.shop-product-tokens{grid-column:1;grid-row:5}.shop-product-progress{grid-column:1/-1;grid-row:6}.shop-inspect{grid-row:7}.shop-product-state{grid-row:8}}

/* Faza 1: poziomy, karta sali i przeskok w czasie */
.hero-level{font-size:9px;letter-spacing:3px;color:var(--lime);margin:-6px 0 12px;font-weight:700}
.level-strip{display:flex;gap:5px;margin-top:14px;flex-wrap:nowrap;max-width:620px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.menu-screen .hero-edition{position:static;margin-top:10px}
.level-pip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 8px;min-width:78px;flex:0 0 auto;background:#0f140f;border:1px solid var(--line);color:var(--muted);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}
.level-pip span{font-size:8px;letter-spacing:2px;color:var(--muted)}.level-pip strong{font-size:10px;letter-spacing:1px;color:var(--cream)}.level-pip small{font-size:7px;letter-spacing:1.5px}
.level-pip.cleared{border-color:#4f6b2c}.level-pip.cleared small{color:#9ccf5a}.level-pip.chosen{border-color:var(--lime);background:#1a2213}.level-pip.chosen span{color:var(--lime)}
.level-pip.locked{opacity:.45;cursor:not-allowed}.level-pip:not(:disabled):hover{border-color:var(--gold)}
.card-foe{display:flex;flex-direction:column;gap:3px;margin:10px 0 14px}.card-foe span{font-size:7px;letter-spacing:3px;color:var(--muted)}.card-foe strong{font-size:16px;letter-spacing:2px;color:var(--gold)}
.timejump .jump-center{position:absolute;left:0;right:0;top:34%;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.timejump .jump-center strong{font-size:68px;letter-spacing:4px;color:var(--cream);font-variant-numeric:tabular-nums;text-shadow:0 0 40px #ffe7a6aa,0 4px 0 #000;transition:color .3s}
.timejump.arrived .jump-center strong{color:var(--lime)}.timejump .jump-to{color:var(--gold)}
@media(max-width:1000px){.timejump .jump-center strong{font-size:36px}.level-strip{gap:4px}.level-pip{min-width:70px;padding:5px 7px}}
@media(max-width:650px){.level-strip{display:none}.timejump .jump-center{top:28%}}

/* Faza 2: rodzaje przedmiotów, sprzedaż, ulepszenia, naboje, bonus dzienny */
.kind-tabs{display:flex;gap:6px;margin:10px 0 12px}.kind-tab{background:#0f140f;border:1px solid var(--line);color:var(--muted);font:inherit;font-size:9px;letter-spacing:2px;font-weight:700;padding:8px 14px;cursor:pointer}
.kind-tab[aria-pressed="true"]{border-color:var(--lime);color:var(--lime);background:#1a2213}.kind-tab:hover{border-color:var(--gold)}
.skin-cell{display:flex;flex-direction:column;gap:4px;min-width:0}.skin-cell>.skin-card{width:100%}
.skin-actions{display:flex;gap:4px}.skin-action{flex:1;background:#121711;border:1px solid var(--line);color:var(--cream);font:inherit;font-size:7.5px;letter-spacing:1px;font-weight:700;padding:6px 4px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skin-action:hover:not(:disabled){border-color:var(--lime)}.skin-action.sell:hover:not(:disabled){border-color:#d9a0c6}.skin-action:disabled{opacity:.4;cursor:not-allowed}
.ammo-row{display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:4px}.ammo-row strong{color:#ffd98a}
.daily-line{font-size:8px;letter-spacing:2px;color:var(--gold);margin-top:8px;font-weight:700}

/* Faza 3: sala prywatna */
.hall-panel{width:min(1180px,96vw);max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--line);padding:28px 30px 34px;margin:3vh auto;box-shadow:0 30px 120px #000d}
.hall-top{display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap;margin:6px 0 14px}
.hall-name-label{display:flex;flex-direction:column;gap:6px;flex:1;min-width:220px}.hall-name-label span{font-size:7px;letter-spacing:3px;color:var(--muted)}
.hall-name-label input{background:#0f140f;border:1px solid var(--line);color:var(--cream);font:inherit;font-size:14px;letter-spacing:2px;text-transform:uppercase;padding:9px 12px}
.hall-name-label input:focus{outline:none;border-color:var(--lime)}
.hall-summary{display:flex;gap:18px;flex-wrap:wrap}.hall-summary span{display:flex;flex-direction:column;gap:2px;font-size:7px;letter-spacing:2px;color:var(--muted)}.hall-summary strong{font-size:18px;color:var(--gold);letter-spacing:1px}
.hall-stage{border:1px solid var(--line);background:#000;aspect-ratio:16/9;overflow:hidden}.hall-stage canvas{width:100%;height:100%;display:block}
.hall-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;margin:10px 0 18px}
.hall-slot{background:#0f140f;border:1px solid var(--line);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.hall-slot.filled{border-color:#4f6b2c}
.hall-slot span{font-size:7px;letter-spacing:2px;color:var(--muted)}.hall-slot strong{font-size:10px;letter-spacing:1px;color:var(--cream)}
.hall-slot select{background:#121711;border:1px solid var(--line);color:var(--cream);font:inherit;font-size:10px;padding:7px 8px}.hall-slot small{font-size:8px;color:var(--muted)}
.hall-trophies{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin:10px 0 14px}
.hall-trophy{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 10px;background:#0f140f;border:1px solid var(--line);text-align:center}.hall-trophy.locked{opacity:.45}
.hall-trophy canvas{width:90px;height:90px}.hall-trophy strong{font-size:9px;letter-spacing:1px;color:var(--cream)}.hall-trophy small{font-size:7px;letter-spacing:1.5px;color:var(--muted)}
@media(max-width:650px){.hall-panel{padding:18px 14px}.hall-summary strong{font-size:14px}}

/* Faza 4: konto, chmura, ranking */
.account-btn{display:flex;align-items:center;gap:7px;background:transparent;border:1px solid var(--line);color:var(--muted);font:inherit;font-size:8px;letter-spacing:2px;font-weight:700;padding:8px 11px;cursor:pointer;max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.account-btn:hover{border-color:var(--lime);color:var(--cream)}.account-dot{width:6px;height:6px;border-radius:50%;background:#5a5a4a;flex:0 0 auto}.account-btn.online .account-dot{background:var(--lime);box-shadow:0 0 8px var(--lime)}
.account-panel,.ranking-panel{width:min(620px,94vw);max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--line);padding:28px 30px 32px;margin:4vh auto;box-shadow:0 30px 120px #000d}
.account-modes{display:flex;gap:6px;margin:14px 0 12px}
.account-form{display:flex;flex-direction:column;gap:10px}.account-form label{display:flex;flex-direction:column;gap:5px}.account-form label span{font-size:7px;letter-spacing:3px;color:var(--muted)}
.account-form input{background:#0f140f;border:1px solid var(--line);color:var(--cream);font:inherit;font-size:14px;padding:10px 12px}.account-form input:focus{outline:none;border-color:var(--lime)}
.account-form .primary-btn{align-self:flex-start;margin-top:6px}
.account-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.account-msg{font-size:11px;color:var(--gold);min-height:16px;margin:12px 0 0}.account-msg.error{color:#ff9d8e}
.ranking-head,.rank-row{display:grid;grid-template-columns:34px 1fr 60px 70px 110px;gap:8px;align-items:center;font-size:10px}
.ranking-head{font-size:7px;letter-spacing:2px;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line)}
.rank-list{list-style:none;margin:0;padding:0}.rank-row{padding:9px 10px;border-bottom:1px solid #1e2419}.rank-row strong{color:var(--cream);letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row.me{background:#1a2213;border-color:#4f6b2c}.rank-row .rank-no{color:var(--muted)}
@media(max-width:650px){.ranking-head,.rank-row{grid-template-columns:26px 1fr 44px 54px 80px;font-size:9px}.account-btn #accountLabel{display:none}}

/* Faza 6: witryna skrzyń */
.crate-cards{display:flex;flex-direction:column;gap:6px;padding:8px 0 4px}
.crate-group-head{display:flex;justify-content:space-between;align-items:baseline;font-size:8px;letter-spacing:3px;color:var(--gold);padding:10px 2px 2px;border-bottom:1px solid #2a3324}.crate-group-head small{font-size:8px;color:var(--muted)}
.crate-row{display:flex;gap:10px;overflow-x:auto;padding:14px 2px 12px;scroll-snap-type:x proximity;scrollbar-width:thin}
.crate-card{position:relative;flex:0 0 150px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 10px 12px;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--crate-color) 16%,transparent),transparent 62%),#10160f;border:1px solid #35402d;color:var(--cream);font:inherit;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}
.crate-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--crate-color) 60%,#35402d)}
.crate-card.is-selected{border-color:var(--crate-color);box-shadow:0 0 0 1px var(--crate-color) inset,0 10px 30px color-mix(in srgb,var(--crate-color) 25%,transparent)}
.crate-card canvas{width:118px;height:98px;display:block}
.crate-card strong{font-size:9.5px;letter-spacing:1px;text-align:center;line-height:1.25;min-height:24px}
.crate-card small{font-size:7px;letter-spacing:2px;color:var(--muted)}.crate-card .crate-price{font-size:10px;font-weight:800;color:var(--crate-color);letter-spacing:1px}
.crate-card .crate-badge{position:absolute;top:-9px;left:50%;transform:translateX(-50%);padding:3px 8px;background:var(--lime);color:#18200f;font-size:7px;font-weight:800;letter-spacing:1.5px;white-space:nowrap}
.crate-card .crate-badge.gold{background:var(--gold)}.crate-card .crate-badge.done{background:#3a4a2c;color:#b9c9a8}
.crate-card.is-done{opacity:.55}
.shop-product-art canvas{width:100%;height:100%;display:block}
@media(max-width:650px){.crate-card{flex-basis:128px}.crate-card canvas{width:100px;height:84px}}

/* Tryb pikselowy */
.pixel-btn[aria-pressed="true"]{border-color:var(--lime);color:var(--lime)}
body.pixel canvas{image-rendering:pixelated;image-rendering:crisp-edges}
body.pixel .fighter-label strong,body.pixel .health-numbers,body.pixel .center-hud .vs,body.pixel #fightTime,body.pixel .menu-screen h1,body.pixel .hero-level,body.pixel .combat-hint,body.pixel .cinema-bottom .scene-label,body.pixel .cinema-bottom p,body.pixel .timejump .jump-center strong,body.pixel .result-stats strong,body.pixel .level-pip strong,body.pixel .primary-btn,body.pixel .secondary-btn,body.pixel .nav-tab,body.pixel .dream-caption h2,body.pixel .toast,body.pixel .modal-heading h2,body.pixel .crate-card strong,body.pixel .skin-card strong,body.pixel .shop-product h3{font-family:'Pixelify Sans',monospace;letter-spacing:.5px;font-weight:600}
body.pixel .menu-screen h1{font-size:76px;line-height:.98;font-weight:700}body.pixel .fighter-label strong{font-size:17px}body.pixel .health-numbers{font-size:11px}body.pixel #fightTime{font-size:16px}body.pixel .center-hud .vs{font-size:20px}body.pixel .hero-level{font-size:11px}body.pixel .combat-hint{font-size:13px}body.pixel .timejump .jump-center strong{font-size:64px}body.pixel .result-stats strong{font-size:22px}body.pixel .level-pip strong{font-size:11px}body.pixel .primary-btn,body.pixel .secondary-btn{font-size:12px}body.pixel .nav-tab{font-size:11px}body.pixel .cinema-bottom p{font-size:20px}body.pixel .dream-caption h2{font-size:40px}
@media(max-width:1000px){body.pixel .menu-screen h1{font-size:6vw}}

.choice{pointer-events:auto;background:linear-gradient(180deg,#000b,#0009 40%,#000e)}.choice-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,86%);padding:26px 28px 22px;background:var(--panel);border:1px solid var(--line);box-shadow:0 30px 80px #000c;text-align:center}.choice-box h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(26px,3.6vw,48px);line-height:1;margin:10px 0 8px;color:var(--lime)}.choice-box p{margin:0 0 18px;color:var(--muted);font-size:14px}.choice-box .result-actions{justify-content:center}.choice-hint{display:block;margin-top:14px;color:var(--muted);font-size:10px;letter-spacing:1.5px;text-transform:uppercase}body.pixel .choice-box h2{font-family:'Pixelify Sans',monospace;font-size:34px}

.shop-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin:34px 0 6px;padding-top:22px;border-top:1px solid var(--line)}.shop-section-head h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;line-height:1;margin:6px 0 0;color:var(--cream)}.shop-finishes-lead{margin:0 0 14px;color:var(--muted);font-size:13px}.shop-finishes{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-finish{cursor:default}.shop-finish .shop-product-art{width:120px;height:120px}.shop-finish .shop-product-art canvas{width:120px;height:120px;image-rendering:pixelated}.shop-finish-price{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:auto;padding-top:10px}.shop-finish-price strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;line-height:1;color:var(--gold)}.shop-finish-price small{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.shop-finish-state{font-size:10px;letter-spacing:1.5px;color:#7ff0e0;margin-top:8px}.shop-finish.is-owned{border-color:#7ff0e0}body.pixel .shop-section-head h3,body.pixel .shop-finish-price strong{font-family:'Pixelify Sans',monospace}@media(max-width:900px){.shop-finishes{grid-template-columns:repeat(2,minmax(0,1fr))}}

.cash-count{position:relative;color:var(--gold)}.shop-wallet-panel{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:18px 20px;background:#121810;border:1px solid var(--line)}.shop-wallet-balance{display:flex;flex-direction:column;gap:4px;min-width:150px}.shop-wallet-balance span{font-size:9px;letter-spacing:2px;color:var(--muted)}.shop-wallet-balance strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;line-height:1;color:var(--gold)}.shop-deposit{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1}.shop-deposit-btn{padding:9px 12px;background:transparent;border:1px solid var(--line);color:var(--cream);font-size:11px;font-weight:700;letter-spacing:1px;cursor:pointer}.shop-deposit-btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.shop-deposit-btn:disabled{opacity:.4;cursor:default}.shop-deposit-custom{display:flex;align-items:center;gap:8px;margin-left:auto}.shop-deposit-custom span{font-size:9px;letter-spacing:2px;color:var(--muted)}.shop-deposit-custom input{width:96px;padding:8px 10px;background:#0f140d;border:1px solid var(--line);color:var(--cream);font:inherit;font-size:13px}.shop-wallet-note{width:100%;margin:0;color:var(--muted);font-size:12px}.shop-finish-buy{margin-top:10px;width:100%}.shop-finish-missing{font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:6px}body.pixel .shop-wallet-balance strong{font-family:'Pixelify Sans',monospace}@media(max-width:700px){.shop-deposit-custom{margin-left:0;width:100%}}

.loot-again{border-color:#5b6a44;color:var(--lime)}.loot-again:disabled{opacity:.5;color:var(--muted)}

.mod-panel{width:min(980px,96vw)}.mod-search{display:flex;gap:8px;margin:0 0 12px}.mod-search input{flex:1;padding:10px 12px;background:#0f140d;border:1px solid var(--line);color:var(--cream);font:inherit}.mod-head,.mod-row{display:grid;grid-template-columns:1.6fr .8fr .5fr .8fr .8fr 1.2fr;gap:8px;align-items:center}.mod-head{font-size:7px;letter-spacing:2px;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line)}.mod-row{padding:10px;border-bottom:1px solid #22281e;font-size:12px}.mod-row strong{display:block;color:var(--cream)}.mod-row small{display:block;color:var(--muted);font-size:9px;letter-spacing:.5px}.mod-row .mod-banned{color:#ff8c9a}.mod-row .mod-ok{color:#9ad28b}.mod-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;padding-top:6px}.mod-actions button{padding:6px 9px;background:transparent;border:1px solid var(--line);color:var(--cream);font-size:9px;letter-spacing:1px;cursor:pointer}.mod-actions button:hover:not(:disabled){border-color:var(--lime);color:var(--lime)}.mod-actions button.danger:hover:not(:disabled){border-color:#ff8c9a;color:#ff8c9a}.mod-actions button:disabled{opacity:.4;cursor:default}.mod-role{text-transform:uppercase;letter-spacing:1px;font-size:10px}.mod-role.admin{color:var(--gold)}.mod-role.moderator{color:#7ff0e0}@media(max-width:800px){.mod-head{display:none}.mod-row{grid-template-columns:1fr 1fr}}
/* ── Responsywność (2026-10-21): pasek górny zawija się zamiast wystawać, menu nigdy nie ucina paska sal ── */
.topbar{flex-wrap:nowrap;row-gap:0}
#accountLabel{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}
.top-actions{margin-left:auto;flex-wrap:nowrap}
@media(max-width:1280px){
 .topbar{flex-wrap:wrap;height:auto;min-height:0;padding:0}
 .topbar nav{order:3;flex-basis:100%;justify-content:center;margin:0;gap:28px;border-top:1px solid var(--line)}
 .nav-tab{padding:15px 0}
 .brand-area{padding:14px 0}
 .top-actions{padding:14px 0}
}
@media(max-width:650px){
 .topbar nav{gap:14px;margin:0}
 .top-actions{gap:7px}
 #accountLabel{max-width:72px}
 .cash-count{font-size:9px}
}
.menu-screen{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
.level-pip small{white-space:nowrap}
@media(max-width:1000px){
 .menu-screen{padding:5% 5%}
 .menu-screen h1,h1{font-size:5.1vw;margin:12px 0 10px}
 .menu-screen p{margin-bottom:11px}
 .level-strip{margin-top:9px}
 .level-pip{min-width:62px;padding:4px 6px;gap:1px}
 .level-pip small{display:none}
 body.pixel .menu-screen h1{font-size:5.4vw}
}
@media(max-width:650px){
 .level-strip{display:flex;max-width:100%}
 .level-pip{min-width:54px;padding:3px 5px}
 .menu-screen{padding:6% 5%}
 .menu-screen h1,h1{font-size:7.6vw;margin:10px 0 8px}
}
@media(max-width:480px){
 .level-strip{display:none}
}
.menu-screen{padding-bottom:2.5%;scrollbar-width:none}.menu-screen::-webkit-scrollbar{display:none}
/* ── Dopasowanie do okna (2026-10-21): ramka gry mieści się w wysokości okna razem z paskiem górnym i paskiem sterowania;
      gdy ramka jest przez to węższa niż strona, cały interfejs w ramce skaluje się proporcjonalnie (--ui-zoom). ── */
.game-frame{width:clamp(58%,calc((100vh - var(--chrome,270px)) * 16 / 9),100%);margin-left:auto;margin-right:auto}
@media(max-width:650px){.game-frame{width:clamp(58%,calc((100vh - var(--chrome,270px)) * 4 / 3),100%)}}
.game-frame>:not(canvas){zoom:var(--ui-zoom,1)}

.rank-title{display:inline-block;margin-left:8px;padding:2px 6px;border:1px solid currentColor;border-radius:2px;font-size:7px;letter-spacing:1.5px;vertical-align:middle;white-space:nowrap}.account-title{margin:10px 0 0;font-size:11px;letter-spacing:1.5px;font-weight:700}

.announce-bar{display:flex;align-items:center;gap:12px;margin-top:14px;padding:11px 14px;border:1px solid var(--line);border-left:3px solid var(--lime);background:#141a12;font-size:12px;color:var(--cream)}.announce-bar.warning{border-left-color:#ff8c9a}.announce-bar.event{border-left-color:var(--gold)}.announce-kind{font-size:8px;letter-spacing:2px;color:var(--lime);white-space:nowrap}.announce-bar.warning .announce-kind{color:#ff8c9a}.announce-bar.event .announce-kind{color:var(--gold)}.announce-bar small{margin-left:auto;color:var(--muted);font-size:9px;white-space:nowrap}.announce-bar .icon-btn{width:26px;height:26px;flex-shrink:0}.mod-announce{margin:0 0 16px;padding:14px;border:1px solid var(--line);background:#121810}.mod-announce-row{display:flex;gap:8px;flex-wrap:wrap}.mod-announce-row input{flex:1;min-width:200px;padding:10px 12px;background:#0f140d;border:1px solid var(--line);color:var(--cream);font:inherit}.mod-announce-row select{padding:10px;background:#0f140d;border:1px solid var(--line);color:var(--cream);font:inherit;font-size:11px}.mod-announce-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.mod-announce-item{display:flex;align-items:center;gap:10px;font-size:11px;padding:6px 0;border-top:1px solid #22281e}.mod-announce-item small{color:var(--muted);font-size:9px;white-space:nowrap}.mod-announce-item button{margin-left:auto;padding:5px 8px;background:transparent;border:1px solid var(--line);color:var(--cream);font-size:9px;letter-spacing:1px;cursor:pointer}.mod-announce-item button:hover{border-color:#ff8c9a;color:#ff8c9a}body.pixel .announce-bar{font-family:'Pixelify Sans',monospace}@media(max-width:650px){.announce-bar{flex-wrap:wrap}.announce-bar small{margin-left:0;width:100%}}

.announce-track{flex:1;position:relative;overflow:hidden;height:1.5em}.announce-move{position:absolute;left:0;top:0;white-space:nowrap;will-change:transform}.announce-bar:hover .announce-move{animation-play-state:paused}.announce-bar{cursor:default}
/* Ticker ogłoszeń: mocny, jasny pasek (limonka / złoto / czerwień), większy tekst, błysk przy nowym ogłoszeniu. */
.announce-bar{margin-top:14px;padding:13px 16px;border:0;border-left:0;background:var(--lime);color:#10120f;font-size:15px;font-weight:800;letter-spacing:.3px;box-shadow:0 0 0 1px #d5ed71,0 12px 40px #d5ed7140;gap:16px}
.announce-bar.event{background:var(--gold);box-shadow:0 0 0 1px var(--gold),0 12px 40px #d5b87840}
.announce-bar.warning{background:#ff6b7d;color:#1a0a0d;box-shadow:0 0 0 1px #ff8c9a,0 12px 40px #ff8c9a40}
.announce-bar .announce-kind,.announce-bar.event .announce-kind,.announce-bar.warning .announce-kind{color:inherit;font-size:9px;letter-spacing:2.5px;padding:4px 8px;border:2px solid currentColor;border-radius:2px}
.announce-track{height:1.6em}
.announce-bar .icon-btn{border-color:currentColor;color:inherit;background:transparent}
.announce-bar.pulse{animation:announce-pulse 1.1s ease-out 2}
@keyframes announce-pulse{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.02);filter:brightness(1.35)}100%{transform:scale(1);filter:brightness(1)}}
body.pixel .announce-bar{font-family:'Pixelify Sans',monospace;font-size:17px}
@media(max-width:650px){.announce-bar{font-size:13px;padding:10px 12px}}

/* Daty i nazwa sali w rogu areny: większe, jaśniejsze, na ciemnej plakietce. */
.stage-meta{font-size:10px;letter-spacing:1.5px;color:#e8e6d2}.stage-meta>span{background:rgba(8,12,10,.72);padding:5px 9px;border:1px solid #2b3326}body.pixel .stage-meta{font-family:'Pixelify Sans',monospace;font-size:12px;letter-spacing:.5px}@media(max-width:1000px){.stage-meta{font-size:9px}}@media(max-width:650px){.stage-meta{font-size:8px}.stage-meta>span{padding:3px 6px}}
.pause-info{margin:14px auto 18px;max-width:420px;text-align:left;font-size:11px;line-height:1.6;color:var(--cream);border:1px solid var(--line);padding:12px 14px;background:#0f140d}.pause-info strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:22px;letter-spacing:.5px;color:var(--lime);margin-bottom:2px}.pause-info small{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);margin-bottom:8px}.pause-info p{margin:0 0 8px}.pause-info ul{margin:0;padding-left:16px;color:#bdc1b2}body.pixel .pause-info strong{font-family:'Pixelify Sans',monospace}

.card-twist{display:flex;align-items:center;gap:10px;margin:10px 0 0;padding:8px 12px;border:1px solid #5b6a44;background:#141a12cc;font-size:11px}.card-twist span{font-size:7px;letter-spacing:2px;color:var(--muted)}.card-twist strong{color:var(--lime);letter-spacing:1px}.card-twist em{font-style:normal;color:#bdc1b2}body.pixel .card-twist strong{font-family:'Pixelify Sans',monospace}@media(max-width:650px){.card-twist{flex-wrap:wrap;font-size:9px}}

.maintenance{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#0b0d0a;background-image:radial-gradient(circle at 50% 30%,#1c2418,#0b0d0a 70%)}.maintenance-box{max-width:560px;padding:40px 36px;text-align:center;border:1px solid var(--line);background:#121810;box-shadow:0 30px 100px #000c}.maintenance-box h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:56px;line-height:.95;margin:12px 0 14px;color:var(--lime)}.maintenance-box p{margin:0 0 12px;font-size:14px;color:var(--cream)}.maintenance-box small{color:var(--muted);font-size:10px;letter-spacing:1.5px}body.pixel .maintenance-box h2{font-family:'Pixelify Sans',monospace}.maintenance-mod{position:fixed;left:0;right:0;top:0;z-index:290;padding:7px 12px;text-align:center;background:#ff6b7d;color:#1a0a0d;font-size:10px;font-weight:800;letter-spacing:1.5px}.mod-maintenance{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;padding:12px 14px;border:1px solid #5b2a30;background:#1a1012}.mod-maintenance>div{display:flex;flex-direction:column;gap:2px;min-width:160px}.mod-maintenance strong{font-size:12px;letter-spacing:1px}.mod-maintenance strong.on{color:#ff8c9a}.mod-maintenance strong.off{color:#9ad28b}.mod-maintenance input{flex:1;min-width:180px;padding:9px 11px;background:#0f140d;border:1px solid var(--line);color:var(--cream);font:inherit}

/* Pixelify Sans ma wagi 400–700: bez sztucznego pogrubienia (zamykało otwór litery C) i z lekkim światłem między literami. */
body.pixel{font-synthesis:none}body.pixel .announce-bar,body.pixel .choice-box h2,body.pixel .maintenance-box h2,body.pixel .shop-finish-price strong{font-weight:700}body.pixel .announce-bar{letter-spacing:1px}body.pixel .menu-screen h1,body.pixel .dream-caption h2{letter-spacing:1px}

.maintenance-login-btn{display:block;margin:18px auto 0;font-size:9px}body.maintenance-login #account{z-index:320}body.maintenance-login #maintenance{opacity:.35}
/* Pikselowa czcionka tylko tam, gdzie jest duża (nagłówki, HUD ≥ 16 px). Drobne etykiety wracają do Manrope: Pixelify poniżej 16 px zlewa H z W i C z O. */
body.pixel .health-numbers,body.pixel .hero-level,body.pixel .level-pip strong,body.pixel .nav-tab,body.pixel .primary-btn,body.pixel .secondary-btn,body.pixel .stage-meta,body.pixel .combat-hint,body.pixel .toast,body.pixel .crate-card strong,body.pixel .skin-card strong,body.pixel .card-twist strong,body.pixel .result-stats strong,body.pixel .cinema-bottom .scene-label,body.pixel .pause-info strong,body.pixel .shop-finish-price strong,body.pixel .mod-panel strong{font-family:Manrope,Arial,sans-serif;letter-spacing:1px}
body.pixel .health-numbers{font-size:10px;font-weight:800}body.pixel .hero-level{font-size:10px}body.pixel .level-pip strong{font-size:10px}body.pixel .nav-tab{font-size:10px}body.pixel .primary-btn,body.pixel .secondary-btn{font-size:10px;letter-spacing:1.5px}body.pixel .stage-meta{font-size:10px;letter-spacing:1.5px}body.pixel .combat-hint{font-size:11px}body.pixel .result-stats strong{font-size:24px;font-family:'Barlow Condensed',Impact,sans-serif}body.pixel .pause-info strong{font-family:'Barlow Condensed',Impact,sans-serif}
body.pixel .fighter-label strong{font-size:19px;letter-spacing:1px}body.pixel #fightTime{font-size:18px}body.pixel .announce-bar{font-size:18px}
/* Ticker zawsze w Manrope: tu czytelność jest ważniejsza niż styl (Pixelify zlewa C/O i H/W). */
body.pixel .announce-bar{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:16px;letter-spacing:.6px}body.pixel .announce-kind{font-family:Manrope,Arial,sans-serif}

/* Nagłówki pikselowe w Jersey 10 (wyraźne H, C, W; ma polskie znaki). Pixelify zostaje tylko jako zapas, gdyby Jersey się nie wczytał. */
:root{--pixel-head:'Jersey 10','Pixelify Sans',monospace}
body.pixel .menu-screen h1,body.pixel .dream-caption h2,body.pixel .choice-box h2,body.pixel .maintenance-box h2,body.pixel .modal-heading h2,body.pixel .timejump .jump-center strong,body.pixel .fighter-label strong,body.pixel #fightTime,body.pixel .center-hud .vs,body.pixel .shop-product h3,body.pixel .shop-section-head h3,body.pixel .shop-wallet-balance strong,body.pixel .cinema-bottom p,body.pixel .card-foe strong,body.pixel .timejump .jump-center .eyebrow{font-family:var(--pixel-head);font-weight:400;letter-spacing:.5px}
body.pixel .menu-screen h1{font-size:96px;line-height:.86}@media(max-width:1000px){body.pixel .menu-screen h1{font-size:7vw}}@media(max-width:650px){body.pixel .menu-screen h1{font-size:9.5vw}}
body.pixel .dream-caption h2{font-size:52px}body.pixel .choice-box h2{font-size:46px}body.pixel .maintenance-box h2{font-size:72px}body.pixel .modal-heading h2{font-size:44px}body.pixel .timejump .jump-center strong{font-size:84px}body.pixel .fighter-label strong{font-size:26px}body.pixel #fightTime{font-size:24px}body.pixel .center-hud .vs{font-size:26px}body.pixel .shop-product h3{font-size:32px}body.pixel .cinema-bottom p{font-size:24px}
@media(max-width:1000px){body.pixel .fighter-label strong{font-size:22px}body.pixel .dream-caption h2{font-size:40px}body.pixel .timejump .jump-center strong{font-size:48px}}
/* Nazwa przeciwnika na ekranie menu: duża plakietka, nie szept w rogu. */
.exhibit-tag{font-size:15px;letter-spacing:1.5px;font-weight:800;color:var(--cream);padding:10px 14px 9px;border:1px solid #b0ac7a66;border-top:2px solid var(--lime);background:rgba(8,12,10,.78);bottom:14%;right:5%;max-width:46%;align-items:center}
.exhibit-tag #exhibitTagName{display:block;line-height:1.1}
.exhibit-tag small{font-size:9px;letter-spacing:1.5px;margin-top:4px;color:#b4bba4}
.exhibit-tag .tag-arrow{font-size:14px;color:var(--lime)}
body.pixel .exhibit-tag #exhibitTagName{font-family:var(--pixel-head);font-weight:400;font-size:28px;letter-spacing:.5px}
@media(max-width:1000px){.exhibit-tag{font-size:12px;padding:8px 10px}body.pixel .exhibit-tag #exhibitTagName{font-size:22px}.exhibit-tag small{font-size:8px}}
@media(max-width:650px){.exhibit-tag{font-size:10px;max-width:52%;bottom:12%}body.pixel .exhibit-tag #exhibitTagName{font-size:18px}.exhibit-tag small{font-size:7px}}

.brand-seal{border:0;width:44px;height:44px;padding:0}.brand-seal svg{width:44px;height:44px;display:block}@media(max-width:650px){.brand-seal,.brand-seal svg{width:36px;height:36px}}

/* ── Ekran startowy: studio → tytuł z pieczęcią → logowanie / gość ── */
.boot{position:fixed;inset:0;z-index:400;background:#0b0d0a;background-image:radial-gradient(circle at 50% 40%,#17201a,#0b0d0a 70%);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .7s ease,visibility .7s}
.boot.out{opacity:0;visibility:hidden}
.boot::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 2px,transparent 2px 4px);opacity:.5}
.boot-scene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}
.boot-eyebrow{font-size:10px;letter-spacing:5px;color:var(--muted);font-weight:800}
.boot-studio h1{font-family:'Jersey 10',monospace;font-weight:400;font-size:clamp(56px,11vw,128px);line-height:.9;margin:16px 0 20px;color:var(--cream);animation:boot-rise .9s cubic-bezier(.2,.8,.2,1) both}
.boot-studio .boot-eyebrow{animation:boot-fade .6s .1s both}
.boot-line{display:block;width:0;height:3px;background:var(--lime);animation:boot-line 1.1s .5s cubic-bezier(.2,.8,.2,1) both}
.boot-studio.leave{animation:boot-leave .5s ease-in both}
.boot-title .boot-seal{animation:boot-stamp .7s cubic-bezier(.2,.9,.2,1.2) both;filter:drop-shadow(0 0 30px rgba(213,237,113,.25))}
.boot-title .boot-seal svg{width:min(180px,40vw);height:auto}
.boot-title h1{font-family:'Jersey 10',monospace;font-weight:400;font-size:clamp(52px,10vw,120px);line-height:.88;margin:18px 0 10px;color:var(--cream);animation:boot-rise .8s .35s both}
.boot-title h1 em{font-style:normal;color:var(--lime)}
.boot-title .boot-eyebrow{animation:boot-fade .6s .8s both}
.boot-title.leave{animation:boot-leave .5s ease-in both}
.boot-login{animation:boot-fade .6s both}
.boot-card{width:min(520px,92vw);padding:30px 30px 26px;background:var(--panel);border:1px solid var(--line);box-shadow:0 30px 100px #000c;text-align:left}
.boot-card h2{font-family:'Jersey 10',monospace;font-weight:400;font-size:40px;line-height:.95;margin:10px 0 12px;color:var(--lime)}
.boot-card p{margin:0 0 20px;color:#bdc1b2;font-size:13px;line-height:1.6}
.boot-actions{display:flex;flex-direction:column;gap:10px}
.boot-actions .secondary-btn,.boot-actions .primary-btn{width:100%;justify-content:center}
.boot-skip{position:absolute;right:22px;bottom:18px;background:transparent;border:1px solid var(--line);color:var(--muted);font-size:9px;letter-spacing:2px;padding:8px 12px;cursor:pointer}
.boot-skip:hover{color:var(--lime);border-color:var(--lime)}
@keyframes boot-rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes boot-fade{from{opacity:0}to{opacity:1}}
@keyframes boot-line{from{width:0}to{width:160px}}
@keyframes boot-leave{to{opacity:0;transform:translateY(-18px)}}
@keyframes boot-stamp{0%{opacity:0;transform:scale(2.4) rotate(-8deg)}70%{opacity:1;transform:scale(.96) rotate(1deg)}100%{transform:scale(1) rotate(0)}}
@media(prefers-reduced-motion:reduce){.boot *{animation:none!important}}

.coin-icon{display:inline-flex;align-items:center}.coin-icon .coin-svg{width:20px;height:20px;image-rendering:pixelated;filter:drop-shadow(0 0 6px rgba(242,207,74,.35))}@media(max-width:650px){.coin-icon .coin-svg{width:16px;height:16px}}