:root{color:#f7f8f1;background:#15191b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--silver: #d7dbe0;--team-blue: #5c7cff;--team-red: #ff4f45;--team-current: var(--team-blue);--selection-gold: #e7ad3f;--ink: #101315;--panel: #1c2024;--panel-light: #292e33;--line: rgba(255, 255, 255, .9);--field-light: #087f35;--field-dark: #055f27;--tile-highlight-width: 3px}*{box-sizing:border-box}html{min-width:320px;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.08),transparent 30rem),linear-gradient(160deg,#24292d,#111416 58%,#1c2024)}body{min-width:320px;height:100%;margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit}.game-app{display:grid;grid-template-columns:minmax(0,1fr) minmax(5.4rem,7rem);grid-template-rows:auto auto minmax(0,1fr) auto;height:100vh;height:100dvh;max-width:72rem;margin:0 auto;padding:.5rem;gap:.55rem;overflow:hidden}.bottom-nav{grid-row:1}.scorebar{grid-row:2}.bottom-nav,.scorebar,.play-area{grid-column:1 / -1}.control-dock{grid-row:4;grid-column:1}.end-turn{grid-row:4;grid-column:2}.turn-ended-toast{position:absolute;top:50%;left:50%;z-index:30;color:#fff;font-size:clamp(1.47rem,6.3vw,2.98rem);font-style:italic;font-weight:900;letter-spacing:0;line-height:1;pointer-events:none;text-align:center;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 .45rem 1rem rgba(0,0,0,.62);transform:translate(-78%,-50%);white-space:nowrap;-webkit-text-stroke:1px #000}.turn-ended-toast.is-visible{animation:turn-ended-slide-in .26s ease-out forwards}.turn-ended-toast.is-settled{opacity:1;transform:translate(-50%,-50%)}.turn-ended-toast.is-exiting{animation:turn-ended-slide-out .26s ease-in forwards}.goal-toast{position:absolute;top:50%;left:50%;z-index:31;display:grid;gap:.42rem;justify-items:center;color:#fff;font-style:italic;font-weight:900;letter-spacing:0;line-height:.9;pointer-events:none;text-align:center;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 .45rem 1rem rgba(0,0,0,.62);transform:translate(-50%,-50%) scale(.72);white-space:nowrap;-webkit-text-stroke:1px #000}.goal-toast span{display:flex;align-items:baseline;gap:.5rem}.goal-toast strong{font-size:clamp(1.68rem,7vw,3.5rem)}.goal-toast em{font-size:clamp(1.68rem,7vw,3.5rem);font-style:italic}.goal-toast b{font-weight:900}.goal-toast small{font-size:clamp(.9rem,3.8vw,1.7rem)}.team-blue-text{color:color-mix(in srgb,var(--team-blue) 82%,white)}.team-red-text{color:color-mix(in srgb,var(--team-red) 82%,white)}.goal-toast.is-visible{animation:goal-pop-in .36s cubic-bezier(.18,.9,.24,1.18) forwards}.goal-toast.is-settled{opacity:1;transform:translate(-50%,-50%) scale(1)}.goal-toast.is-exiting{animation:goal-pop-out .26s ease-in forwards}.scorebar,.control-dock,.bottom-nav,.side-panel,.end-turn{border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,#ffffff14,#ffffff03),var(--panel);box-shadow:inset 0 1px #ffffff14,0 .75rem 1.8rem #00000047}.scorebar{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(6.5rem,9rem) minmax(0,1fr);min-height:4.65rem;margin-bottom:1.35rem;border-radius:1.25rem;overflow:visible}.team-card,.turn-card{min-width:0;border:0;background:transparent}.team-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(.45rem,2vw,.8rem);padding:.5rem;cursor:pointer;text-transform:uppercase}.team-card.is-silver,.team-card.is-gold{text-align:left}.team-identity{display:flex;align-items:center;gap:clamp(.45rem,2vw,.8rem);min-width:0}.team-card strong{display:block;overflow:hidden;font-size:clamp(.82rem,3.4vw,1.55rem);line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.team-card small{display:block;color:var(--silver);font-size:clamp(1.8rem,6vw,2.7rem);font-weight:800;line-height:.9;text-align:right;white-space:nowrap}.team-turn-timer{position:absolute;top:calc(100% + .28rem);z-index:3;display:block;min-width:7rem;padding:.28rem .68rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#121518d6;color:#ffffffdb;font-size:clamp(.9rem,3vw,1.12rem);font-style:normal;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:.02em;line-height:1;text-align:center;text-transform:uppercase}.timer-x{left:clamp(.55rem,3vw,1.25rem)}.timer-o{right:clamp(.55rem,3vw,1.25rem)}.team-card.is-gold small,.team-card.is-active.is-gold{color:var(--team-blue)}.team-card.is-silver small,.team-card.is-active.is-silver{color:var(--team-red)}.team-card.is-active{background:#ffffff0f}.crest{display:block;flex:0 0 auto;width:clamp(2.35rem,10vw,4.2rem);aspect-ratio:1;border:0;border-radius:.45rem;object-fit:contain}.team-icon{background:transparent}.turn-card{display:grid;align-content:center;justify-items:center;padding:.4rem;border-right:1px solid rgba(255,255,255,.15);border-left:1px solid rgba(255,255,255,.15);text-align:center}.turn-card span{font-size:clamp(.7rem,2.7vw,1rem);font-weight:900;letter-spacing:.04em;text-transform:uppercase}.turn-card h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.turn-card strong{color:var(--team-current);font-size:clamp(1rem,4vw,1.5rem)}.timer-card strong{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.04em}.play-area{display:grid;grid-row:3;grid-template-columns:minmax(0,1fr) minmax(3.15rem,4.8rem);gap:.28rem;width:100%;height:100%;min-width:0;min-height:0;align-items:center;justify-content:center;container-type:size;overflow:hidden}.match-layout{display:grid;width:100%;height:100%;min-width:0;min-height:0;place-items:center;container-type:size;overflow:hidden}.board-unit{display:grid;grid-template-columns:1.25fr 9fr;width:auto;height:min(100cqh,calc(100cqw * 14 / 10.25));max-width:100%;max-height:100%;aspect-ratio:10.25 / 14;min-width:0;min-height:0}.bench-rail{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));align-self:stretch;row-gap:30px;min-height:0}.side-panel{display:grid;align-content:center;justify-items:center;gap:.65rem;align-self:center;padding:.65rem .35rem;border-radius:.8rem}.bench-gold{align-self:end;border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:color-mix(in srgb,var(--team-current) 56%,rgba(255,255,255,.18))}.bench-silver{align-self:start;border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:#ffffff52}.bench-gold+.bench-silver{border-top:1px solid rgba(255,255,255,.16)}.side-panel strong{font-size:clamp(.56rem,1.8vw,.78rem);line-height:1.1;max-width:4.2rem;text-align:center;text-transform:uppercase}.bench-slot{position:relative;display:grid;place-items:center;width:clamp(1.95rem,5.5vw,2.75rem);aspect-ratio:1;border:0;border-radius:50%;background:transparent;padding:0}.bench-slot:not(.has-player){border:2px dashed rgba(255,255,255,.35);background:#ffffff08}.bench-slot img{display:block;width:100%;height:100%;object-fit:contain}.bench-slot span{position:absolute;left:-.25rem;top:-.1rem;display:grid;min-width:1rem;min-height:1rem;place-items:center;padding:0 .12rem;border:1px solid rgba(255,255,255,.65);border-radius:999px;background:#0b0d0fc7;color:#fff;font-size:clamp(.42rem,1.4vw,.6rem);font-weight:900;line-height:1}.bench-slot.is-active{outline:3px solid var(--selection-gold);outline-offset:2px}.marker.is-active,.action-button.is-active{outline:3px solid var(--team-current);outline-offset:2px}.tile.is-active{z-index:6;box-shadow:inset 0 0 0 var(--tile-highlight-width) var(--selection-gold)}.goal-net-tile.is-legal{z-index:5;box-shadow:inset 0 0 0 var(--tile-highlight-width) #e7ad3fd6}.field-wrap{position:relative;display:grid;align-items:center;justify-items:center;height:100%;min-width:0;min-height:0;padding-block:0;padding-inline:0}.field-stage{position:relative;display:grid;align-items:center;justify-items:center;width:100%;height:auto;max-height:100%;aspect-ratio:9 / 14}.field{position:relative;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(12,1fr);width:100%;height:auto;max-height:100%;max-width:100%;aspect-ratio:9 / 12;overflow:hidden;border:2px solid var(--line);background:var(--field-dark);box-shadow:0 1rem 2.5rem #00000059}.tile{position:relative;min-width:0;min-height:0;border:0;border-radius:0;background:var(--field-dark);cursor:pointer}.tile-light{background:var(--field-light)}.tile-dark{background:var(--field-dark)}.auto-goal-marker{position:absolute;z-index:4;left:calc((var(--col) - .5) * 100% / 9);top:calc((var(--row) - .5) * 100% / 12);display:grid;width:calc(100% / 9);aspect-ratio:1;place-items:center;padding:0;border:0;background:transparent;cursor:pointer;opacity:.72;transform:translate(-50%,-50%)}.auto-goal-marker.is-active{z-index:7;opacity:1;filter:drop-shadow(0 0 .45rem var(--selection-gold))}.auto-goal-marker.is-legal{z-index:7;opacity:1}.auto-goal-marker.is-active:before,.auto-goal-marker.is-legal:before{content:"";position:absolute;z-index:0;left:50%;top:50%;width:100%;aspect-ratio:1;border:var(--tile-highlight-width) solid var(--selection-gold);transform:translate(-50%,-50%)}.auto-goal-marker img{position:relative;z-index:1;display:block;width:72%;height:72%}.move-target-layer{pointer-events:none;position:absolute;z-index:6;top:0;right:0;bottom:0;left:0}.move-target-layer.is-debugging{z-index:10}.move-target{pointer-events:auto;position:absolute;left:calc((var(--col) - .5) * 100% / 9);top:calc((var(--row) - .5) * 100% / 12);display:grid;width:calc(100% / 9);aspect-ratio:1;place-items:center;padding:0;border:var(--tile-highlight-width) solid rgba(231,173,63,.88);border-radius:0;background:#e7ad3f14;color:#fff;cursor:pointer;transform:translate(-50%,-50%)}.move-target.is-blocked{border-style:dashed;border-color:#e7ad3f7a;background:#14120c2e;cursor:not-allowed}.move-target.is-selected-bend{border-color:#fff;background:#e7ad3f33;box-shadow:inset 0 0 0 2px var(--selection-gold),0 0 .65rem #e7ad3f61;cursor:default}.move-target span{display:none}.move-target-layer.is-debugging .move-target span{display:block;position:relative;z-index:10;max-width:100%;padding:.08rem .12rem;border-radius:.2rem;background:#080a0cc7;color:#fff;font-size:clamp(.42rem,1.3vw,.58rem);font-weight:800;line-height:1.05;text-align:center;overflow-wrap:anywhere}.player-marker{position:absolute;z-index:calc(8 + var(--marker-stack-z, 0));left:calc((var(--col) - .5) * 100% / 9);top:calc((var(--row) - .5) * 100% / 12);display:grid;width:calc(100% / 9 * .58);aspect-ratio:1;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;transform:translate(calc(-50% + var(--stack-x, 0px)),calc(-50% + var(--stack-y, 0px))) scale(var(--marker-scale, 1))}.player-marker.is-shared-tile{width:calc(100% / 9 * .52)}.player-marker img{display:block;width:100%;height:100%;object-fit:contain}.player-marker span{position:absolute;left:-.25rem;top:-.1rem;display:grid;min-width:1rem;min-height:1rem;place-items:center;padding:0 .12rem;border:1px solid rgba(255,255,255,.65);border-radius:999px;background:#0b0d0fc7;color:#fff;font-size:clamp(.42rem,1.4vw,.6rem);font-weight:900;line-height:1}.player-marker b{position:absolute;right:-.18rem;bottom:-.18rem;display:grid;width:1.15rem;aspect-ratio:1;place-items:center}.player-marker b img{display:block;width:100%;height:100%;object-fit:contain}.player-marker.is-active{outline:3px solid var(--selection-gold);outline-offset:2px}.player-marker.is-legal{outline:3px solid rgba(231,173,63,.84);outline-offset:2px}.player-marker.is-inactive{opacity:.45;filter:grayscale(.75)}.unit-shadow-layer{pointer-events:none;position:absolute;z-index:5;top:0;right:0;bottom:0;left:0}.unit-shadow{position:absolute;left:calc((var(--col) - .5) * 100% / 9);top:calc((var(--row) - .5) * 100% / 12);width:calc(100% / 9);aspect-ratio:1;border:2px dashed rgba(255,255,255,.42);background:linear-gradient(135deg,transparent 42%,rgba(255,255,255,.14) 42% 48%,transparent 48%),linear-gradient(45deg,transparent 42%,rgba(255,255,255,.14) 42% 48%,transparent 48%);opacity:.72;transform:translate(-50%,-50%)}.unit-shadow.is-blue{border-color:color-mix(in srgb,var(--team-blue) 68%,white)}.unit-shadow.is-red{border-color:color-mix(in srgb,var(--team-red) 68%,white)}.substitution-ghost{position:fixed;z-index:120;pointer-events:none;transform:translate(-50%,-50%)}.traveling-ball{pointer-events:none;position:absolute;z-index:12;left:calc((var(--col) - .5) * 100% / 9);top:calc((var(--row) - .5) * 100% / 12);width:calc(100% / 9 * .26);aspect-ratio:1;background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 .25rem .45rem rgba(0,0,0,.46));transform:translate(-50%,-50%)}.traveling-ball.is-shot{z-index:90;width:calc(100% / 9 * .42);filter:drop-shadow(0 .2rem .42rem rgba(0,0,0,.5)) drop-shadow(0 0 .46rem rgba(255,255,255,.16))}.tile:hover,.tile:focus-visible,.auto-goal-marker:hover,.auto-goal-marker:focus-visible,.move-target:hover,.move-target:focus-visible,.player-marker:hover,.player-marker:focus-visible,.marker:hover,.marker:focus-visible,.action-button:hover,.action-button:focus-visible,.team-card:hover,.team-card:focus-visible,.bench-slot:hover,.bench-slot:focus-visible,.end-turn:hover,.end-turn:focus-visible,.bottom-nav button:hover,.bottom-nav button:focus-visible,.pill-button:hover,.pill-button:focus-visible{filter:brightness(1.12)}.box,.half-line,.center-circle,.goal{pointer-events:none;position:absolute}.box{z-index:3;left:calc(100% / 3);width:calc(100% / 3);height:calc(100% / 12);border:2px solid var(--line)}.box-top{top:-1px;border-top:0}.box-bottom{bottom:-1px;border-bottom:0}.half-line{top:50%;left:0;width:100%;border-top:2px solid var(--line)}.center-circle{top:50%;left:50%;width:25%;aspect-ratio:1;border:2px solid var(--line);border-radius:50%;transform:translate(-50%,-50%)}.center-circle:after{content:"";position:absolute;top:50%;left:50%;width:.7rem;aspect-ratio:1;border-radius:50%;background:var(--line);transform:translate(-50%,-50%)}.goal{z-index:2;left:50%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));pointer-events:auto;width:calc(100% / 3);height:calc(100% / 14);border:2px solid rgba(255,255,255,.78);background:linear-gradient(90deg,transparent calc(100% / 3 - 1px),rgba(255,255,255,.96) calc(100% / 3 - 1px) calc(100% / 3 + 1px),transparent calc(100% / 3 + 1px)),linear-gradient(90deg,transparent calc(200% / 3 - 1px),rgba(255,255,255,.96) calc(200% / 3 - 1px) calc(200% / 3 + 1px),transparent calc(200% / 3 + 1px)),repeating-linear-gradient(90deg,transparent 0 .36rem,rgba(255,255,255,.7) .36rem calc(.36rem + 1px)),repeating-linear-gradient(0deg,rgba(255,255,255,.28) 0 1px,transparent 1px .42rem);transform:translate(-50%)}.goal-net-tile{position:relative;min-width:0;min-height:0;border:0;background:transparent;cursor:pointer}.goal-net-tile.is-active{z-index:1;box-shadow:inset 0 0 0 3px var(--selection-gold)}.goal-top{top:0}.goal-bottom{bottom:0}.marker{position:absolute;z-index:4;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);border:0;background:transparent;transform:translate(-50%,-50%);cursor:pointer}.player-token{display:inline-block;width:clamp(.75rem,3.6vw,1.2rem);aspect-ratio:.62;clip-path:polygon(50% 0,86% 42%,59% 42%,50% 100%,41% 42%,14% 42%);background:currentColor}.player-token.gold{color:var(--team-current)}.player-token.silver{color:var(--silver)}.player-token.large{width:2rem;flex:0 0 auto}.player-token:after{content:""}.ball-token{display:inline-grid;width:clamp(1rem,4.2vw,1.55rem);aspect-ratio:1;place-items:center;border:2px solid #023c1a;border-radius:50%;background:radial-gradient(circle at 50% 50%,#073 0 18%,transparent 19%),radial-gradient(circle at 28% 30%,#0dd45d 0 15%,transparent 16%),radial-gradient(circle at 72% 35%,#0ba847 0 15%,transparent 16%),radial-gradient(circle at 34% 76%,#0ba847 0 15%,transparent 16%),radial-gradient(circle at 74% 73%,#0dd45d 0 15%,transparent 16%),#12b64c}.control-dock{display:grid;gap:.75rem;padding:.8rem;border-color:color-mix(in srgb,var(--team-blue) 72%,rgba(255,255,255,.16));border-radius:1rem}.selection-row{display:flex;align-items:center;gap:.7rem}.selection-row p{min-width:0;flex:1;margin:0}.selection-row strong,.selection-row small{display:block}.selection-row strong{font-size:clamp(.86rem,3.2vw,1.05rem)}.selection-row small{margin-top:.18rem;color:#47f462;font-size:clamp(.78rem,2.9vw,.95rem)}.player-status-grid{display:flex;flex-wrap:wrap;gap:.22rem .58rem;margin-top:.28rem}.player-status-grid span{color:#ffffffd1;font-size:clamp(.72rem,2.3vw,.9rem);font-weight:800;line-height:1.15;text-transform:uppercase}.player-status-grid span:before{content:"•";margin-right:.36rem;color:var(--team-current)}mark{color:var(--team-current);background:transparent}.pill-button{min-height:2.4rem;padding:0 .75rem;border:1px solid rgba(255,255,255,.23);border-radius:999px;background:#ffffff0a;color:#fff;font-size:clamp(.68rem,2.7vw,.82rem);font-weight:800;text-transform:uppercase}.control-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem}.modal-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;padding:1rem;place-items:center;background:#050708ad}.modal-backdrop[hidden]{display:none}.player-info-modal{width:min(100%,24rem);border:1px solid rgba(255,255,255,.18);border-radius:.9rem;background:linear-gradient(145deg,#ffffff1a,#ffffff05),#1d2226;box-shadow:0 1.5rem 4rem #0000007a;color:#f7f8f1}.player-info-modal header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.12)}.player-info-modal header div{display:flex;align-items:center;gap:.7rem}.player-info-modal h2{margin:0;font-size:1.1rem}.modal-close{display:grid;width:2.3rem;aspect-ratio:1;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#ffffff0f;color:#fff;cursor:pointer;font-size:1.45rem;line-height:1}.player-stats{display:grid;gap:.65rem;margin:0;padding:1rem}.player-stats div{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:.8rem}.player-stats dt{color:#ffffff9e;font-size:.76rem;font-weight:800;text-transform:uppercase}.player-stats dd{margin:0;color:#fff;font-size:.92rem}.action-panel{display:grid;gap:.5rem}.action-panel>span{color:#ffffffc7;font-size:.74rem;font-weight:700;letter-spacing:.18em;text-align:center;text-transform:uppercase}.board-action-panel{align-self:center;min-width:0;overflow:hidden;padding:.45rem .35rem;border:1px solid rgba(255,255,255,.16);border-radius:.8rem;background:linear-gradient(145deg,#ffffff14,#ffffff03),var(--panel);box-shadow:inset 0 1px #ffffff14,0 .75rem 1.8rem #00000038}.action-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.38rem}.action-button{position:relative;display:grid;min-width:0;width:100%;min-height:3.35rem;grid-template-rows:1.45rem auto;align-items:center;justify-items:center;gap:.18rem;padding:.28rem .18rem;border:1px solid rgba(255,255,255,.16);border-radius:.7rem;background:linear-gradient(145deg,#ffffff14,#ffffff03),#20252a;color:#f7f8f1;cursor:pointer;text-transform:uppercase}.action-button.is-special:before{content:"★";position:absolute;left:.32rem;top:.22rem;color:var(--selection-gold);font-size:.72rem;line-height:1;text-shadow:0 .16rem .3rem rgba(0,0,0,.45)}.action-button:disabled,.action-button[aria-disabled=true]{border-color:#ffffff14;background:linear-gradient(145deg,#ffffff09,#ffffff01),#171b1f;color:#ffffff52;cursor:not-allowed;filter:grayscale(1);opacity:.55}.action-button strong{display:block;font-size:clamp(.54rem,1.7vw,.72rem);line-height:1.1;text-align:center}.action-icon{position:relative;display:grid;width:2rem;height:1.35rem;place-items:center;color:var(--team-current)}.action-button:disabled .action-icon,.action-button[aria-disabled=true] .action-icon{color:#ffffff47}.action-icon:before{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1.55rem;font-weight:900}.action-icon.run:before{content:"↗"}.action-icon.carry:before{content:"⤴"}.action-icon.ground-pass:before{content:"→"}.action-icon.aerial-pass:before{content:"⌒"}.action-icon.shoot:before{content:"◎"}.action-icon.goal:before{content:"▥"}.end-turn{justify-self:end;min-width:min(10.5rem,48vw);min-height:4.7rem;border-color:color-mix(in srgb,var(--team-blue) 78%,white);border-radius:1rem;background:linear-gradient(145deg,#6f8cff,#224cc7);color:#fff;font-weight:900;text-transform:uppercase;cursor:pointer}.end-turn span{display:block;font-size:2.4rem;line-height:.8}.end-turn.is-silver{border-color:color-mix(in srgb,var(--team-red) 78%,white);background:linear-gradient(145deg,#ff6a5d,#b82131)}.end-turn:disabled,.end-turn[aria-disabled=true]{border-color:#ffffff29;background:linear-gradient(145deg,#464c52eb,#20252af0);color:#ffffff7a;cursor:not-allowed;filter:none}.bottom-nav{display:grid;grid-template-columns:repeat(3,1fr);min-height:3.1rem;overflow:hidden;border-radius:999px}.bottom-nav button{border:0;border-right:1px solid rgba(255,255,255,.11);background:transparent;color:#ffffffbf;cursor:pointer;font-size:clamp(.72rem,2.8vw,.95rem);text-transform:uppercase}.bottom-nav button:last-child{border-right:0}.bottom-nav span{display:inline-block;margin-right:.4rem;color:#fff9;font-size:1.15rem}@media (max-width: 520px){:root{--tile-highlight-width: 2px}.game-app{grid-template-columns:minmax(0,1fr) minmax(5rem,6.35rem);grid-template-rows:auto auto minmax(0,1fr) auto;padding:.22rem;gap:.24rem}.scorebar,.bottom-nav{grid-column:1 / -1}.play-area{grid-column:1 / -1;grid-template-columns:minmax(0,1fr) minmax(3.15rem,4.4rem)}.match-layout{grid-column:1}.board-action-panel{grid-column:2}.scorebar{min-height:3.12rem;margin-bottom:.9rem;border-radius:.8rem}.team-card{gap:.35rem;padding:.32rem}.team-card strong{font-size:clamp(.66rem,3vw,.86rem)}.team-card small{margin-top:.18rem;font-size:clamp(1.35rem,6vw,1.75rem)}.team-turn-timer{top:calc(100% + .18rem);min-width:5.55rem;padding:.2rem .46rem;font-size:.72rem}.crest{width:clamp(1.8rem,8vw,2.35rem);border-width:.16rem}.turn-card{padding:.24rem}.turn-card span{font-size:.62rem}.turn-card strong{font-size:clamp(.82rem,3.5vw,1rem)}.side-panel{display:grid;gap:.38rem;padding:.45rem .28rem;border-radius:.65rem}.side-panel strong{max-width:3rem;font-size:.5rem}.bench-slot{width:1.75rem}.field-stage{width:100%;height:auto;max-width:100%}.board-unit{grid-template-columns:1.25fr 9fr;width:auto;height:min(100cqh,calc(100cqw * 14 / 10.25));max-height:100%;aspect-ratio:10.25 / 14}.control-dock{grid-row:4;grid-column:1;padding:.32rem .4rem;gap:0;border-radius:.75rem}.selection-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.42rem}.player-token.large{width:1.35rem}.selection-row strong{font-size:.78rem}.selection-row p{width:100%}.selection-row small{margin-top:0;font-size:.7rem}.player-status-grid{width:100%;gap:.14rem .42rem;margin-top:.18rem}.player-status-grid span{font-size:.56rem}.pill-button{align-self:start;min-height:1.75rem;padding:0 .46rem;font-size:.58rem}.control-actions{display:grid;justify-content:stretch;gap:.25rem}.action-panel{gap:.24rem}.board-action-panel{min-width:0;padding:.3rem .22rem;border-radius:.65rem}.action-panel>span{font-size:.48rem;letter-spacing:.08em}.action-grid{gap:.24rem}.action-button{min-height:2.35rem;grid-template-rows:1rem auto;gap:.1rem;padding:.16rem .08rem;border-radius:.5rem}.action-button strong{font-size:.46rem;line-height:1.05}.action-icon{width:1rem;height:.9rem}.action-icon:before{font-size:.95rem}.end-turn{grid-row:4;grid-column:2;align-self:stretch;justify-self:stretch;min-width:0;min-height:0;border-radius:.75rem;font-size:.66rem}.end-turn span{font-size:1.45rem}.bottom-nav{min-height:2.08rem}.bottom-nav button{font-size:.6rem}.bottom-nav span{margin-right:.2rem;font-size:.82rem}}@keyframes turn-ended-slide-in{0%{opacity:0;transform:translate(-78%,-50%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes turn-ended-slide-out{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-22%,-50%)}}@keyframes goal-pop-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}72%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes goal-pop-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.82)}}@media (min-width: 900px) and (orientation: landscape){.game-app{grid-template-columns:minmax(0,1fr) minmax(16rem,18rem);grid-template-rows:auto auto auto auto auto minmax(0,1fr);align-content:start}.bottom-nav{grid-row:1;grid-column:2;min-height:2.6rem;border-radius:.8rem}.bottom-nav button:not(:first-child){display:none}.bottom-nav button:first-child{border-right:0}.scorebar{grid-row:2;grid-column:2;align-self:start;grid-template-columns:minmax(0,1fr);gap:.32rem;min-height:0;margin-bottom:0;padding:.52rem;overflow:hidden}.scorebar .team-card,.scorebar .turn-card{border:1px solid rgba(255,255,255,.1);border-radius:.7rem;background:#ffffff09}.scorebar .team-card{padding:.42rem}.scorebar .team-card strong{font-size:1rem}.scorebar .team-card small{font-size:2rem}.scorebar .crest{width:2.35rem;border-width:.18rem}.scorebar .turn-card{padding:.42rem;border-right:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1)}.scorebar .team-turn-timer{position:static;min-width:0;width:100%;padding:.22rem .5rem;font-size:.76rem}.scorebar .timer-card{order:1}.scorebar .team-card.is-gold{order:2}.scorebar .timer-x{order:3}.scorebar .team-card.is-silver{order:4}.scorebar .timer-o{order:5}.play-area{display:contents}.match-layout{grid-row:1 / -1;grid-column:1;padding-right:.75rem}.board-action-panel{grid-row:4;grid-column:2;align-self:start;min-height:0;max-height:none;overflow:hidden}.board-action-panel .action-grid{gap:.3rem}.board-action-panel .action-button{min-height:clamp(2.4rem,7.2vh,3.15rem);padding:.2rem .14rem}.control-dock{grid-row:3;grid-column:2;align-self:start;padding:.65rem}.control-dock .selection-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.control-dock .pill-button{grid-column:1 / -1;justify-self:stretch}.control-dock .control-actions{display:grid;justify-content:stretch}.control-dock .player-status-grid{gap:.16rem .45rem}.end-turn{grid-row:5;grid-column:2;align-self:start;justify-self:stretch;min-height:4.1rem}}@media (min-width: 900px) and (orientation: landscape) and (max-height: 850px){.board-action-panel .action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.board-action-panel .action-button{min-height:2.45rem}}@media (min-width: 900px) and (orientation: landscape) and (min-height: 851px){.bottom-nav{margin-top:clamp(2rem,5.6vh,4rem)}}