*{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans Thai,Segoe UI,Tahoma,sans-serif;background:#07120a;color:#f8fafc;overflow:hidden}.menu-scroll{scrollbar-width:thin;scrollbar-color:rgba(74,222,128,.45) rgba(255,255,255,.06)}.menu-scroll::-webkit-scrollbar{width:6px;height:6px}.menu-scroll::-webkit-scrollbar-track{margin:4px 0;background:#ffffff0d;border-radius:999px}.menu-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(180deg,#86efacbf,#22c55e8c);border:1px solid rgba(255,255,255,.08)}.menu-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#bbf7d0e6,#4ade80b3)}.menu-screen{scrollbar-width:thin;scrollbar-color:rgba(74,222,128,.35) transparent}.menu-screen::-webkit-scrollbar{width:8px}.menu-screen::-webkit-scrollbar-track{background:transparent}.menu-screen::-webkit-scrollbar-thumb{border-radius:999px;background:#4ade8047;border:2px solid transparent;background-clip:padding-box}.menu-screen::-webkit-scrollbar-thumb:hover{background:#4ade807a;background-clip:padding-box}.hidden{display:none!important;pointer-events:none}.screen{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:1}.screen.hidden{display:none!important;pointer-events:none}#game{z-index:2}.menu-screen{overflow-x:hidden;overflow-y:auto;isolation:isolate}.menu-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.menu-bg__img{width:100%;height:100%;background:62% center / cover no-repeat url(/assets/cover-CZzgBLf8.png);transform:scale(1.04);animation:menu-kenburns 28s ease-in-out infinite alternate}@keyframes menu-kenburns{0%{transform:scale(1.04)}to{transform:scale(1.1)}}.menu-bg__mesh{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;background:radial-gradient(circle at 18% 22%,rgba(34,197,94,.18) 0%,transparent 42%),radial-gradient(circle at 82% 78%,rgba(250,204,21,.1) 0%,transparent 38%);pointer-events:none}.menu-bg__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,#030a07eb,#05100bc7 34%,#08120d85 58%,#00000047),linear-gradient(180deg,rgba(0,0,0,.45) 0%,transparent 28%,rgba(0,0,0,.62) 100%)}.menu-bg__glow{position:absolute;left:-8%;bottom:-18%;width:58%;height:58%;background:radial-gradient(circle,rgba(34,197,94,.24) 0%,transparent 68%);pointer-events:none}.menu-bg__vignette{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 120px #0000008c;pointer-events:none}.menu-stripes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.045;background:repeating-linear-gradient(-14deg,transparent,transparent 56px,rgba(255,255,255,.95) 56px,rgba(255,255,255,.95) 60px)}.menu-topbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(84rem,100%);margin:0 auto;padding:clamp(1rem,2.5vw,1.35rem) clamp(1rem,3vw,1.75rem) 0;animation:menu-fade-in .55s cubic-bezier(.22,1,.36,1) both}.menu-brand{display:flex;align-items:center;gap:.75rem}.menu-brand__mark{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:12px;background:linear-gradient(145deg,#22c55e,#15803d);box-shadow:0 8px 24px #22c55e59,inset 0 1px #ffffff40;font-family:Bebas Neue,Impact,sans-serif;font-size:1.15rem;letter-spacing:.02em;color:#ecfdf5}.menu-brand__text{display:flex;flex-direction:column;gap:.05rem;line-height:1.1}.menu-brand__name{font-family:Bebas Neue,Impact,sans-serif;font-size:1.35rem;letter-spacing:.12em;color:#f8fafc}.menu-brand__sub{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8e6}.menu-help-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#08120c8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ecfdf5;font-family:inherit;font-size:.82rem;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.menu-help-btn:hover{background:#0e1c14d1;border-color:#4ade8073;transform:translateY(-1px);box-shadow:0 8px 24px #00000038}.menu-help-btn__icon{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;background:#22c55e47;color:#86efac;font-size:.75rem;font-weight:700}.menu-shell{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,21rem) minmax(15rem,18.5rem);align-items:center;gap:clamp(1rem,2.2vw,1.75rem);width:min(84rem,100%);min-height:calc(100svh - 4.5rem);margin:0 auto;padding:clamp(1rem,2.5vw,1.75rem) clamp(1rem,3vw,1.75rem) clamp(1.25rem,3vw,2rem);box-sizing:border-box}.menu-hero{display:flex;flex-direction:column;gap:.85rem;min-width:0;padding-right:clamp(0,2vw,1rem);animation:menu-fade-in .7s cubic-bezier(.22,1,.36,1) .05s both}.menu-panels{display:flex;flex-direction:column;gap:.85rem;min-width:0;align-self:center;animation:menu-fade-in .75s cubic-bezier(.22,1,.36,1) .1s both}.menu-ribbon{display:inline-flex;align-items:center;gap:.45rem;align-self:flex-start;padding:.35rem .85rem;border-radius:999px;border:1px solid rgba(134,239,172,.35);background:linear-gradient(90deg,#15803dd9,#22c55ebf);font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ecfdf5;box-shadow:0 6px 20px #22c55e47}.menu-ribbon__dot{width:.45rem;height:.45rem;border-radius:50%;background:#fff;box-shadow:0 0 8px #ffffffe6;animation:menu-live-pulse 1.4s ease-in-out infinite}@keyframes menu-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.menu-title{display:flex;flex-direction:column;line-height:.9;margin:0;font-family:Bebas Neue,Arial Narrow,Impact,sans-serif;font-weight:400;letter-spacing:.03em;text-shadow:0 8px 32px rgba(0,0,0,.55)}.menu-title__line{font-size:clamp(3rem,8vw,5rem);color:#f8fafc}.menu-title__line--accent{font-size:clamp(2.6rem,7vw,4.6rem);white-space:nowrap;background:linear-gradient(180deg,#fef08a,#facc15 42%,#ca8a04);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}.menu-title__line--thin{font-size:clamp(2rem,6vw,3rem);color:#f8fafce0;letter-spacing:.28em;padding-left:.12em}.menu-tagline{margin:0;max-width:28rem;font-size:clamp(.92rem,1.8vw,1.02rem);font-weight:500;line-height:1.65;color:#e2e8f0db}.menu-features{display:flex;flex-wrap:wrap;gap:.55rem;margin:.35rem 0 0;padding:0;list-style:none}.menu-features__item{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .75rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.78rem;font-weight:600;color:#e2e8f0eb}.menu-features__icon{font-size:.9rem;line-height:1}.menu-card{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(160deg,#0a120ed1,#0e1a14ad);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 56px #0000006b,inset 0 1px #ffffff14}.menu-card__head{display:flex;flex-direction:column;gap:.2rem}.menu-card__title{margin:0;font-family:Bebas Neue,Impact,sans-serif;font-size:1.45rem;font-weight:400;letter-spacing:.1em;color:#ecfdf5}.menu-card__hint{margin:0;font-size:.82rem;color:#94a3b8f2}.menu-field{display:flex;flex-direction:column;gap:.45rem}.menu-field--player-name{margin-bottom:.15rem}.menu-field__label{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8f2}.menu-input{width:100%;padding:.85rem 1rem;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#00000052;color:#f8fafc;font-family:inherit;font-size:1rem;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.menu-input::placeholder{color:#94a3b899}.menu-input:focus{outline:none;border-color:#4ade808c;background:#00000073;box-shadow:0 0 0 3px #22c55e29}.menu-input--code{flex:1;text-align:center;font-weight:700;letter-spacing:.35em;text-transform:uppercase}.menu-actions{display:flex;flex-direction:column;gap:.65rem}.menu-btn{display:flex;align-items:center;gap:.85rem;width:100%;padding:.95rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:linear-gradient(180deg,#ffffff14,#ffffff08);color:#f8fafc;font-family:inherit;font-size:1rem;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.menu-btn:hover:not(:disabled){transform:translateY(-2px);border-color:#fff3;background:linear-gradient(180deg,#ffffff1f,#ffffff0d);box-shadow:0 12px 28px #00000047}.menu-btn:active:not(:disabled){transform:translateY(0) scale(.99)}.menu-btn:disabled{opacity:.55;cursor:not-allowed}.menu-btn__icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:12px;background:#00000047;font-size:1.15rem}.menu-btn__icon--bot{background:#00000038}.menu-btn__icon--online{background:#3b82f62e}.menu-btn__text{display:flex;flex:1;flex-direction:column;gap:.12rem;line-height:1.25;min-width:0}.menu-btn__text strong{font-size:1rem;font-weight:700}.menu-btn__text small{font-size:.78rem;font-weight:500;color:#cbd5e1d1}.menu-btn__arrow{flex-shrink:0;font-size:1.1rem;font-weight:700;color:#e2e8f08c;transition:transform .18s ease,color .18s ease}.menu-btn:hover:not(:disabled) .menu-btn__arrow{transform:translate(3px);color:#e2e8f0f2}.menu-btn--primary{border-color:#4ade8066;background:linear-gradient(135deg,#166534,#16a34a 45%,#22c55e);box-shadow:0 12px 32px #22c55e42}.menu-btn--primary:hover:not(:disabled){border-color:#86efac99;background:linear-gradient(135deg,#15803d,#16a34a 45%,#4ade80);box-shadow:0 16px 36px #22c55e57}.menu-btn--primary .menu-btn__text small{color:#ecfdf5d1}.menu-btn--secondary{border-color:#60a5fa47;background:linear-gradient(160deg,#1e3a8a8c,#0f172aa6)}.menu-btn--secondary:hover:not(:disabled){border-color:#93c5fd73;background:linear-gradient(160deg,#2563eb8c,#0f172ab8)}.menu-btn--ghost{border-color:#94a3b838;background:#0f172a59}.menu-btn--ghost:hover:not(:disabled){border-color:#cbd5e159;background:#1e293b8c}.menu-btn--join{flex-shrink:0;justify-content:center;min-width:6.5rem;padding:.8rem 1.1rem;font-weight:700;letter-spacing:.04em;background:linear-gradient(180deg,#1e3a8a,#1d4ed8);border-color:#93c5fd59}.menu-btn--join:hover:not(:disabled){background:linear-gradient(180deg,#1e40af,#2563eb)}.menu-divider{display:flex;align-items:center;gap:.75rem;color:#94a3b8d9;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.menu-divider:before,.menu-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}.menu-join{display:flex;gap:.55rem}.menu-footer{display:flex;flex-direction:column;gap:.35rem;padding-top:.15rem}.menu-room-stats{display:flex;flex-direction:column;gap:.45rem;flex-shrink:0;padding:.75rem .85rem;border-radius:16px;background:linear-gradient(165deg,#08120ce0,#0c1c14b8);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 28px #00000038}.menu-room-stats__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.menu-room-stats__actions{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.menu-room-stats__spectate-btn{display:grid;place-items:center;width:1.85rem;height:1.85rem;padding:0;border:1px solid rgba(251,191,36,.28);border-radius:8px;background:#fbbf241a;color:#fde68a;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.menu-room-stats__spectate-icon{display:block}.menu-room-stats__spectate-btn:hover{background:#fbbf242e;border-color:#fbbf2473;color:#fef3c7;transform:translateY(-1px)}.menu-room-stats__spectate-btn:active{transform:translateY(0) scale(.97)}.menu-room-stats__title{font-size:.82rem;font-weight:600;color:#cbd5e1e0;letter-spacing:.02em}.menu-room-stats__total{font-size:.95rem;font-weight:700;font-variant-numeric:tabular-nums;color:#93c5fd}.menu-room-stats__breakdown{display:flex;gap:.5rem}.menu-room-stats__chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:999px;background:#0f172a73;border:1px solid rgba(255,255,255,.06);font-size:.78rem}.menu-room-stats__chip-label{color:#94a3b8f2}.menu-room-stats__chip-value{font-weight:700;font-variant-numeric:tabular-nums;color:#e2e8f0}.menu-room-stats__full-note{display:none;margin:0;font-size:.78rem;line-height:1.45;color:#fca5a5}.menu-room-stats[data-full=true] .menu-room-stats__total{color:#f87171}.menu-room-stats[data-full=true] .menu-room-stats__full-note{display:block}.menu-sidebar{display:flex;flex-direction:column;gap:.65rem;min-width:0;width:100%;align-self:center;animation:menu-fade-in .8s cubic-bezier(.22,1,.36,1) .15s both}.spectator-empty{margin:0 0 .75rem;padding:.75rem;border-radius:10px;font-size:.88rem;color:#cbd5e1d9;background:#ffffff0a;border:1px dashed rgba(255,255,255,.1);text-align:center}.spectator-refresh-btn{display:grid;place-items:center;width:1.85rem;height:1.85rem;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#ffffff0f;color:#e2e8f0e0;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.spectator-refresh-btn__icon{display:block}.spectator-refresh-btn:hover{background:#ffffff1f;border-color:#ffffff2e;color:#f8fafc}.spectator-refresh-btn.is-spinning .spectator-refresh-btn__icon{animation:spectator-refresh-spin .75s linear infinite}@keyframes spectator-refresh-spin{to{transform:rotate(360deg)}}.spectator-match-list{list-style:none;margin:0 0 .85rem;padding:0;max-height:14rem;overflow:auto;display:flex;flex-direction:column;gap:.5rem}.spectator-match-item{display:flex;align-items:center;gap:.75rem;padding:.7rem .8rem;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);transition:border-color .18s ease,background .18s ease}.spectator-match-item:hover{border-color:#93c5fd38;background:#ffffff0f}.spectator-match-item__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.22rem}.spectator-match-item__players{font-size:.92rem;font-weight:600;color:#e2e8f0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spectator-match-item__tags{font-size:.74rem;color:#94a3b8f2;line-height:1.25}.spectator-watch-btn{flex-shrink:0;display:grid;place-items:center;width:2.35rem;height:2.35rem;padding:0;border:1px solid rgba(96,165,250,.35);border-radius:999px;background:linear-gradient(160deg,#2563eb8c,#0f172abf);color:#dbeafe;cursor:pointer;box-shadow:0 4px 14px #2563eb2e;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.spectator-watch-btn__icon{display:block;font-size:.72rem;line-height:1;transform:translate(1px)}.spectator-watch-btn:hover:not(:disabled){transform:translateY(-1px) scale(1.04);border-color:#93c5fd8c;background:linear-gradient(160deg,#3b82f6a6,#1e3a8acc);box-shadow:0 6px 18px #3b82f647}.spectator-watch-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.spectator-watch-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.spectator-badge{position:absolute;top:1.25rem;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .55rem .35rem .65rem;border-radius:999px;background:#0f172ac7;border:1px solid rgba(251,191,36,.35);color:#fde68a;font-size:.78rem;font-weight:700;letter-spacing:.08em;filter:drop-shadow(0 3px 10px rgba(0,0,0,.45));pointer-events:auto;z-index:6}.spectator-badge__exit{pointer-events:auto;border:none;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:600;cursor:pointer;color:#0f172a;background:#fde68a}.spectator-badge__exit:hover{background:#fef3c7}#game[data-spectating=true] .match-controls{display:none}#game[data-spectating=true] #game-canvas{cursor:default}.menu-status{margin:0;padding:.55rem .75rem;border-radius:10px;font-size:.84rem;color:#cbd5e1eb;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.menu-status:empty{display:none;padding:0;border:none;background:none}.menu-room{margin:0;font-size:.9rem;font-weight:700;color:#4ade80;letter-spacing:.02em}.lobby-chat{display:flex;flex-direction:column;width:100%;flex:1;min-height:min(18rem,calc(100svh - 11rem));max-height:min(28rem,calc(100svh - 8rem));border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(165deg,#08120ce0,#0c1c14b8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 40px #00000052;overflow:hidden}.lobby-chat__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-shrink:0;padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.08)}.lobby-chat__heading{display:flex;flex-direction:column;gap:.15rem;min-width:0}.lobby-chat__title{margin:0;font-family:Bebas Neue,Impact,sans-serif;font-size:1.15rem;font-weight:400;letter-spacing:.1em;color:#ecfdf5}.lobby-chat__subtitle{margin:0;font-size:.72rem;color:#94a3b8f2}.lobby-chat__status{flex-shrink:0;padding:.28rem .55rem;border-radius:999px;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;background:#ffffff0d}.lobby-chat__status[data-status=connected]{color:#86efac;background:#22c55e1f}.lobby-chat__status[data-status=offline]{color:#fca5a5;background:#ef44441f}.lobby-chat__messages{flex:1;min-height:0;margin:0;padding:.65rem .85rem;list-style:none;overflow-y:auto;display:flex;flex-direction:column;gap:.45rem}.lobby-chat__message{padding:.45rem .55rem;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.04)}.lobby-chat__meta{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.15rem}.lobby-chat__name{font-size:.72rem;font-weight:700;color:#86efac}.lobby-chat__time{font-size:.62rem;color:#64748b}.lobby-chat__text{margin:0;font-size:.84rem;line-height:1.45;color:#e2e8f0;word-break:break-word}.lobby-chat__form{display:flex;gap:.5rem;flex-shrink:0;padding:.7rem .85rem;border-top:1px solid rgba(255,255,255,.08)}.lobby-chat__input{flex:1;min-width:0;padding:.55rem .75rem;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#00000047;color:#f8fafc;font-family:inherit;font-size:.86rem}.lobby-chat__input:focus{outline:none;border-color:#4ade8073}.lobby-chat__input:disabled{opacity:.5}.lobby-chat__send{padding:.55rem .9rem;border:1px solid rgba(74,222,128,.35);border-radius:12px;background:linear-gradient(180deg,#22c55e59,#15803d73);color:#ecfdf5;font-family:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:opacity .15s ease,transform .15s ease}.lobby-chat__send:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.lobby-chat__send:disabled{opacity:.45;cursor:not-allowed}@keyframes menu-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.menu-shell{grid-template-columns:minmax(0,1fr) minmax(16rem,20rem);width:min(84rem,100%)}.menu-sidebar{grid-column:1 / -1}.lobby-chat{max-height:min(16rem,32svh);min-height:12rem}}@media(max-width:960px){.menu-shell{grid-template-columns:1fr;align-content:start;min-height:auto;gap:1.25rem;padding-top:.75rem}.menu-hero{padding-right:0;text-align:center;align-items:center}.menu-ribbon{align-self:center}.menu-features{justify-content:center}.menu-sidebar{grid-column:auto}.lobby-chat{max-height:min(14rem,30svh);min-height:11rem}}@media(max-width:640px){.menu-topbar{padding-top:.85rem}.menu-brand__sub{display:none}.menu-title__line{font-size:clamp(2.4rem,12vw,3.2rem)}.menu-title__line--accent{font-size:clamp(2.1rem,10vw,2.9rem)}.menu-bg__img{background-position:72% center}.menu-help-btn__label{display:none}.menu-help-btn{padding:.55rem .65rem}}.menu-version{position:fixed;bottom:clamp(.75rem,2vw,1.25rem);left:clamp(1rem,3vw,1.75rem);z-index:3;margin:0;padding:.28rem .55rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#08120c73;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8d9;pointer-events:none;-webkit-user-select:none;user-select:none}.how-to-play-modal__panel{width:min(100%,38rem);max-height:min(92vh,44rem)}.how-to-play-modal__body{display:flex;flex-direction:column;gap:1.1rem;min-height:0;overflow-y:auto}.how-to-section__title{margin:0 0 .45rem;font-family:Bebas Neue,Impact,sans-serif;font-size:1.15rem;font-weight:400;letter-spacing:.08em;color:#86efac}.how-to-section__text,.how-to-section__note,.how-to-list{margin:0;font-size:.88rem;line-height:1.55;color:#cbd5e1}.how-to-section__label{margin:.55rem 0 .25rem;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8}.how-to-section__note{margin-top:.45rem;font-size:.8rem;color:#94a3b8}.how-to-list{padding-left:1.15rem;display:flex;flex-direction:column;gap:.3rem}.how-to-list li::marker{color:#4ade80}.how-to-section kbd,.how-to-keys dt{display:inline-block;padding:.1rem .45rem;border-radius:4px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;font-family:inherit;font-size:.78rem;font-weight:600;color:#f8fafc}.how-to-keys{margin:0;display:flex;flex-direction:column;gap:.45rem}.how-to-keys__row{display:grid;grid-template-columns:7.5rem 1fr;gap:.65rem;align-items:baseline}.how-to-keys dt{margin:0}.how-to-keys dd{margin:0;font-size:.88rem;color:#cbd5e1}.how-to-section--keys{padding-top:.35rem;border-top:1px solid rgba(255,255,255,.08)}.duel-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.duel-modal.hidden{display:none!important;pointer-events:none}.duel-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#040a08b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.duel-modal__panel{position:relative;z-index:1;width:min(100%,26rem);max-height:min(92vh,36rem);overflow-y:auto;border-radius:6px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(155deg,#0a120ef5,#0e1a14eb);box-shadow:0 28px 64px #0000008c;animation:menu-fade-in .35s cubic-bezier(.22,1,.36,1) both}.duel-modal__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.15rem .5rem;border-bottom:1px solid rgba(255,255,255,.08)}.duel-modal__title{margin:0;font-family:Bebas Neue,Impact,sans-serif;font-size:1.65rem;font-weight:400;letter-spacing:.06em;color:#f8fafc}.duel-modal__header-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.duel-modal__close{width:2rem;height:2rem;border:none;border-radius:4px;background:#ffffff14;color:#e2e8f0;font-size:1.35rem;line-height:1;cursor:pointer;transition:background .15s ease}.duel-modal__close:hover{background:#ffffff29}.duel-modal__body{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.15rem 1.15rem;min-height:18rem}.duel-idle-actions{display:flex;flex-direction:column;flex:1;gap:1rem}.duel-join-section{display:flex;flex-direction:column;gap:.65rem;margin-top:auto;padding-top:.5rem}.duel-join-code{width:100%;text-align:center}.duel-join-btn{width:100%;justify-content:center;min-width:unset}.duel-room-view{display:flex;flex-direction:column;gap:.85rem}.duel-room-code-box{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.85rem;border-radius:4px;border:1px dashed rgba(74,222,128,.45);background:#22c55e14}.duel-room-code-box__label{font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#94a3b8e6}.duel-room-code-box__code{font-family:Bebas Neue,Impact,sans-serif;font-size:2.4rem;letter-spacing:.28em;color:#4ade80}.duel-player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.duel-player-list li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .7rem;border-radius:4px;background:#00000047;border:1px solid rgba(255,255,255,.08);font-size:.92rem}.duel-player-list__ready{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}.duel-player-list__ready--on{color:#4ade80}.duel-room-hint{margin:0;font-size:.95rem;font-weight:600;color:#fde047;text-align:center;letter-spacing:.02em}.duel-countdown-label{margin:0;text-align:center;font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#cbd5e1d9}.duel-countdown-label.hidden{display:none!important}.duel-countdown{margin:0;text-align:center;font-family:Bebas Neue,Impact,sans-serif;font-size:4.5rem;line-height:1;letter-spacing:.06em;color:#fde047;text-shadow:0 0 24px rgba(253,224,71,.45)}.duel-modal-status{margin:0;min-height:1.1rem;font-size:.84rem;color:#f87171;text-align:center}.duel-modal-status:empty{display:none}.lobby-actions{display:flex;flex-direction:column;gap:.75rem;width:100%}.join-row{display:flex;gap:.5rem}.btn{padding:.75rem 1.25rem;border:none;border-radius:8px;background:#334155;color:#f8fafc;font-size:1rem;cursor:pointer;transition:background .15s}.btn:hover{background:#475569}.btn.primary{background:#16a34a}.btn.primary:hover{background:#22c55e}.status{color:#94a3b8;font-size:.9rem}.room-info{color:#22c55e;font-weight:600}#game:not(.hidden){position:relative;display:block}#game-canvas{display:block;width:100vw;height:100vh}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.match-latency{position:absolute;top:1.25rem;right:1.25rem;display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .65rem;border-radius:4px;background:#0000009e;border:1px solid rgba(255,255,255,.14);color:#ffffffeb;font-family:Segoe UI,Arial,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.02em;font-variant-numeric:tabular-nums;filter:drop-shadow(0 3px 10px rgba(0,0,0,.45));animation:match-latency-in .35s cubic-bezier(.22,1,.36,1) both}@keyframes match-latency-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.match-latency__dot{width:.5rem;height:.5rem;border-radius:50%;background:#ffffff73;box-shadow:0 0 6px #ffffff40}.match-latency[data-level=good] .match-latency__dot{background:#4ade80;box-shadow:0 0 8px #4ade80a6}.match-latency[data-level=ok] .match-latency__dot{background:#facc15;box-shadow:0 0 8px #facc158c}.match-latency[data-level=poor] .match-latency__dot{background:#f87171;box-shadow:0 0 8px #f871718c}.match-latency[data-level=unknown] .match-latency__dot{background:#ffffff59}.pl-broadcast{position:absolute;top:1.25rem;left:1.25rem;filter:drop-shadow(0 4px 14px rgba(0,0,0,.55));animation:pl-broadcast-in .45s cubic-bezier(.22,1,.36,1) both}@keyframes pl-broadcast-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.pl-broadcast__bar{display:flex;align-items:stretch;min-height:2.75rem;background:linear-gradient(105deg,var(--pl-purple, #3d195b) 0%,#5a1f7a 42%,#3d195b 100%);border-radius:3px;overflow:hidden;border:1px solid rgba(255,255,255,.12);font-family:Arial Narrow,Helvetica Neue Condensed,Segoe UI,Arial,sans-serif}.pl-broadcast__brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;padding:.35rem .55rem;background:linear-gradient(180deg,#ff2dea,#c400a8 55%,#8b0078);min-width:3.1rem;border-right:1px solid rgba(255,255,255,.15)}.pl-broadcast__lion{display:block;width:1.35rem;height:1.35rem;background:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 2c-1.5 2.5-4 3.5-4 7a4 4 0 0 0 8 0c0-3.5-2.5-4.5-4-7zm-6 9c-1.5 1-2 3-1.5 5 .8 3 3.5 4.5 7.5 4.5s6.7-1.5 7.5-4.5c.5-2-.5-4-1.5-5-1 2-3 3-6 3s-5-1-6-3z'/%3E%3C/svg%3E")}.pl-broadcast__league{font-size:.42rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;line-height:1;text-align:center;max-width:3rem}.pl-broadcast__match{display:flex;align-items:stretch;flex:1}.pl-broadcast__side{display:flex;align-items:center;gap:.45rem;padding:0 .65rem;transition:background .25s ease}.pl-broadcast__side--home{padding-left:.75rem;border-right:1px solid rgba(0,0,0,.25)}.pl-broadcast__side--away{padding-right:.75rem;border-left:1px solid rgba(0,0,0,.25)}.pl-broadcast__side--goal{background:#ffffff1f}.pl-broadcast__kit{width:.28rem;align-self:stretch;margin:.35rem 0;border-radius:1px;flex-shrink:0}.pl-broadcast__name{font-size:.95rem;font-weight:800;letter-spacing:.06em;color:#fff;min-width:2.1rem;text-align:center}.pl-broadcast__goals{font-size:1.65rem;font-weight:800;color:#fff;min-width:1.35rem;text-align:center;line-height:1;transition:transform .2s ease,color .2s ease}.pl-broadcast__goals--goal{color:#fde047;transform:scale(1.15)}.pl-broadcast__center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.25rem .85rem;background:#00000038;min-width:4.5rem;border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08)}.pl-broadcast__clock{font-size:1.15rem;font-weight:800;letter-spacing:.04em;color:#fff;font-variant-numeric:tabular-nums;line-height:1.1}.pl-broadcast__period{font-size:.62rem;font-weight:700;letter-spacing:.12em;color:#ffffffbf;margin-top:.1rem}.pl-broadcast__live{display:flex;align-items:center;padding:0 .65rem;font-size:.62rem;font-weight:800;letter-spacing:.14em;color:#ffffff59;background:#00000026;border-left:1px solid rgba(255,255,255,.08)}.pl-broadcast__live--on{color:#fff}.pl-broadcast__live--on:before{content:"";display:inline-block;width:.4rem;height:.4rem;margin-right:.35rem;border-radius:50%;background:#ef4444;box-shadow:0 0 6px #ef4444;animation:pl-live-pulse 1.2s ease-in-out infinite}@keyframes pl-live-pulse{0%,to{opacity:1}50%{opacity:.45}}.pl-broadcast--paused .pl-broadcast__live{color:#ffffff80}.pl-broadcast--paused .pl-broadcast__live:before{display:none}.goal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none;overflow:hidden;display:flex;align-items:center;justify-content:center}.goal-overlay__text{font-family:Arial Black,Impact,Segoe UI,sans-serif;font-size:clamp(3.5rem,14vw,8rem);font-weight:900;letter-spacing:.14em;color:#fde047;white-space:nowrap;opacity:0;text-shadow:0 0 24px rgba(253,224,71,.9),0 0 48px rgba(250,204,21,.45),4px 4px 0 #000,-4px -4px 0 #000,4px -4px 0 #000,-4px 4px 0 #000}.goal-overlay__text--play{animation:goal-sweep 4s cubic-bezier(.25,.46,.45,.94) forwards,goal-flash .28s ease-in-out infinite}@keyframes goal-sweep{0%{transform:translate(-115vw);opacity:0}10%{opacity:1}45%{transform:translate(0);opacity:1}55%{transform:translate(0);opacity:1}90%{opacity:1}to{transform:translate(115vw);opacity:0}}@keyframes goal-flash{0%,to{color:#fde047;filter:brightness(1)}50%{color:#fff;filter:brightness(1.4)}}.broadcast-cut{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;overflow:hidden;opacity:1}.broadcast-cut:before{content:"";position:absolute;top:0;bottom:0;left:-35vw;width:32vw;background:linear-gradient(90deg,#fff0,#ffffffbf 35%,#fffffff2,#ffffffbf 65%,#fff0);transform:translate(0);will-change:transform}.broadcast-cut--in:before,.broadcast-cut--out:before{animation:broadcast-sweep-ltr .5s cubic-bezier(.35,0,.2,1) forwards}@keyframes broadcast-sweep-ltr{0%{transform:translate(0)}to{transform:translate(135vw)}}.offside-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:75;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent}.offside-var-badge{position:fixed;top:clamp(1rem,4vh,2rem);right:clamp(1rem,3vw,2rem);z-index:76;font-family:Arial Black,Impact,Segoe UI,sans-serif;font-size:clamp(1.25rem,4vw,2rem);font-weight:900;letter-spacing:.35em;color:#fff;padding:.35rem .75rem;border:2px solid rgba(255,255,255,.85);border-radius:4px;background:#141428bf;text-shadow:0 0 12px rgba(100,180,255,.9);opacity:0}.offside-var-badge--play{animation:offside-var-pulse 1.2s ease-in-out infinite}@keyframes offside-var-pulse{0%,to{opacity:1;box-shadow:0 0 8px #64b4ff80}50%{opacity:.92;box-shadow:0 0 18px #64b4fff2}}.offside-overlay__text{margin:0;font-family:Arial Black,Impact,Segoe UI,sans-serif;font-size:clamp(2rem,7vw,3.5rem);font-weight:900;letter-spacing:.2em;color:#fff;text-shadow:0 0 20px rgba(255,136,0,.8),3px 3px 0 #000;opacity:0;transform:scale(1.08)}.set-piece-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:74;pointer-events:none;display:flex;align-items:center;justify-content:center}.set-piece-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#040c0847;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.set-piece-overlay__text{position:relative;z-index:1;font-family:Arial Black,Impact,Segoe UI,sans-serif;font-size:clamp(1.75rem,6vw,3.25rem);font-weight:900;letter-spacing:.08em;color:#fff;text-align:center;padding:.5rem 1.25rem;border-radius:8px;background:#08180eb8;border:2px solid rgba(255,255,255,.75);text-shadow:0 2px 16px rgba(0,0,0,.65);opacity:0;transform:scale(.88)}.set-piece-overlay__text--visible{animation:set-piece-title-pop .5s cubic-bezier(.22,1,.36,1) forwards}@keyframes set-piece-title-pop{to{opacity:1;transform:scale(1)}}.offside-overlay__text--visible{animation:offside-title-in .35s ease-out forwards}@keyframes offside-title-in{0%{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.hud-bottom{position:absolute;bottom:1rem;left:0;right:0;display:flex;justify-content:flex-start;padding:0 7.5rem 0 1rem;font-size:.85rem;color:#94a3b8;text-shadow:0 1px 2px rgba(0,0,0,.8)}#phase-label{max-width:calc(100% - 8rem);line-height:1.35}.match-controls{position:absolute;right:1rem;bottom:5.25rem;z-index:6;display:flex;flex-direction:column;gap:.65rem;pointer-events:auto}.match-control-btn{display:flex;flex-direction:column;align-items:center;gap:.28rem;width:4.35rem;padding:.45rem .35rem .4rem;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:linear-gradient(160deg,#08140ee0,#0e1e16c7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ecfdf5;font-family:inherit;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease;box-shadow:0 8px 22px #00000059}.match-control-btn:hover:not(:disabled){transform:translateY(-2px);border-color:#4ade8073;box-shadow:0 10px 26px #22c55e2e}.match-control-btn:active:not(:disabled){transform:translateY(0)}.match-control-btn:disabled{opacity:.42;cursor:not-allowed}.match-control-btn--command:not(:disabled){border-color:#4ade8047}.match-control-btn__icon{display:grid;place-items:center;width:2.65rem;height:2.65rem;border-radius:12px;background:linear-gradient(145deg,#22c55e38,#0f2d1e8c)}.match-control-btn__icon-img{width:1.85rem;height:1.85rem;object-fit:contain;pointer-events:none}.match-control-btn__label{line-height:1}.game-menu{position:absolute;left:50%;bottom:2.75rem;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;max-width:min(96vw,720px);pointer-events:none;background:none}.game-menu:not(.hidden){pointer-events:auto}.menu-panel{background:#0f172ae0;border:2px solid rgba(255,255,255,.92);border-radius:14px;padding:1rem 1.25rem;box-shadow:0 8px 28px #0006}.menu-panel--pass{position:relative;padding:.65rem}.action-menu-timer--pass{position:absolute;top:-.35rem;right:.35rem;z-index:2}.countdown-banner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;background:none}.countdown-banner.hidden{display:none}.duel-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.duel-buttons button{padding:1rem 1.5rem;font-size:1.1rem;border:none;border-radius:12px;background:#1e40af;color:#fff;cursor:pointer;min-width:120px}.duel-buttons button:hover{background:#2563eb}#duel-defender button{background:#991b1b}#duel-defender button:hover{background:#dc2626}.duel-menu{bottom:2rem;max-width:min(96vw,680px);filter:drop-shadow(0 18px 40px rgba(0,0,0,.45))}.duel-menu:not(.hidden) .duel-panel{animation:duel-panel-in .38s cubic-bezier(.22,1,.36,1) both}@keyframes duel-panel-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.duel-panel{position:relative;overflow:hidden;padding:1.15rem 1.2rem 1.25rem;border-radius:20px;background:linear-gradient(155deg,#0c1612eb,#080e18e0);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff14,0 12px 36px #0000006b}.duel-panel__glow{position:absolute;inset:-40% -20% auto;height:70%;background:radial-gradient(ellipse at 50% 0%,rgba(56,189,248,.22),transparent 68%);pointer-events:none}.duel-menu:has(#duel-defender:not(.hidden)) .duel-panel__glow{background:radial-gradient(ellipse at 50% 0%,rgba(248,113,113,.24),transparent 68%)}.duel-panel__header{position:relative;text-align:center;margin-bottom:1rem;display:none}.duel-menu:has(#duel-attacker:not(.hidden)) .duel-panel__header--attack,.duel-menu:has(#duel-defender:not(.hidden)) .duel-panel__header--defend{display:block}.duel-panel__header--command{display:block}.duel-panel__header--command .duel-panel__chip{color:#e2e8f0;background:linear-gradient(90deg,#64748b66,#47556940);border-color:#cbd5e147}.command-menu:not(.hidden) .duel-panel{animation:duel-panel-in .38s cubic-bezier(.22,1,.36,1) both}.command-menu:not(.hidden) .duel-panel__glow{background:radial-gradient(ellipse at 50% 0%,rgba(34,197,94,.2),transparent 68%)}.duel-panel__chip{display:inline-block;padding:.2rem .65rem;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.14em;color:#e0f2fe;background:linear-gradient(90deg,#0ea5e959,#3b82f633);border:1px solid rgba(125,211,252,.35)}.duel-panel__header--defend .duel-panel__chip{color:#fee2e2;background:linear-gradient(90deg,#ef444459,#dc262633);border-color:#fca5a559}.duel-panel__title{margin-top:.55rem;font-size:1.35rem;font-weight:800;letter-spacing:.02em;color:#f8fafc}.duel-panel__hint{margin-top:.3rem;font-size:.82rem;color:#e2e8f0b8}.action-menu-timer{position:absolute;top:.85rem;right:.9rem;z-index:2;min-width:2.75rem;height:2.75rem;padding:0 .35rem;border-radius:999px;display:grid;place-items:center;background:#0f172ad1;border:2px solid rgba(125,211,252,.45);box-shadow:0 4px 18px #00000059}.action-menu-timer__value{font-family:Arial Black,Impact,Segoe UI,sans-serif;font-size:1.35rem;font-weight:800;line-height:1;color:#f8fafc;font-variant-numeric:tabular-nums}.action-menu-timer--urgent{border-color:#f87171d9;background:#450a0ae0;animation:action-menu-timer-pulse .65s ease-in-out infinite}.action-menu-timer--urgent .action-menu-timer__value{color:#fecaca}@keyframes action-menu-timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.command-menu .action-menu-timer{border-color:#86efac73}.command-menu .action-menu-timer--urgent{border-color:#f87171d9}.duel-panel__header--gk{display:block}.duel-panel__header--gk .duel-panel__chip{color:#fef9c3;background:linear-gradient(90deg,#eab30861,#a1620738);border-color:#fde04759}.gk-save-menu:not(.hidden) .duel-panel{animation:duel-panel-in .38s cubic-bezier(.22,1,.36,1) both}.gk-save-menu:not(.hidden) .duel-panel__glow{background:radial-gradient(ellipse at 50% 0%,rgba(250,204,21,.22),transparent 68%)}.gk-save-menu .action-menu-timer{border-color:#fde04773}.duel-btn--catch{background:linear-gradient(145deg,#22c55e38,#052e1661)}.duel-btn--catch:hover{background:linear-gradient(145deg,#22c55e52,#052e167a)}.duel-btn--punch{background:linear-gradient(145deg,#f59e0b38,#451a0361)}.duel-btn--punch:hover{background:linear-gradient(145deg,#f59e0b52,#451a037a)}.duel-actions{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.duel-actions--two{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:560px){.duel-actions{grid-template-columns:1fr}}.duel-btn{display:flex;align-items:center;gap:.75rem;padding:.85rem .9rem;min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#ffffff0a;color:#f8fafc;cursor:pointer;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.duel-btn:hover{transform:translateY(-2px);border-color:#ffffff47;box-shadow:0 10px 24px #00000047}.duel-btn:active{transform:translateY(0) scale(.98)}.duel-btn__icon{flex-shrink:0;width:3.6rem;height:3.6rem;border-radius:12px;overflow:hidden;display:block;background:#0f172a73;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px #ffffff0a}.duel-btn__icon-img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}.duel-btn__text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.duel-btn__text strong{font-size:.98rem;font-weight:700;line-height:1.2}.duel-btn__text small{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#e2e8f0ad}.duel-btn--dribble{background:linear-gradient(145deg,#22c55e2e,#052e1659)}.duel-btn--dribble:hover{background:linear-gradient(145deg,#22c55e47,#052e1673)}.duel-btn--shoot{background:linear-gradient(145deg,#f9731633,#43140759)}.duel-btn--shoot:hover{background:linear-gradient(145deg,#f973164d,#43140773)}.duel-btn--pass{background:linear-gradient(145deg,#3b82f633,#17255459)}.duel-btn--pass:hover{background:linear-gradient(145deg,#3b82f64d,#17255473)}.duel-btn--slide{background:linear-gradient(145deg,#eab30833,#42200659)}.duel-btn--slide:hover{background:linear-gradient(145deg,#eab3084d,#42200673)}.duel-btn--block{background:linear-gradient(145deg,#ef444438,#450a0a61)}.duel-btn--block:hover{background:linear-gradient(145deg,#ef444452,#450a0a7a)}.duel-btn--intercept{background:linear-gradient(145deg,#a855f733,#3b076459)}.duel-btn--intercept:hover{background:linear-gradient(145deg,#a855f74d,#3b076473)}.duel-btn--cancel{background:linear-gradient(145deg,#64748b47,#1e293b6b)}.duel-btn--cancel:hover{background:linear-gradient(145deg,#64748b61,#1e293b85)}.duel-btn__icon--cancel{display:grid;place-items:center;font-size:1.35rem;font-weight:700;line-height:1;color:#e2e8f0;background:linear-gradient(145deg,#64748b,#475569);box-shadow:0 4px 14px #64748b47}.pass-mini-wrap{width:min(88vw,500px);border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.35);cursor:crosshair}#pass-mini-pitch{display:block;width:100%;height:auto}#countdown-overlay span{font-size:6rem;font-weight:800;color:#22c55e;text-shadow:0 4px 20px rgba(34,197,94,.5)}