@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap";.account-stack{justify-items:end;gap:10px;display:grid}.buddo-account{background:#101b17;border:1px solid #304139;align-items:center;gap:12px;padding:8px 12px;display:flex}.buddo-account span{text-transform:uppercase;font:600 .88rem Barlow Condensed}.buddo-account b{color:#ffc656;font-size:.68rem}.identity-lock{background:#0c1613;border:1px solid #304139;gap:5px;padding:14px;display:grid}.identity-lock strong{text-transform:uppercase;font:600 1.25rem Barlow Condensed}.identity-lock small{color:var(--muted);font-size:.62rem}.wager-notice{background:#181811;border-left:3px solid #77602f;gap:4px;margin-top:12px;padding:11px 13px;display:grid}.wager-notice b{color:#ffc656;text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}.wager-notice span{color:#aab7b0;font-size:.66rem;line-height:1.4}.auth-action{align-items:center;gap:28px;width:auto;text-decoration:none;display:inline-flex}.connection-screen .auth-action{margin-top:18px}.connection-screen{text-align:center;place-content:center;gap:18px;width:min(720px,100% - 32px);min-height:100vh;margin:0 auto;display:grid}.connection-screen h1,.connection-screen p{margin:0}.connection-screen .text-button{border:1px solid var(--line);margin-top:14px;padding:14px 18px}.resume-bar{color:#bfc5ba;background:#201d13;border:1px solid #75602f;justify-content:space-between;align-items:center;gap:16px;margin:-30px 0 25px;padding:13px 16px;font-size:.7rem;display:flex}.resume-bar b{color:#e8a932;letter-spacing:.12em;margin-right:10px;font-size:.6rem}.resume-bar button{color:#17150e;text-transform:uppercase;background:#e8a932;padding:8px 14px;font-size:.65rem;font-weight:600}:root{color:#e8eadc;--ink:#e8eadc;--muted:#82928a;--line:#2c3d35;--signal:#e8a932;--danger:#de684d;background:#091311;font-family:IBM Plex Mono,Consolas,monospace}*{box-sizing:border-box}html{background:#091311;min-width:320px}body{background:radial-gradient(circle at 50% -20%,#1d352c,#0b1714 44%,#07100e);min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #ffc656}.eyebrow{color:var(--signal);letter-spacing:.16em;margin:0 0 8px;font-size:.7rem;font-weight:600}h1,h2,h3,p{margin-top:0}h1,h2{text-transform:uppercase;font-family:Barlow Condensed,Impact,sans-serif}h1{letter-spacing:-.045em;margin-bottom:0;font-size:clamp(4rem,10vw,7.2rem);font-weight:800;line-height:.73}h2{margin:0;font-size:1.7rem}.lobby-shell{width:min(1180px,100% - 40px);min-height:100vh;margin:auto;padding:64px 0 28px}.lobby-hero{justify-content:space-between;align-items:end;gap:30px;margin-bottom:52px;display:flex}.lobby-hero h1{text-shadow:0 5px 30px #000}.hero-copy{color:#a6b2aa;letter-spacing:.04em;text-transform:uppercase;max-width:530px;margin:25px 0 0 3px;font:600 1.2rem/1.4 Barlow Condensed}.network-status{border:1px solid var(--line);color:#adbbb3;letter-spacing:.08em;white-space:nowrap;align-items:center;gap:10px;padding:10px 14px;font-size:.68rem;display:flex}.status-dot{background:#64c781;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #64c781}.status-dot.error{background:var(--danger);box-shadow:0 0 10px var(--danger)}.alert{border-left:3px solid var(--danger);color:#f3b5a8;background:#2b1815;justify-content:space-between;align-items:center;gap:12px;margin:-30px 0 25px;padding:12px 16px;font-size:.78rem;display:flex}.alert button{color:inherit;background:0 0;border:1px solid #774438;padding:6px 12px}.lobby-grid{border:1px solid var(--line);grid-template-columns:minmax(310px,.82fr) minmax(460px,1.4fr);display:grid;box-shadow:0 22px 70px #020806a6}.panel{background:linear-gradient(145deg,#13201c,#0f1916);min-width:0;padding:34px}.create-panel{border-right:1px solid var(--line)}.panel-heading{align-items:center;gap:14px;margin-bottom:26px;display:flex}.panel-heading>span{width:32px;height:32px;color:var(--signal);border:1px solid #44564d;place-items:center;font-size:.7rem;display:grid}.panel-heading .eyebrow{margin-bottom:2px}.panel-heading.compact{margin:38px 0 18px}.field-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px;font-size:.68rem;display:block}input{width:100%;color:var(--ink);background:#09120f;border:1px solid #3a4d44;border-radius:0;padding:15px 16px;font-size:.9rem}input::placeholder{color:#53625b}.opponent-picker{grid-template-columns:1fr 1fr;gap:9px;display:grid}.opponent-picker button{text-align:left;background:#101a17;border:1px solid #34463e;min-height:118px;padding:14px;transition:all .15s}.opponent-picker button:hover{border-color:#65786e;transform:translateY(-2px)}.opponent-picker button.active{border-color:var(--signal);background:#2a2517;box-shadow:inset 0 0 0 1px #e8a93244}.opponent-picker b{color:var(--signal);letter-spacing:.14em;margin-bottom:16px;font-size:.6rem;display:block}.opponent-picker strong{text-transform:uppercase;font:600 1.3rem Barlow Condensed;display:block}.opponent-picker small{color:var(--muted);margin-top:5px;font-size:.62rem;line-height:1.45;display:block}.primary-action{background:var(--signal);color:#18160e;text-transform:uppercase;justify-content:space-between;width:100%;margin-top:18px;padding:16px 18px;font-weight:600;display:flex}.primary-action:hover{background:#ffc656}.operations-panel{min-height:476px;padding-right:26px}.operations-header{justify-content:space-between;align-items:start;margin-bottom:23px;padding-right:8px;display:flex}.icon-button{color:#acbbb3;background:0 0;border:1px solid #3a4d44;width:36px;height:36px;font-size:1.2rem}.empty-state{min-height:330px;color:var(--muted);text-align:center;border:1px dashed #31423a;align-content:center;place-items:center;padding:30px;display:grid}.empty-state p{margin:5px 0;font-size:.75rem}.empty-state h3{color:#bcc6bf;text-transform:uppercase;margin:10px 0 4px;font:600 1.4rem Barlow Condensed}.radar{color:var(--signal);font-size:3rem}.loader{border:2px solid #304139;border-top-color:var(--signal);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.match-list{gap:8px;max-height:360px;padding-right:7px;display:grid;overflow:auto}.match-row{background:#0c1613;border:1px solid #2d3e36;grid-template-columns:auto minmax(120px,1fr) auto auto;align-items:center;gap:13px;min-height:76px;padding:12px;display:grid}.match-emblem{width:42px;height:42px;color:var(--signal);border:1px solid #6d5932;place-items:center;font:800 1rem Barlow Condensed;display:grid}.match-detail{min-width:0}.match-detail strong,.match-detail span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.match-detail strong{font-size:.8rem}.match-detail span{color:var(--muted);margin-top:5px;font-size:.62rem}.seat-count{color:#99aaa1;font-size:.68rem}.seat-count i{background:#6dc47d;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.join-button{color:#e7b857;text-transform:uppercase;background:0 0;border:1px solid #8e6e2d;padding:10px 12px;font-size:.65rem}.join-button:hover{background:#2d2616}.bot-badge{color:#b7995f;letter-spacing:.08em;font-size:.58rem}.lobby-footer{color:#53635b;letter-spacing:.08em;justify-content:space-between;padding:17px 2px;font-size:.58rem;display:flex}.game-shell{background:radial-gradient(circle at 50% 12%,#20372d,#0b1512 48%,#070d0c);min-height:100vh}.game-nav{background:#08110fcc;border-bottom:1px solid #26372f;justify-content:space-between;align-items:center;height:48px;padding:0 max(20px,50vw - 590px);display:flex}.text-button{color:#93a39a;letter-spacing:.08em;text-transform:uppercase;background:0 0;padding:7px 0;font-size:.66rem}.text-button:hover{color:var(--ink)}.danger-text:hover{color:#ef8067}.match-code{color:#52635a;letter-spacing:.18em;font-size:.6rem}.battle-layout{width:min(1180px,100% - 36px);margin:auto;padding:34px 0 50px}.game-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.game-header h1{font-size:clamp(3.2rem,8vw,5.8rem)}.turn-card{background:#0f1916;border:1px solid #304139;align-items:center;gap:13px;min-width:210px;padding:12px 15px;display:flex}.turn-card.active{background:#211e14;border-color:#77602f}.turn-card small,.turn-card strong{display:block}.turn-card small{color:var(--muted);letter-spacing:.12em;margin-bottom:3px;font-size:.56rem}.turn-card strong{text-transform:uppercase;font:600 1.05rem Barlow Condensed}.commander-bar{background:#101b17;border:1px solid #304139;grid-template-columns:1.4fr .7fr .7fr auto;display:grid}.commander-bar>div{border-right:1px solid #304139;align-content:center;min-height:62px;padding:10px 19px;display:grid}.commander-bar span,.commander-bar strong{display:block}.commander-bar .muted{color:var(--muted);letter-spacing:.13em;margin-bottom:4px;font-size:.55rem}.commander-bar strong{font-size:.84rem}.commander-bar .credits{color:#ffc656}.end-turn{background:var(--signal);color:#17150e;text-transform:uppercase;min-width:150px;padding:0 21px;font-weight:600}.end-turn span{margin-left:12px;display:inline}.end-turn:hover:not(:disabled){background:#ffc656}.battlefield-frame{background:linear-gradient(140deg,#0a1512,#13211c);border:1px solid #32443b;margin-top:16px;padding:clamp(10px,2vw,24px);overflow:auto;box-shadow:inset 0 0 60px #020706,0 20px 70px #02080699}.battlefield{width:min(100%,900px);min-width:650px;margin:auto;padding:12px 2.8%;overflow:hidden}.hex-row{justify-content:center;margin-top:-1.9%;display:flex}.hex-row:nth-child(2n){transform:translate(5.25%)}.hex{aspect-ratio:1.09;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);color:#d6dfcf;isolation:isolate;background:#3e5944;flex:0 0 10.5%;width:10.5%;margin-right:.55%;padding:0;transition:all .12s;position:relative}.hex:before{z-index:-1;clip-path:inherit;content:"";background:linear-gradient(150deg,#5a7258,#344c3a);position:absolute;inset:3px}.hex:hover{filter:brightness(1.14);z-index:2}.hex.forest:before{background:radial-gradient(circle at 65% 40%,#435f44,#203a2b)}.hex.ridge:before{background:linear-gradient(150deg,#726b52,#403d32)}.hex.water:before{background:repeating-linear-gradient(165deg,#2e6670 0 6px,#285a65 7px 11px)}.terrain-mark{color:#93aa90;opacity:.7;font-size:clamp(.8rem,2vw,1.3rem)}.water .terrain-mark{color:#82bfca}.piece{clip-path:polygon(50% 0,92% 22%,92% 78%,50% 100%,8% 78%,8% 22%);filter:drop-shadow(0 5px 4px #0008);background:#19261f;place-items:center;width:52%;height:55%;display:grid;position:absolute;top:21%;left:24%}.piece b{font:800 clamp(.72rem,2vw,1.15rem) Barlow Condensed}.piece small{background:#080e0c;border-radius:6px;padding:1px 3px;font-size:clamp(.42rem,1vw,.57rem);position:absolute;bottom:8%;right:10%}.friendly .piece{color:#111710;background:#b78528}.enemy .piece{color:#fff0e6;background:#9b493a}.base-piece{width:58%;height:60%;top:18%;left:21%}.base-piece b{font-size:clamp(1rem,2.5vw,1.55rem)}.hex.selected{z-index:3;filter:drop-shadow(0 7px 7px #e8a93299);transform:translateY(-5px)}.hex.selected:after{clip-path:inherit;content:"";z-index:-2;background:#ffc656;position:absolute;inset:1px}.hex.acted .piece{opacity:.55;filter:grayscale(.5)}.order-marker{aspect-ratio:1;color:#152017;background:#e2bd53;border-radius:50%;place-items:center;width:24%;font-weight:700;animation:1.6s ease-in-out infinite pulse;display:grid;position:absolute;top:38%;left:38%;box-shadow:0 0 0 5px #e2bd5333}.attack-marker{background:var(--danger);color:#fff;box-shadow:0 0 0 5px #de684d33}@keyframes pulse{50%{transform:scale(1.12)}}.orders-panel{grid-template-columns:minmax(220px,.72fr) 1.6fr;gap:18px;margin-top:16px;display:grid}.orders-copy{border-left:3px solid var(--signal);background:#111c19;min-height:108px;padding:18px}.orders-copy p:last-child{color:#aab7b0;margin:0;font-size:.73rem;line-height:1.6}.recruit-list{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.recruit-card{text-align:left;background:#111c19;border:1px solid #304139;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-width:0;padding:11px;display:grid}.recruit-card:hover:not(:disabled),.recruit-card.active{border-color:var(--signal);background:#282316}.unit-token{clip-path:polygon(50% 0,95% 23%,95% 77%,50% 100%,5% 77%,5% 23%);background:#687d6a;place-items:center;width:34px;height:40px;font:700 1rem Barlow Condensed;display:grid}.unit-token.guard{background:#8b7444}.unit-token.ranger{background:#4d7b72}.recruit-card strong,.recruit-card small{display:block}.recruit-card strong{text-transform:uppercase;font:600 .92rem Barlow Condensed}.recruit-card small{color:var(--muted);white-space:nowrap;margin-top:3px;font-size:.53rem}.recruit-card>b{color:var(--signal);white-space:nowrap;font-size:.68rem}@media (width<=800px){.lobby-shell{width:min(100% - 24px,620px);padding-top:38px}.lobby-hero{flex-direction:column;align-items:start;margin-bottom:34px}.lobby-grid{grid-template-columns:1fr}.create-panel{border:0;border-bottom:1px solid var(--line)}.operations-panel{min-height:400px}.commander-bar{grid-template-columns:repeat(3,1fr)}.end-turn{grid-column:1/-1;min-height:48px}.commander-bar>div:nth-child(3){border-right:0}.orders-panel{grid-template-columns:1fr}.orders-copy{min-height:0}}@media (width<=560px){h1{font-size:3.8rem}.panel{padding:24px 18px}.opponent-picker{grid-template-columns:1fr}.opponent-picker button{min-height:96px}.match-row{grid-template-columns:auto 1fr auto}.match-row .join-button,.match-row .bot-badge{text-align:center;grid-column:2/-1}.lobby-footer{flex-direction:column;align-items:start;gap:8px}.game-nav{padding-inline:14px}.match-code{display:none}.battle-layout{width:calc(100% - 20px);padding-top:24px}.game-header{flex-direction:column;align-items:start}.turn-card{width:100%}.commander-bar{grid-template-columns:1.4fr 1fr}.commander-bar>div:nth-child(3){display:none}.commander-bar>div:nth-child(2){border-right:0}.recruit-list{grid-template-columns:1fr}.recruit-card{min-height:58px}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}