:root{font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7f8fc;background:#0c111c;font-synthesis:none;text-rendering:optimizeLegibility;--player: #27d7b1;--player-dark: #0f8e7a;--coral: #ff6f61;--coral-dark: #bd4037;--gold: #ffd166;--gold-dark: #a87619;--violet: #9b8cff;--violet-dark: #5b4eb5;--neutral: #273044;--panel: rgba(23, 31, 48, .92);--muted: #95a2b8}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 50% -10%,rgba(58,93,154,.28),transparent 38%),linear-gradient(180deg,#111827,#090d15);overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font:inherit}.game-shell{width:min(100%,620px);min-height:100dvh;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 12px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:42px}.brand-lockup{min-width:0;align-self:center}.brand{font-weight:1000;font-size:clamp(19px,5.5vw,28px);line-height:1;letter-spacing:-.07em;transform:skew(-7deg);text-shadow:0 3px 0 rgba(0,0,0,.25)}.brand span{color:var(--gold)}.brand-tagline{margin-top:3px;max-width:175px;color:var(--muted);font-size:clamp(8px,2.2vw,10px);font-weight:750;line-height:1.05;letter-spacing:.01em}.round-pill{justify-self:center;padding:7px 12px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#dfe6f3;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.icon-button{justify-self:end;border:0;width:36px;height:36px;border-radius:50%;color:#dbe3f0;background:#ffffff12;cursor:pointer;font-size:18px}.score-card{display:grid;grid-template-columns:repeat(var(--score-columns, 2),minmax(0,1fr));align-items:center;padding:10px 8px;border-radius:18px;background:var(--panel);border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 40px #0003}.score-entry{min-width:0;padding:0 6px;text-align:center;border-left:1px solid rgba(255,255,255,.09)}.score-entry:first-child{border-left:0}.score-entry.human{background:linear-gradient(180deg,rgba(39,215,177,.06),transparent);border-radius:12px}.score-label{overflow:hidden;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.score-value{margin-top:2px;color:var(--score-color);font-size:clamp(24px,7vw,36px);font-weight:1000;line-height:1}.status-row{min-height:48px;display:grid;grid-template-columns:52px 1fr 52px;align-items:center;gap:8px}.timer{position:relative;width:48px;height:48px;display:grid;place-items:center}.timer svg{position:absolute;inset:0;transform:rotate(-90deg)}.timer-track,.timer-progress{fill:none;stroke-width:5}.timer-track{stroke:#ffffff17}.timer-progress{stroke:var(--gold);stroke-linecap:round;transition:stroke-dashoffset .08s linear}.timer.warning .timer-progress{stroke:var(--coral)}.timer-number{font-weight:1000;font-size:18px}.status-copy{text-align:center;min-width:0}.status-title{font-weight:950;font-size:17px}.status-subtitle{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.2}.mode-chip{justify-self:end;width:40px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#cbd5e5;background:#ffffff0f;font-size:10px;font-weight:1000;letter-spacing:.06em}.board-frame{position:relative;flex:1 1 auto;min-height:350px;display:grid;place-items:center;border-radius:24px;background:radial-gradient(circle at center,rgba(54,72,108,.42),transparent 68%),#04080f59;border:1px solid rgba(255,255,255,.06);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.board-frame:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px #00000052}#board{width:100%;height:100%;max-height:58dvh;min-height:340px;overflow:visible;touch-action:none}.hex{fill:var(--neutral);stroke:#3a4660;stroke-width:1.2;vector-effect:non-scaling-stroke;transition:fill .35s ease,stroke .25s ease,opacity .2s ease,transform .15s ease;cursor:crosshair}.hex.owner-1{fill:var(--player-dark);stroke:#42e6c2}.hex.owner-2{fill:var(--coral-dark);stroke:#ff887d}.hex.owner-3{fill:var(--gold-dark);stroke:#ffe09a}.hex.owner-4{fill:var(--violet-dark);stroke:#bcb2ff}.hex.preview{fill:#27d7b17a;stroke:#8ff7e0;stroke-width:2.2}.hex.selected{fill:var(--player);stroke:#e8fffa;stroke-width:3;filter:drop-shadow(0 0 7px rgba(39,215,177,.8))}.hex.occupied{cursor:not-allowed}.hex.changed{animation:tile-pop .42s cubic-bezier(.2,.9,.25,1.2) both}@keyframes tile-pop{0%{opacity:.35}55%{opacity:1}}.flag-group{pointer-events:none;transform-origin:center}.flag-group.new-flag{animation:flag-drop .48s cubic-bezier(.2,.9,.2,1.3) both}@keyframes flag-drop{0%{opacity:0;transform:translateY(-24px) scale(.4)}to{opacity:1;transform:none}}.flag-pole{stroke:#f8fbff;stroke-width:2.2;vector-effect:non-scaling-stroke}.flag-cloth.player-1{fill:var(--player)}.flag-cloth.player-2{fill:var(--coral)}.flag-cloth.player-3{fill:var(--gold)}.flag-cloth.player-4{fill:var(--violet)}.flag-base{fill:#00000059}.flag-round{fill:#101827;stroke:#ffffffbf;stroke-width:.8}.flag-round-text{fill:#fff;font-size:7px;font-weight:900;text-anchor:middle;dominant-baseline:central}.standoff-badge{position:absolute;z-index:3;top:48%;left:50%;transform:translate(-50%,-50%) rotate(-4deg);padding:9px 16px;border-radius:12px;color:#141821;background:var(--gold);font-size:22px;font-weight:1000;letter-spacing:-.04em;box-shadow:0 8px 30px #00000059;animation:badge-in .85s ease both}@keyframes badge-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-14deg)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(-4deg)}80%{opacity:1}to{opacity:0}}.controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,1.15fr);gap:10px}.power-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.07)}.power-icon{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#ffd1661f;color:var(--gold);font-size:20px}.power-label{color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.power-value{font-size:14px;font-weight:950;white-space:nowrap}.lock-button{border:0;border-radius:16px;color:#071b16;background:linear-gradient(180deg,#50edca,#25cfae);box-shadow:0 5px #0b816c,0 10px 25px #27d7b138;font-weight:1000;letter-spacing:.04em;cursor:pointer;text-transform:uppercase;transition:transform .12s ease,opacity .15s ease}.lock-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #0b816c}.lock-button:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.toast{position:fixed;z-index:20;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translate(-50%,12px);width:max-content;max-width:calc(100vw - 40px);padding:10px 15px;border-radius:999px;background:#060a11eb;border:1px solid rgba(255,255,255,.13);color:#edf2fa;font-size:13px;font-weight:850;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.toast.show{opacity:1;transform:translate(-50%)}.modal-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:#05080ec7;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);overflow-y:auto}.modal{width:min(100%,430px);padding:25px 22px 22px;border-radius:26px;background:linear-gradient(180deg,#202b41,#131b2a);border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 100px #0000007a;text-align:center}.mode-modal{width:min(100%,470px)}.modal-kicker{color:var(--gold);font-weight:950;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.modal h1{margin:6px 0 8px;font-size:clamp(34px,11vw,52px);line-height:.95;letter-spacing:-.07em}.modal h1.help-title{font-size:40px}.modal p{margin:0 auto;max-width:365px;color:#b2bdd0;line-height:1.45;font-size:14px}.rules{margin:20px 0;display:grid;gap:9px;text-align:left}.rule{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;padding:10px;border-radius:14px;background:#ffffff0e}.rule-number{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#ffd16624;color:var(--gold);font-weight:1000}.rule strong{display:block;font-size:13px}.rule span{display:block;margin-top:2px;color:#96a5bb;font-size:11px;line-height:1.35}.mode-list{margin:18px 0 12px;display:grid;gap:9px}.mode-option{width:100%;padding:13px 14px;border:1px solid rgba(255,255,255,.09);border-radius:15px;color:#fff;background:#ffffff0e;text-align:left;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.mode-option:hover,.mode-option:focus-visible{border-color:#27d7b199;background:#27d7b117;outline:none}.mode-option:active{transform:scale(.985)}.mode-option-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.mode-option strong{font-size:15px}.mode-option em{padding:4px 7px;border-radius:999px;color:#152016;background:var(--gold);font-size:9px;font-style:normal;font-weight:1000;letter-spacing:.04em;text-transform:uppercase}.mode-option>span:nth-child(2){display:block;margin-top:5px;color:#aeb9cc;font-size:12px;line-height:1.35}.mode-option small{display:block;margin-top:7px;color:#75839a;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.analytics-note{color:#75839a;font-size:10px}.primary-button,.secondary-button{width:100%;min-height:52px;border:0;border-radius:15px;cursor:pointer;font-weight:1000}.primary-button{color:#071b16;background:var(--player);box-shadow:0 5px #0c8e77}.secondary-button{margin-top:10px;color:#fff;background:#ffffff14}.result-list{margin:20px 0;display:grid;gap:7px}.result-row{display:grid;grid-template-columns:28px 12px 1fr auto;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#ffffff0e;text-align:left}.result-row.human{outline:1px solid rgba(39,215,177,.35)}.result-rank{color:#7e8ba1;font-size:12px;font-weight:900}.result-dot{width:10px;height:10px;border-radius:50%;background:var(--dot)}.result-row strong{font-size:13px}.result-row>span:last-child{font-size:20px;font-weight:1000}@media(max-height:720px){.game-shell{gap:7px;padding-top:7px}.topbar{min-height:34px}.score-card{padding:7px 6px}.score-value{font-size:25px}.status-row{min-height:42px}.timer{width:42px;height:42px}#board{min-height:300px;max-height:49dvh}.board-frame{min-height:305px}.power-card{padding:7px 9px}.modal{margin:auto 0;padding-top:18px}.mode-list{margin-top:12px}.mode-option{padding:10px 12px}}.home-modal{width:min(100%,450px)}.home-actions{margin:20px 0 8px;display:grid;gap:10px}.home-action{width:100%;min-height:78px;display:grid;grid-template-columns:46px 1fr;align-items:center;gap:12px;padding:13px 15px;border:1px solid rgba(255,255,255,.1);border-radius:18px;color:#fff;text-align:left;cursor:pointer;transition:transform .12s ease,border-color .12s ease,filter .12s ease}.home-action:hover,.home-action:focus-visible{filter:brightness(1.08);outline:none}.home-action:active{transform:scale(.985)}.play-action{background:linear-gradient(135deg,#27d7b13b,#27d7b114);border-color:#27d7b166}.challenge-action{background:linear-gradient(135deg,#9b8cff38,#9b8cff12);border-color:#9b8cff61}.home-action-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#ffffff1a;font-size:20px;font-weight:1000}.home-action strong{display:block;font-size:17px}.home-action small{display:block;margin-top:4px;color:#b3bed0;font-size:11px;line-height:1.35}.modal h1.section-title{margin-top:7px;font-size:clamp(30px,9vw,42px);letter-spacing:-.055em}.text-button{width:100%;min-height:42px;margin-top:8px;border:0;color:#aeb9cc;background:transparent;cursor:pointer;font-size:12px;font-weight:900;text-decoration:underline;text-decoration-color:#aeb9cc59;text-underline-offset:4px}.text-button:hover,.text-button:focus-visible{color:#fff;outline:none}.challenge-option:first-child{border-color:#ffd16657;background:#ffd16613}.seat-list{margin:19px 0;display:grid;gap:7px}.seat{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px dashed rgba(255,255,255,.14);border-radius:13px;color:#9aa7bc;background:#ffffff09;text-align:left}.seat>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#ffffff12;font-weight:1000}.seat strong{color:#d6deeb;font-size:13px}.seat small{font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.seat.filled{border-style:solid;border-color:#27d7b159;background:#27d7b112}.seat.filled>span{color:#071b16;background:var(--player)}.seat.filled strong{color:#fff}.invite-summary{margin:18px 0 10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.invite-summary>*{min-height:54px;display:grid;place-items:center;padding:8px 5px;border-radius:12px;color:#c3cddd;background:#ffffff0e;font-size:10px;line-height:1.2}.invite-summary strong{color:var(--gold);font-size:12px}.modal p.prototype-note{margin:0 0 16px;color:#75839a;font-size:10px}@media(max-height:720px){.home-action{min-height:66px;padding:9px 12px}.home-action-icon{width:38px;height:38px}.seat-list{margin:12px 0}.seat{padding:7px 10px}}