:root{--bg:#05070f;--panel-bg:rgba(12,18,36,.85);--panel-border:rgba(84,133,255,.4);--accent:#5f8bff;--accent-strong:#ff4370;--text-primary:#f5f7ff;--text-muted:rgba(245,247,255,.7);color-scheme:dark}@font-face{font-family:PressStart2P;src:url(/fight-fighters/assets/Fonts/PressStart2P-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}body,html{width:100%;min-height:100%;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(35,60,140,.35),transparent),radial-gradient(circle at bottom,rgba(255,67,112,.25),transparent),var(--bg);color:var(--text-primary)}body{min-height:100vh;flex-direction:column}body,main{display:flex}main{flex:1 1;width:100%}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.layout,.matchLayout{flex:1 1;display:flex}.matchLayout{flex-direction:column;padding:clamp(1.5rem,4vw,2.5rem);box-sizing:border-box;min-height:0;height:100%}@media (max-width:1080px){.matchLayout{padding:1rem}}.matchLayout__primary{display:flex;flex-direction:column;gap:1.25rem;min-height:0;flex:1 1;width:100%}.matchLayout__primary:fullscreen{background:var(--bg);padding:2rem;display:flex;flex-direction:column;justify-content:center;overflow:auto}.matchLayout__primary:-webkit-full-screen{background:var(--bg);padding:2rem;display:flex;flex-direction:column;justify-content:center;overflow:auto}.matchLayout__primary:-moz-full-screen{background:var(--bg);padding:2rem;display:flex;flex-direction:column;justify-content:center;overflow:auto}.matchLayout__primary:-ms-fullscreen{background:var(--bg);padding:2rem;display:flex;flex-direction:column;justify-content:center;overflow:auto}.matchLayout__primary:-webkit-full-screen .comboHint{font-size:.9rem}.matchLayout__primary:fullscreen .comboHint{font-size:.9rem}.matchLayout__primary:-webkit-full-screen .control{display:flex!important;scale:1.1}.matchLayout__primary:fullscreen .control{display:flex!important;scale:1.1}.matchHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;z-index:4}.matchHeader__eyebrow{display:inline-block;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.matchHeader__title{margin:.25rem 0 0;font-size:clamp(1.5rem,3vw,2.25rem)}.fullscreenToggle{background:rgba(95,139,255,.1);border:2px solid var(--accent);border-radius:8px;padding:.75rem;cursor:pointer;color:var(--accent);transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:48px;height:48px}.fullscreenToggle:hover{background:rgba(95,139,255,.2);border-color:var(--text-primary);color:var(--text-primary);transform:scale(1.05);box-shadow:0 0 20px rgba(95,139,255,.4)}.fullscreenToggle:active{transform:scale(.95)}.fullscreenToggle svg{width:24px;height:24px}@media (max-width:768px){.fullscreenToggle{width:40px;height:40px;padding:.5rem}.fullscreenToggle svg{width:20px;height:20px}}@media (max-width:480px){.fullscreenToggle{width:36px;height:36px;padding:.4rem}}.matchStageWrapper{position:relative;flex:1 1;min-height:0;padding-top:1rem;display:flex;flex-direction:column;gap:1.25rem}.matchStageWrapper--status{padding-top:6rem}.control{display:none}.comboHint{text-align:center;padding:1rem 1.5rem;background:rgba(12,18,36,.85);border:2px solid var(--accent);border-radius:12px;margin-top:1rem;box-shadow:0 0 20px rgba(95,139,255,.3),inset 0 0 15px rgba(95,139,255,.1)}.comboHint p{margin:0;font-size:1rem;color:var(--text-primary);font-family:PressStart2P,monospace;font-size:.75rem;line-height:1.6;letter-spacing:.05em}.matchStatusOverlay{position:absolute;top:1.25rem;left:0;width:100%;z-index:10;pointer-events:none}.matchStatus{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;border-radius:16px;border:1px solid rgba(95,139,255,.35);background:linear-gradient(135deg,rgba(95,139,255,.18),rgba(12,18,36,.85));pointer-events:auto}.matchStatus h2{margin:0 0 .35rem;font-size:1.1rem}.matchStatus p{margin:0;color:var(--text-muted)}.matchStatus__rematch{padding:.6rem 1.2rem;border-radius:12px;border:1px solid rgba(95,139,255,.55);background:rgba(95,139,255,.2);color:var(--text-primary);font-weight:600;letter-spacing:.04em;transition:transform .15s ease,box-shadow .15s ease}.matchStatus__rematch:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(95,139,255,.3)}.matchStatus--success{border-color:rgba(95,255,190,.4);background:linear-gradient(135deg,rgba(95,255,190,.18),rgba(12,24,28,.9))}.matchStatus--warning{border-color:rgba(255,200,95,.45);background:linear-gradient(135deg,rgba(255,200,95,.18),rgba(28,21,12,.9))}.matchStatus--danger{border-color:rgba(255,67,112,.6);background:linear-gradient(135deg,rgba(255,67,112,.25),rgba(32,10,18,.92))}.matchStatus--info{border-color:rgba(95,139,255,.45)}.matchStatus--neutral{border-color:rgba(95,139,255,.35);background:linear-gradient(135deg,rgba(95,139,255,.12),rgba(12,18,36,.85))}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;padding:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 36px rgba(0,0,0,.25)}.panel--muted{border-style:dashed;opacity:.85}.panel__header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem}.panel__header h2{font-size:1.15rem;margin:0}.panel__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:.75rem 1.25rem;gap:.75rem 1.25rem;margin:0}.panel__list div{display:flex;flex-direction:column;gap:.25rem}.panel__list dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.panel__list dd{font-weight:600;margin:0;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace}.panel__footer{margin-top:1.25rem;font-size:.9rem;color:var(--text-muted)}.panel__footer--error{color:var(--accent-strong);font-weight:600}.panel__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.panel__refresh{padding:.35rem .85rem;border-radius:999px;border:1px solid rgba(95,139,255,.25);background:rgba(12,18,36,.6);color:var(--text-muted);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;transition:border-color .15s ease,color .15s ease,background .15s ease}.panel__refresh:hover{border-color:rgba(95,139,255,.55);color:var(--text-primary);background:rgba(18,28,56,.8)}.panel__refresh:disabled{opacity:.5;cursor:not-allowed}.panel__description{margin:0 0 .9rem;color:var(--text-muted);font-size:.9rem}.fighterPanel__footer{display:flex;flex-direction:column;gap:.9rem}.fighterGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:.9rem;gap:.9rem;margin-bottom:1.1rem}.fighterGrid__empty{grid-column:1/-1;text-align:center;padding:1rem .5rem;font-size:.9rem;color:var(--text-muted);border:1px dashed rgba(95,139,255,.3);border-radius:12px;background:rgba(12,18,36,.5)}.fighterCard{display:flex;flex-direction:column;gap:.6rem;align-items:flex-start;padding:1rem;border-radius:14px;border:1px solid rgba(95,139,255,.25);background:rgba(12,18,36,.7);color:var(--text-primary);text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.fighterCard:hover{border-color:rgba(95,139,255,.6);box-shadow:0 12px 22px rgba(20,30,60,.45);transform:translateY(-2px)}.fighterCard:disabled,.fighterCard[disabled]{opacity:.7;cursor:not-allowed;border-style:dashed}.fighterCard--selected{border-color:rgba(95,139,255,.8);box-shadow:0 18px 28px rgba(63,99,204,.4)}.fighterCard--opponent{border-style:dashed;border-color:rgba(255,200,95,.6)}.fighterCard__header{display:flex;flex-direction:column;gap:.4rem}.fighterCard__eyebrow{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.fighterCard__title{margin:0;font-size:1rem}.fighterCard__description{margin:0;color:var(--text-muted);font-size:.85rem}.fighterCard__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-gap:.35rem .75rem;gap:.35rem .75rem;margin:0;color:var(--text-muted);font-size:.75rem}.fighterCard__stats div{display:flex;flex-direction:column;gap:.2rem}.fighterCard__stats dt{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.fighterCard__stats dd{margin:0;font-weight:600;color:var(--text-primary)}.fighterCard__abilities{margin:0;padding-left:1rem;font-size:.78rem;color:var(--text-muted)}.fighterCard__abilities li{margin-bottom:.25rem}.fighterCard__action{margin-top:auto;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.fighterCard__footer{display:flex;flex-direction:column;gap:.45rem;font-size:.85rem;color:var(--text-muted)}.fighterCard__status{margin-left:.35rem;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.fighterCard__status--opponent{color:rgba(255,200,95,.9)}@media (max-width:768px){.fighterGrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.fighterCard{padding:.75rem}.fighterCard__title{font-size:.95rem}.fighterCard__description{font-size:.75rem}.fighterCard__stats{font-size:.75rem;gap:.4rem}.fighterCard__footer{font-size:.8rem;gap:.6rem}}@media (max-width:480px){.fighterGrid{grid-template-columns:1fr;gap:.6rem}.fighterCard{padding:.9rem}.panel__header h2{font-size:1.2rem}.panel__description{font-size:.85rem}.fighterCard__footer{gap:.5rem;font-size:.85rem}.fighterCard__footer,.panel__actions{flex-direction:column}.panel__btn{width:100%}}.panel__btn{flex:1 1;min-width:140px;padding:.6rem .8rem;border-radius:12px;border:1px solid rgba(95,139,255,.3);background:rgba(14,20,38,.85);color:var(--text-primary);font-weight:600;letter-spacing:.02em;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.panel__btn:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(95,139,255,.55);box-shadow:0 12px 20px rgba(16,26,48,.45)}.panel__btn:disabled{opacity:.55;cursor:not-allowed}.panel__btn--primary{background:linear-gradient(135deg,rgba(95,139,255,.35),rgba(35,52,102,.9));border-color:rgba(95,139,255,.55)}.panel__steps{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.4rem;color:var(--text-muted)}.matchmaking__statusHint{font-size:.85rem;color:var(--text-muted);font-weight:500}.matchmaking__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.matchmaking__btn{flex:1 1;min-width:150px;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(95,139,255,.45);background:linear-gradient(135deg,rgba(95,139,255,.25),rgba(95,139,255,.1));color:var(--text-primary);font-weight:600;letter-spacing:.02em;transition:transform .15s ease,box-shadow .15s ease}.matchmaking__btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 22px rgba(63,99,204,.25)}.matchmaking__btn:disabled{opacity:.45;cursor:not-allowed}.matchmaking__btn--secondary{border-color:rgba(95,139,255,.25);background:rgba(95,139,255,.12)}.matchmaking__group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.matchmaking__label{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.matchmaking__field{display:flex;gap:.6rem}.matchmaking__input{flex:1 1;padding:.6rem .75rem;border-radius:10px;border:1px solid rgba(95,139,255,.25);background:rgba(12,18,36,.75);color:var(--text-primary);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}.matchmaking__input:focus{outline:none;border-color:rgba(95,139,255,.6);box-shadow:0 0 0 2px rgba(95,139,255,.25)}.matchmaking__code{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;border-radius:12px;border:1px dashed hsla(0,0%,100%,.3);background:rgba(12,18,36,.65);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;letter-spacing:.18em}.matchmaking__codeLabel{font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted)}.matchmaking__codeValue{font-size:1.1rem;font-weight:700}.matchmaking__error{margin:.5rem 0 0;color:var(--accent-strong);font-size:.85rem;font-weight:600}.matchmaking__cancel{width:100%;margin-top:.75rem;padding:.65rem .9rem;border-radius:999px;border:1px solid hsla(0,0%,100%,.25);background:transparent;color:var(--text-muted);font-weight:600;letter-spacing:.08em}.matchmaking__cancel:hover{border-color:hsla(0,0%,100%,.45);color:var(--text-primary)}.status{font-size:.85rem;font-weight:600;padding:.25rem .6rem;border-radius:999px;text-transform:uppercase;letter-spacing:.12em}.status--connecting,.status--ready,.status--waiting{background:rgba(95,139,255,.2);color:var(--accent)}.status--matched,.status--playing{background:rgba(95,255,166,.15);color:#62ffb5}.status--game-over{background:rgba(255,67,112,.2);color:var(--accent-strong)}.status--opponent-disconnected{background:rgba(255,186,67,.2);color:#ffba43}.status--disconnected,.status--error{background:rgba(255,67,112,.25);color:var(--accent-strong)}.status--authorized{background:rgba(95,255,190,.12);border-color:rgba(95,255,190,.55);color:#6ff5c2}.status--pending{background:rgba(255,200,95,.12);border-color:rgba(255,200,95,.55);color:#ffd477}.status--unauthorized,.status--unknown{background:rgba(95,139,255,.12);border-color:rgba(95,139,255,.45);color:hsla(0,0%,100%,.85)}.arena{position:relative;background:linear-gradient(180deg,rgba(14,25,50,.9),rgba(7,9,18,.9));border:1px solid rgba(95,139,255,.35);border-radius:20px;padding:1.5rem;overflow:hidden;display:flex;flex-direction:column;gap:1.25rem;flex:1 1;min-height:0}.arena__header{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;color:var(--text-muted);margin-bottom:1.5rem}.arena__header .arena__label{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.arena__right{text-align:right}.arena__id{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-weight:600;color:var(--text-primary)}.arena__status{font-weight:600;text-transform:uppercase;letter-spacing:.15em}.arena__center{display:flex;flex-direction:column;align-items:center;gap:.5rem}.arena__round-info{display:flex;align-items:center;gap:1.5rem;padding:.5rem 1.5rem;background:rgba(95,139,255,.1);border-radius:8px;border:1px solid rgba(95,139,255,.2)}.arena__round{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.arena__timer{font-size:1.5rem;color:var(--text-primary);min-width:2ch;text-align:center}.arena__score,.arena__timer{font-weight:700;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace}.arena__score{font-size:1rem;color:var(--accent-blue)}.arena__stage{position:fixed;top:0;left:0;width:100vw;height:100vh;border-radius:0;background:radial-gradient(circle at center,rgba(95,139,255,.15),transparent 65%),linear-gradient(180deg,rgba(7,10,22,.95),rgba(7,9,18,.6));overflow:hidden;z-index:1}.arena__floor{position:absolute;left:0;right:0;bottom:35px;height:4px;background:linear-gradient(90deg,rgba(95,139,255,0),rgba(95,139,255,.6),rgba(95,139,255,0));box-shadow:0 0 30px rgba(95,139,255,.35)}.arena__lights{position:absolute;inset:0;background:radial-gradient(circle at 20% 0,rgba(95,139,255,.25),transparent 55%),radial-gradient(circle at 80% 0,rgba(255,67,112,.22),transparent 55%);opacity:.7}.phaser-stage{position:absolute;inset:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.phaser-stage canvas{width:100%!important;height:100%!important;image-rendering:pixelated;display:block;z-index:5}.arena__countdown-overlay,.arena__overlay{position:absolute;inset:0;pointer-events:none}.arena__countdown-overlay{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;animation:fadeIn .2s ease-out}.arena__countdown-text{font-size:6rem;font-weight:900;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;color:#fff;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 20px rgba(95,139,255,.8),0 0 40px rgba(95,139,255,.6),0 4px 8px rgba(0,0,0,.5);animation:pulseGlow .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.arena__winner-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,0,0,.85),rgba(20,20,40,.9));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;z-index:101;animation:fadeIn .4s ease-out}.arena__winner-celebration{text-align:center;animation:slideUpFade .6s ease-out}.arena__winner-title{font-size:5rem;font-weight:900;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;color:gold;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1.5rem;text-shadow:0 0 30px rgba(255,215,0,.8),0 0 60px rgba(255,215,0,.5),0 4px 12px rgba(0,0,0,.7);animation:pulseGlowGold 1s ease-in-out infinite alternate}.arena__winner-fighter{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 1rem;text-shadow:0 2px 8px rgba(0,0,0,.8)}.arena__winner-wallet{font-size:2rem;font-weight:600;color:#5f8bff;margin:0 0 2rem;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;text-shadow:0 0 20px rgba(95,139,255,.6),0 2px 8px rgba(0,0,0,.8)}.arena__winner-hint{font-size:1rem;color:#aaa;margin:0}@keyframes slideUpFade{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulseGlowGold{0%{text-shadow:0 0 30px rgba(255,215,0,.8),0 0 60px rgba(255,215,0,.5),0 4px 12px rgba(0,0,0,.7)}to{text-shadow:0 0 40px gold,0 0 80px rgba(255,215,0,.7),0 4px 12px rgba(0,0,0,.7)}}@keyframes modalSlideUp{0%{transform:translate(-50%,20%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.fighterTag{position:absolute;transform:translateX(-50%);display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;background:rgba(7,11,24,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(95,139,255,.35);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);transition:opacity .2s ease}.fighterTag--you{border-color:rgba(95,139,255,.55)}.fighterTag--opponent{border-color:rgba(255,67,112,.45)}.fighterTag__label{font-weight:600;color:var(--text-primary)}.fighterTag__badge{padding:.15rem .45rem;border-radius:999px;background:rgba(255,67,112,.2);border:1px solid rgba(255,67,112,.5);font-size:.6rem;letter-spacing:.1em;color:#ff99b3}.fighterTag--bot .fighterTag__label{color:#ff99b3;.fighterTag__name{display:block;margin-top:.35rem;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(245,247,255,.75)}}.fighterTag--stunned{border-color:rgba(255,221,102,.65);box-shadow:0 0 18px rgba(255,221,102,.35);animation:fighterTagPulse .6s ease-in-out infinite alternate}.fighterTag__status{font-size:.6rem;letter-spacing:.12em;font-weight:600;color:#ffe9a6}@keyframes fighterTagPulse{0%{box-shadow:0 0 10px rgba(255,221,102,.18)}to{box-shadow:0 0 18px rgba(255,221,102,.42)}}.home_wrapper{overflow:hidden;flex:1 1;width:100%;min-height:calc(100vh - 81px)}.home,.home_wrapper{position:relative;display:flex;flex-direction:column}.home{width:min(960px,100%);margin:0 auto;padding:clamp(5rem,6vw,4rem) 0;gap:clamp(4rem,2.5rem,2.5rem);z-index:1}.hero-scene{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.hero-scene canvas{image-rendering:pixelated;display:block;margin:0;width:100%!important;height:100%!important;object-fit:cover;object-position:center center}@media (max-width:720px){.hero-scene canvas{object-fit:cover;object-position:center center;min-width:100%;min-height:100%}}.home__hero{display:flex;flex-direction:column;gap:1.25rem;font-family:var(--font-upheaval),"PressStart2P",monospace}.home__tag{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:600}.home__lead{max-width:540px;color:var(--text-muted);font-size:1.05rem;line-height:1.6}.home__actions{display:flex;flex-wrap:wrap;gap:.85rem;flex-direction:column}.home__btn{color:var(--text-primary);font-weight:600;letter-spacing:.04em;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.hero_bttn{font-size:36px;padding:0 clamp(20px,2vw,40px)}.hero_bttn:hover{background:linear-gradient(135deg,rgba(95,139,255,.4),rgba(35,52,102,.95))}.home__join{align-self:flex-start;width:auto}.home__joinForm{display:flex;flex-direction:column;gap:.75rem}.home__joinForm label{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.home__joinControls{display:flex;gap:.75rem;flex-wrap:wrap}.home__input{flex:1 1;min-width:160px;border-radius:12px;border:1px solid rgba(95,139,255,.35);padding:.65rem .85rem;background:rgba(7,10,22,.75);color:var(--text-primary);font-size:1rem}.home__input:focus{outline:none;border-color:rgba(95,139,255,.65);box-shadow:0 0 0 2px rgba(95,139,255,.25)}.home__input--error{border-color:rgba(255,67,112,.65)}.home__error{color:rgba(255,99,132,.9);font-size:.85rem;margin:0}@media (max-width:720px){.matchStatus{flex-direction:column;align-items:flex-start}.home__actions{align-items:stretch}.home__actions,.home__joinControls{flex-direction:column}.matchStatus__rematch{width:100%}}.fighter{position:absolute;bottom:calc(40px + var(--fighter-offset, 0px));width:70px;height:140px;transform:translateX(-50%);display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.fighter__avatar{width:70px;height:100px;border-radius:16px;background:linear-gradient(180deg,rgba(95,139,255,.9),rgba(19,27,54,.95));border:2px solid rgba(95,139,255,.6);position:relative;box-shadow:0 14px 30px rgba(13,20,45,.8)}.fighter__avatar:before{content:"";position:absolute;inset:18px;border-radius:12px;background:linear-gradient(180deg,hsla(0,0%,100%,.18),rgba(19,27,54,.85))}.fighter__avatar[data-facing=left]{transform:scaleX(-1)}.fighter--opponent .fighter__avatar{background:linear-gradient(180deg,rgba(255,67,112,.9),rgba(50,12,23,.95));border-color:rgba(255,67,112,.6)}.fighter__tag{position:absolute;bottom:-28px;background:rgba(5,7,15,.9);border-radius:999px;padding:.15rem .65rem;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid hsla(0,0%,100%,.12)}.fighter__tagBadge{margin-left:.4rem;padding:.1rem .45rem;border-radius:999px;font-size:.6rem;letter-spacing:.18em;background:rgba(95,139,255,.35);border:1px solid rgba(95,139,255,.55);color:#9bc3ff}.fighter--bot .fighter__avatar{border-style:dashed;border-color:rgba(95,139,255,.8)}.fighter--bot .fighter__tagBadge{background:hsla(0,0%,100%,.14);border-color:hsla(0,0%,100%,.28);color:#e2ebff}.fighter--attacking .fighter__avatar{animation:swing .35s ease-in-out}.fighter--special .fighter__avatar{animation:burst .45s ease-in-out;box-shadow:0 0 28px rgba(255,91,139,.6)}.fighter--moving .fighter__avatar{animation:shimmy .5s ease-in-out infinite}.fighter--hit .fighter__avatar{animation:hitflash .35s ease-in-out}.fighter--ko .fighter__avatar{filter:grayscale(.8);opacity:.6}.fighter--defending .fighter__avatar{box-shadow:0 0 22px rgba(101,157,255,.65);border-color:rgba(101,157,255,.85)}.fighter--airborne .fighter__avatar{animation:float .6s ease-in-out infinite alternate;box-shadow:0 26px 46px rgba(35,65,140,.55)}@keyframes swing{0%{transform:rotate(0deg)}50%{transform:rotate(-8deg)}to{transform:rotate(0deg)}}@keyframes shimmy{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes hitflash{0%{filter:brightness(1)}40%{filter:brightness(1.75)}to{filter:brightness(1)}}@keyframes burst{0%{transform:scale(1) rotate(0deg);filter:brightness(1)}50%{transform:scale(1.08) rotate(-4deg);filter:brightness(1.25)}to{transform:scale(1) rotate(0deg);filter:brightness(1)}}.layout__meters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem}.meter{display:flex;flex-direction:column;gap:.6rem}.meter__top{display:flex;justify-content:space-between;align-items:baseline}.meter__label{text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);font-size:.75rem}.meter__value{font-family:IBM Plex Mono,monospace;font-weight:600}.meter__bar{background:hsla(0,0%,100%,.08);overflow:hidden;height:10px}.meter__barFill{height:100%;background:linear-gradient(90deg,rgba(95,139,255,.95),rgba(95,245,255,.95));border-radius:999px;transition:width .2s ease-out}.meter__status{font-size:.85rem;color:var(--text-muted)}.meter__status--streak{color:#ffd477;font-weight:600}.control{background:rgba(8,12,24,.75);border:1px solid rgba(84,133,255,.35);border-radius:16px;padding:1.25rem}.control--mobile{padding-bottom:1.5rem}.control__header{margin-bottom:1rem}.control__header h2{margin:0 0 .35rem}.control__header p{margin:0;font-size:.85rem;color:var(--text-muted)}.control__pad{display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.control__actions{display:contents}.control__mobileLayout{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.control__mobileLayout .control__actions{width:100%;display:grid;grid-gap:.75rem;gap:.75rem;max-width:320px;margin:0 auto}.control__btn{background:rgba(16,24,46,.85);border:1px solid rgba(95,139,255,.35);border-radius:12px;padding:.85rem 1.1rem;color:var(--text-primary);font-weight:600;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.control__btn:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(95,139,255,.65);box-shadow:0 12px 24px rgba(15,22,45,.45)}.control__btn:active:not(:disabled){transform:translateY(1px)}.control__btn:disabled{opacity:.55;cursor:not-allowed}.control__btn--attack{border-color:rgba(255,67,112,.45);background:linear-gradient(135deg,rgba(255,67,112,.9),rgba(80,12,32,.95))}.control__btn--attack:hover:not(:disabled){border-color:rgba(255,67,112,.75)}.control__hint--mobile{text-align:center;margin-top:1.25rem}.joystick{position:relative;width:min(220px,60vw);aspect-ratio:1/1;border-radius:999px;background:radial-gradient(circle,rgba(20,32,68,.9),rgba(12,18,36,.85));border:1px solid rgba(95,139,255,.45);box-shadow:inset 0 12px 28px rgba(0,0,0,.45);touch-action:none;overflow:hidden}.joystick__base{position:absolute;inset:14%;border-radius:999px;background:radial-gradient(circle,rgba(95,139,255,.25),rgba(18,24,45,.9));border:1px dashed rgba(95,139,255,.45)}.joystick__thumb{position:absolute;top:50%;left:50%;width:70px;height:70px;margin:-35px;border-radius:999px;background:linear-gradient(135deg,rgba(95,139,255,.95),rgba(63,99,204,.85));box-shadow:0 10px 20px rgba(20,30,60,.45);transition:transform .08s ease-out;pointer-events:none}.control kbd,.panel kbd{font-family:IBM Plex Mono,monospace;background:rgba(0,0,0,.35);border:1px solid hsla(0,0%,100%,.18);padding:.1rem .45rem;border-radius:6px;font-size:.75rem}.legacy-game-page{width:min(1100px,100%);margin:0 auto;padding:clamp(2rem,6vw,4rem) 1.5rem;display:flex;flex-direction:column;gap:2rem}.legacy-game-header{text-align:center;display:flex;flex-direction:column;gap:.75rem}.legacy-game-header h1{margin:0;font-size:clamp(1.8rem,4vw,2.6rem)}.legacy-game-header p{margin:0 auto;max-width:620px;color:var(--text-muted);font-size:1.05rem}.legacy-game-sections{display:grid;grid-gap:clamp(2rem,5vw,3rem);gap:clamp(2rem,5vw,3rem)}@media (min-width:1180px){.legacy-game-sections{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:flex-start}}.legacy-game-arcade,.legacy-game-multiplayer{display:flex;flex-direction:column;gap:1.5rem}.legacy-game-subhead{display:flex;flex-direction:column;gap:.5rem}.legacy-game-subhead h2{margin:0;font-size:clamp(1.4rem,3vw,2rem)}.legacy-game-subhead p{margin:0;color:var(--text-muted);line-height:1.6}.fight-fighters-wrapper{position:relative;margin:0 auto;width:min(960px,100%);background:radial-gradient(circle at top,rgba(95,139,255,.2),transparent 70%),rgba(5,9,18,.92);border:1px solid rgba(81,0,0,.6);border-radius:18px;padding:clamp(1rem,3vw,1.75rem);display:flex;flex-direction:column;align-items:center;gap:1rem;box-shadow:0 20px 45px rgba(0,0,0,.45)}.fight-fighters-canvas{position:relative;width:min(920px,100%);aspect-ratio:920/640;background:#000;border-radius:12px;overflow:hidden;border:2px solid #510000}.fight-fighters-canvas canvas{width:100%!important;height:100%!important;image-rendering:pixelated}.fight-fighters-error,.fight-fighters-status{margin:0;font-family:PressStart2P,Inter,system-ui,sans-serif;font-size:.8rem;letter-spacing:.08em;text-align:center}.fight-fighters-error{color:#ff708d}.legacy-game-tips{display:flex;flex-direction:column;gap:.75rem;background:rgba(12,18,32,.8);border:1px solid rgba(95,139,255,.4);border-radius:16px;padding:1.5rem}.legacy-game-tips h3{margin:0;font-size:1.15rem}.legacy-game-controls{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));color:var(--text-muted);font-size:.95rem}.legacy-game-controls h4{margin:0 0 .35rem;font-size:1rem;color:var(--text-primary)}@media (max-width:640px){.fight-fighters-wrapper{padding:1rem}.legacy-game-page{padding:2rem 1rem}.fight-fighters-error,.fight-fighters-status{font-size:.7rem}}.phaserSelectStage{min-height:320px;flex-direction:column}.phaserSelectStage,.phaserSelectStage__canvas{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.phaserSelectStage__canvas canvas{border-radius:12px;image-rendering:pixelated;display:block;margin:0 auto}.phaserSelectStage__loading{text-align:center;padding:3rem 1.5rem;font-size:1.1rem;color:var(--text-muted)}.selectionStageWrapper{display:flex;flex-direction:column;gap:1.25rem;width:100%;height:100%}.phaser-stage--selection{position:relative;width:100%;min-height:600px;height:auto;overflow:hidden;display:flex;align-items:center;justify-content:center}.phaser-stage--selection canvas{width:100%!important;height:auto!important;max-height:600px;image-rendering:pixelated;display:block}.selectionStageActions{display:flex;flex-direction:column;gap:.75rem;align-items:center;padding:1rem;background:rgba(12,18,36,.65);border:1px solid rgba(95,139,255,.3);border-radius:14px}.selectionStage__confirmBtn{padding:.85rem 1.75rem;border-radius:12px;border:1px solid rgba(95,255,190,.55);background:linear-gradient(135deg,rgba(95,255,190,.3),rgba(35,102,80,.85));color:var(--text-primary);font-weight:700;font-size:1rem;letter-spacing:.05em;text-transform:uppercase;transition:transform .15s ease,box-shadow .15s ease}.selectionStage__confirmBtn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(95,255,190,.3)}.selectionStage__status{font-size:.95rem;font-weight:600;color:#6ff5c2;letter-spacing:.05em}.selectionStage__error{font-size:.9rem;font-weight:600;color:var(--accent-strong)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1;animation:fadeIn .2s ease-out}.modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(480px,90vw);background:var(--panel-bg);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 24px 48px rgba(0,0,0,.5);z-index:4;animation:modalSlideUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{margin:0;font-size:1.25rem;color:var(--text-primary)}.modal-close{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;line-height:1;transition:color .15s ease}.modal-close:hover{color:var(--text-primary)}.modal-form{display:flex;flex-direction:column;gap:1rem}.modal-form label{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:-.5rem}.modal-input-group{display:flex;gap:.75rem}.modal-input{flex:1 1;padding:.75rem .95rem;background:rgba(7,10,22,.75);color:var(--text-primary);font-size:1rem;font-family:IBM Plex Mono,monospace;letter-spacing:.12em;text-transform:uppercase;transition:.3s ease-out;box-shadow:0 -6px 0 0 #fff,0 6px 0 0 #fff,-6px 0 0 0 #fff,6px 0 0 0 #fff}.modal-input:focus{outline:none;box-shadow:0 -6px 0 0 #36e5eb,0 6px 0 0 #36e5eb,-6px 0 0 0 #36e5eb,6px 0 0 0 #36e5eb}.modal-input--error{border-color:rgba(255,67,112,.65)}.modal-error{color:var(--accent-strong);font-size:.85rem;margin:-.5rem 0 0;font-weight:600}.modal-actions{display:flex;gap:.75rem;margin-top:.5rem}.modal-btn{flex:1 1;padding:.75rem 1.25rem;border-radius:12px;font-weight:600;letter-spacing:.04em;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;cursor:pointer}.modal-btn--primary{background:linear-gradient(135deg,rgba(95,139,255,.45),rgba(95,139,255,.2));border:1px solid rgba(95,139,255,.55);color:var(--text-primary)}.modal-btn--primary:hover{transform:translateY(-1px);box-shadow:0 14px 24px rgba(63,99,204,.35);border-color:rgba(95,139,255,.75)}.modal-btn--secondary{background:rgba(12,18,36,.7);border:1px solid rgba(95,139,255,.35);color:var(--text-primary)}.modal-btn--secondary:hover{border-color:rgba(95,139,255,.55);background:rgba(18,28,56,.8)}@media (max-width:480px){.modal-content{width:95vw;padding:1.25rem}.modal-header h2{font-size:1.1rem}.modal-actions{flex-direction:column}.modal-btn{width:100%}}.characters-page{width:min(1200px,100%);margin:0 auto;padding:clamp(2rem,6vw,4rem) 1.5rem;display:flex;flex-direction:column;background:url(/assets/game/arcade_machine.png) no-repeat 50%;background-size:contain;image-rendering:pixelated}.characters-page__header{text-align:center;display:flex;flex-direction:column;gap:.75rem}.characters-page__header h1{margin:0;font-size:clamp(2rem,5vw,3rem);color:var(--text-primary)}.characters-page__header p{margin:0;font-size:1.1rem;color:var(--text-muted)}.characters-carousel{position:relative;display:flex;align-items:center;gap:1rem;padding:2rem 0}.characters-carousel__viewport{flex:1 1;overflow:hidden;border-radius:20px;aspect-ratio:2.214}.characters-carousel__container{display:flex;gap:2rem;touch-action:pan-y pinch-zoom;-webkit-backface-visibility:hidden;backface-visibility:hidden}.characters-carousel__slide{flex:0 0 100%;min-width:0;display:flex;justify-content:center;align-items:center;padding:0 1rem}.character-card{display:flex;align-items:center;gap:1.5rem;padding:2rem;transition:transform .3s ease,box-shadow .3s ease;width:100%;font-family:var(--font-upheaval),"PressStart2P",monospace}.character-card__viewer{position:relative;background:radial-gradient(circle at center,rgba(95,139,255,.1),transparent 70%);border-radius:16px;padding:1rem}.character-card__info{display:flex;flex-direction:column;gap:1rem;width:100%;text-align:center}.character-card__name{margin:0;font-size:2.5rem;color:var(--text-primary);font-weight:700}.character-card__stats{display:flex;justify-content:center;gap:2rem}.character-card__stat{display:flex;flex-direction:column;gap:.25rem}.character-card__stat-label{font-size:1rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.character-card__stat-value{font-size:1rem;font-weight:600;color:var(--accent);font-family:IBM Plex Mono,monospace}.characters-carousel__btn{flex-shrink:0;width:56px;height:56px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;background:none;border:none}.characters-carousel__btn:hover{transform:scale(1.3)}.characters-carousel__btn:active{transform:scale(.95)}.characters-carousel__btn--prev{margin-right:.5rem}.characters-carousel__btn--prev img{transform:scaleX(-1)}.characters-carousel__btn--next img,.characters-carousel__btn--prev img{image-rendering:pixelated;height:100%}.characters-carousel__btn--next{margin-left:.5rem}@media (max-width:768px){.characters-carousel{gap:.5rem}.characters-carousel__btn{width:48px;height:48px;font-size:1.5rem}.character-card{padding:1.5rem}.character-card__name{font-size:1.25rem}.character-card__stats{gap:1.5rem}}@media (max-width:480px){.characters-page{padding:2rem 1rem}.characters-carousel{padding:1rem 0}.characters-carousel__btn{width:40px;height:40px;font-size:1.25rem}.character-card{padding:1.25rem}.characters-carousel__slide{padding:0 .5rem}}.characters-thumbnails{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:1rem}.characters-thumbnails__item{display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer;transition:all .2s ease;padding:0;border:none;background-color:transparent}.characters-thumbnails__item :after{top:0;height:100%;background:url(/assets/game/character_border.png) no-repeat 50%;background-size:cover}.characters-thumbnails__item :after,.characters-thumbnails__item :before{content:"";position:absolute;left:0;width:100%;pointer-events:none;image-rendering:pixelated;filter:grayscale(1);transition:.2s ease}.characters-thumbnails__item :before{bottom:0;height:50%;background:url(/assets/game/character_border.png) no-repeat bottom;background-size:cover;z-index:2}.characters-thumbnails__item:hover :after,.characters-thumbnails__item:hover :before{filter:grayscale(.6)}.characters-thumbnails__item--active :after,.characters-thumbnails__item--active :before{filter:grayscale(0)}.characters-thumbnails__preview{position:relative;width:100px;height:100px;border-radius:8px;background:radial-gradient(circle at center,rgba(95,139,255,.08),transparent 60%);display:flex;align-items:center;justify-content:center}.characters-thumbnails__name{font-size:.75rem;font-weight:600;color:var(--text-muted);text-align:center;transition:color .2s ease;letter-spacing:.02em}.characters-thumbnails__preview img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;margin-bottom:20px;z-index:1;transform:scale(1.2)}.characters-thumbnails__item--active .characters-thumbnails__name{color:var(--accent)}.characters-thumbnails__item:hover .characters-thumbnails__name{color:var(--text-primary)}@media (max-width:768px){.characters-thumbnails{gap:.75rem}.characters-thumbnails__item{padding:.6rem;min-width:90px}.characters-thumbnails__preview{width:70px;height:70px}.characters-thumbnails__name{font-size:.7rem}}@media (max-width:480px){.characters-thumbnails{gap:.5rem;padding:.75rem}.characters-thumbnails__item{padding:.5rem;min-width:80px}.characters-thumbnails__preview{width:60px;height:60px}.characters-thumbnails__name{font-size:.65rem}}.pixel_frame{image-rendering:pixelated;border:32px solid transparent;border-image-source:url(/assets/game/modal_bg.png);border-image-slice:8;border-image-repeat:repeat}.how-to-play{min-height:100vh;width:100%;padding:2rem 1rem;background:radial-gradient(circle at top,rgba(35,60,140,.35),transparent),radial-gradient(circle at bottom,rgba(255,67,112,.25),transparent)}.how-to-play__container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:3rem}.how-to-play__header{text-align:center;padding:2rem 0}.how-to-play__title-wrapper{display:inline-block;position:relative;padding:1.5rem 3rem;background:var(--panel-bg);border:3px solid var(--accent);box-shadow:0 0 30px rgba(95,139,255,.3),inset 0 0 20px rgba(95,139,255,.1)}.how-to-play__title{font-family:var(--font-upheaval),"PressStart2P",monospace;font-size:3rem;margin:0;color:var(--text-primary);text-shadow:0 0 20px rgba(95,139,255,.6),2px 2px 0 var(--accent-strong);letter-spacing:.1em}.how-to-play__subtitle{font-family:PressStart2P,monospace;font-size:.75rem;color:var(--accent);margin-top:.5rem;letter-spacing:.2em;text-transform:uppercase}.how-to-play__section{background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.3)}.how-to-play__section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--panel-border)}.how-to-play__section-header h2{font-family:var(--font-upheaval),"PressStart2P",monospace;font-size:1.75rem;margin:0;color:var(--text-primary);letter-spacing:.05em}.how-to-play__icon{font-size:2rem;filter:drop-shadow(0 0 8px rgba(95,139,255,.5))}.how-to-play__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.how-to-play__card{background:rgba(12,18,36,.6);border:2px solid var(--panel-border);border-radius:8px;padding:1.5rem;transition:all .3s ease}.how-to-play__card--accent,.how-to-play__card:hover{border-color:var(--accent)}.how-to-play__card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(95,139,255,.3)}.how-to-play__card h3{font-family:PressStart2P,monospace;font-size:.875rem;margin:0 0 1rem;color:var(--accent);line-height:1.6}.how-to-play__card p{margin:0;color:var(--text-muted);line-height:1.6;font-size:.95rem}.how-to-play__controls{display:flex;flex-direction:column;gap:2rem}.how-to-play__control-group{background:rgba(12,18,36,.4);border:1px solid var(--panel-border);border-radius:8px;padding:1.5rem}.how-to-play__control-header{margin-bottom:1.5rem}.how-to-play__badge{display:inline-block;background:var(--accent);color:var(--bg);font-family:PressStart2P,monospace;font-size:.7rem;padding:.5rem 1rem;border-radius:4px;text-transform:uppercase;letter-spacing:.1em}.how-to-play__badge--mobile{background:var(--accent-strong)}.how-to-play__control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem}.how-to-play__control-item{display:flex;flex-direction:column;gap:.75rem;align-items:center;text-align:center}.how-to-play__keys{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.how-to-play__keys kbd{background:linear-gradient(180deg,rgba(95,139,255,.2),rgba(12,18,36,.8));border:2px solid var(--accent);border-radius:6px;padding:.5rem 1rem;font-family:PressStart2P,monospace;font-size:.75rem;color:var(--text-primary);min-width:2.5rem;text-align:center;box-shadow:0 4px 0 rgba(95,139,255,.3),inset 0 1px 0 hsla(0,0%,100%,.1);transition:all .15s ease}.how-to-play__keys kbd:hover{transform:translateY(-2px);box-shadow:0 6px 0 rgba(95,139,255,.4),inset 0 1px 0 hsla(0,0%,100%,.15)}.how-to-play__control-label{font-family:PressStart2P,monospace;font-size:.7rem;color:var(--text-muted);letter-spacing:.05em}.how-to-play__mobile-hint{text-align:center;padding:1rem}.how-to-play__mobile-hint p{font-size:1rem;line-height:1.8;color:var(--text-muted);margin:0}.how-to-play__mobile-hint strong{color:var(--accent-strong)}.how-to-play__tips{display:flex;flex-direction:column;gap:1.5rem}.how-to-play__tip{display:flex;gap:1.5rem;align-items:flex-start;background:rgba(12,18,36,.4);border:1px solid var(--panel-border);border-left:4px solid var(--accent);border-radius:8px;padding:1.5rem;transition:all .3s ease}.how-to-play__tip:hover{border-left-color:var(--accent-strong);transform:translateX(8px);box-shadow:-4px 0 0 var(--accent-strong)}.how-to-play__tip-number{display:flex;align-items:center;justify-content:center;min-width:3rem;height:3rem;background:var(--accent);color:var(--bg);font-family:PressStart2P,monospace;font-size:1.25rem;border-radius:8px;flex-shrink:0;box-shadow:0 4px 0 rgba(95,139,255,.4)}.how-to-play__tip-content h4{font-family:PressStart2P,monospace;font-size:.875rem;margin:0 0 .75rem;color:var(--accent);line-height:1.5}.how-to-play__tip-content p{margin:0;color:var(--text-muted);line-height:1.6;font-size:.95rem}.how-to-play__rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem}.how-to-play__rule{display:flex;align-items:center;gap:1rem;background:rgba(12,18,36,.4);border:2px solid var(--panel-border);border-radius:8px;padding:1.25rem;transition:all .3s ease}.how-to-play__rule:hover{border-color:var(--accent);box-shadow:0 4px 16px rgba(95,139,255,.2)}.how-to-play__rule-icon{font-size:2rem;filter:drop-shadow(0 0 8px rgba(255,67,112,.5))}.how-to-play__rule p{margin:0;color:var(--text-muted);line-height:1.6;font-size:.95rem}.how-to-play__rule strong{color:var(--text-primary);font-weight:600}.how-to-play__ready{display:grid;grid-template-columns:1fr auto;grid-gap:2rem;gap:2rem;align-items:center;background:linear-gradient(135deg,rgba(95,139,255,.15),rgba(255,67,112,.15));border:2px solid var(--accent);border-radius:12px;padding:3rem;position:relative;overflow:hidden}.how-to-play__ready:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(95,139,255,.1) 0,transparent 70%);animation:pulse 4s ease-in-out infinite}.how-to-play__ready-content{position:relative;z-index:1}.how-to-play__ready-title{font-family:var(--font-upheaval),"PressStart2P",monospace;font-size:2rem;margin:0 0 1rem;color:var(--text-primary);text-shadow:0 0 10px rgba(95,139,255,.5);letter-spacing:.05em}.how-to-play__ready-text{font-size:1.1rem;color:var(--text-muted);line-height:1.6;margin:0 0 2rem}.how-to-play__ready-actions{display:flex;gap:1rem;flex-wrap:wrap}.how-to-play__btn{display:inline-flex;align-items:center;justify-content:center;font-family:PressStart2P,monospace;font-size:.75rem;padding:1rem 2rem;border-radius:8px;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.how-to-play__btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.how-to-play__btn:hover:before{width:300px;height:300px}.how-to-play__btn--primary{background:var(--accent);color:var(--bg);box-shadow:0 6px 0 rgba(95,139,255,.5)}.how-to-play__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 0 rgba(95,139,255,.6),0 0 20px rgba(95,139,255,.4)}.how-to-play__btn--primary:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(95,139,255,.4)}.how-to-play__btn--secondary{background:transparent;color:var(--text-primary);border-color:var(--accent);box-shadow:0 4px 0 rgba(95,139,255,.3)}.how-to-play__btn--secondary:hover{background:rgba(95,139,255,.1);transform:translateY(-2px);box-shadow:0 6px 0 rgba(95,139,255,.4),0 0 20px rgba(95,139,255,.2)}.how-to-play__btn--secondary:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(95,139,255,.2)}.how-to-play__ready-decoration{position:relative;z-index:1}.how-to-play__pixel-art{font-size:6rem;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,67,112,.6))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width:768px){.how-to-play{padding:1rem .5rem}.how-to-play__container{gap:2rem}.how-to-play__title{font-size:1.75rem}.how-to-play__subtitle{font-size:.6rem}.how-to-play__title-wrapper{padding:1rem 1.5rem}.how-to-play__section{padding:1.5rem}.how-to-play__section-header h2{font-size:1.25rem}.how-to-play__cards,.how-to-play__control-grid,.how-to-play__ready,.how-to-play__rules{grid-template-columns:1fr}.how-to-play__ready{padding:2rem 1.5rem;text-align:center}.how-to-play__ready-title{font-size:1.5rem}.how-to-play__ready-actions{justify-content:center}.how-to-play__pixel-art{font-size:4rem}.how-to-play__tip{flex-direction:column;align-items:center;text-align:center}}@media (max-width:480px){.how-to-play__title{font-size:1.25rem}.how-to-play__section-header h2{font-size:1rem}.how-to-play__card h3{font-size:.75rem}.how-to-play__btn{font-size:.65rem;padding:.875rem 1.5rem}.how-to-play__ready-actions{flex-direction:column;width:100%}.how-to-play__btn{width:100%}}.header{position:-webkit-sticky;position:sticky;top:0;z-index:1000;background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:2px solid #5f8bff;box-shadow:0 4px 12px rgba(0,0,0,.3)}.header__container{max-width:1400px;margin:0 auto;padding:1rem 2rem;justify-content:space-between}.header__brand,.header__container{display:flex;align-items:center}.header__logo{font-size:1.5rem;font-weight:700;color:#fff;margin:0;letter-spacing:.5px}.header__wallet{position:relative}.header__wallet-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#000;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;border-image:url(/assets/ui/wc_border_highlight.png) 4 stretch;border-width:8px;image-rendering:pixelated;border-radius:24px}.header__wallet-button:hover{border-image:url(/assets/ui/wc_border.png) 4 stretch;transform:translateY(-1px)}.header__wallet-icon{font-size:1.2rem}.header__wallet-address{font-family:var(--font-upheaval),"PressStart2P",monospace}.header__wallet-arrow{font-size:.7rem;opacity:.8}.header__connect-button{padding:.75rem 1.5rem!important;background:linear-gradient(135deg,#ff4370,#d8395a)!important;border:none!important;border-radius:8px!important;color:#fff!important;font-size:.95rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 2px 8px rgba(255,67,112,.3)!important}.header__connect-button:hover{background:linear-gradient(135deg,#d8395a,#b8294a)!important;box-shadow:0 4px 12px rgba(255,67,112,.4)!important;transform:translateY(-1px)!important}.wallet-popover{position:absolute;top:calc(100% + .5rem);right:0;width:400px;background:#1a1a2e;border-image:url(/assets/ui/wc_border_highlight.png) 10 stretch;border-width:16px;image-rendering:pixelated;border-radius:24px;box-shadow:0 8px 24px rgba(0,0,0,.5);animation:popoverSlideIn .2s ease-out;overflow:hidden}@keyframes popoverSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.wallet-popover__header{padding:1.25rem;background:linear-gradient(135deg,#5f8bff,#4a6fd8);border-bottom:2px solid #3a5ab8}.wallet-popover__header h3{margin:0;color:#fff;font-size:1.1rem;font-weight:600}.wallet-popover__content{padding:1.5rem}.wallet-popover__section{margin-bottom:1.5rem}.wallet-popover__section:last-child{margin-bottom:0}.wallet-popover__label{display:block;font-size:.85rem;color:#aaa;margin-bottom:.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.wallet-popover__address-box{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:#0e1932;border:1px solid #5f8bff;border-radius:8px}.wallet-popover__address{flex:1 1;font-family:Courier New,monospace;font-size:.85rem;color:#fff;word-break:break-all;line-height:1.4}.wallet-popover__copy-btn{padding:.5rem .75rem;background:#5f8bff;border:none;border-radius:6px;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.wallet-popover__copy-btn:hover{background:#4a6fd8;transform:scale(1.05)}.wallet-popover__copy-btn:active{transform:scale(.95)}.wallet-popover__status{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:rgba(0,255,127,.1);border:1px solid rgba(0,255,127,.3);border-radius:8px;color:#00ff7f;font-size:.9rem;font-weight:500}.wallet-popover__status-dot{width:8px;height:8px;background:#00ff7f;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.wallet-popover__auth-status{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:8px;font-size:.9rem;font-weight:500;margin-bottom:.75rem;transition:all .3s ease}.wallet-popover__auth-status.authorized{background:rgba(0,255,127,.1);border:1px solid rgba(0,255,127,.3);color:#00ff7f}.wallet-popover__auth-status.not-authorized{background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3);color:#ffc107}.wallet-popover__auth-icon{font-size:1.1rem;line-height:1}.wallet-popover__authorize-btn,.wallet-popover__deauthorize-btn{width:100%;padding:.75rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.wallet-popover__authorize-btn{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;box-shadow:0 2px 8px rgba(74,144,226,.3)}.wallet-popover__authorize-btn:hover:not(:disabled){background:linear-gradient(135deg,#357abd,#2a5f9e);box-shadow:0 4px 12px rgba(74,144,226,.4);transform:translateY(-1px)}.wallet-popover__authorize-btn:active:not(:disabled){transform:translateY(0)}.wallet-popover__authorize-btn:disabled{opacity:.6;cursor:not-allowed}.wallet-popover__deauthorize-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#999}.wallet-popover__deauthorize-btn:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);color:#ccc}.wallet-popover__deauthorize-btn:active{transform:scale(.98)}.header__authorize-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,gold,#ffed4e);border:2px solid gold;border-radius:8px;color:#1a1a2e;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(255,215,0,.3);text-transform:uppercase;letter-spacing:.5px}.header__authorize-button:hover:not(:disabled){background:linear-gradient(135deg,#ffed4e,gold);box-shadow:0 4px 12px rgba(255,215,0,.5);transform:translateY(-2px)}.header__authorize-button:active:not(:disabled){transform:translateY(0)}.header__authorize-button:disabled{opacity:.6;cursor:not-allowed}.wallet-popover__actions{padding-top:1rem;border-top:1px solid #2a2a3e}.wallet-popover__disconnect-btn{width:100%;padding:.875rem;background:linear-gradient(135deg,#ff4370,#d8395a);border:none;border-radius:8px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(255,67,112,.3)}.wallet-popover__disconnect-btn:hover{background:linear-gradient(135deg,#d8395a,#b8294a);box-shadow:0 4px 12px rgba(255,67,112,.4);transform:translateY(-1px)}.wallet-popover__disconnect-btn:active{transform:translateY(0)}@media (max-width:768px){.header__container{padding:1rem}.header__logo{font-size:1.25rem}.wallet-popover{width:320px}.header__wallet-button{padding:.625rem 1rem;font-size:.85rem}.wallet-popover__address{font-size:.75rem}}@media (max-width:480px){.wallet-popover{width:calc(100vw - 2rem);right:-1rem}.header__wallet-address{display:none}.header__wallet-button{padding:.625rem}}