:root{--background:#070b12;--foreground:#f5f7fb;--panel:#0d121cd6;--panel-2:#121926eb;--line:#82a2ff29;--line-strong:#84c5ff52;--muted:#92a0bb;--blue:#4c8dff;--red:#ff5e7a;--green:#60d394;--mountain:#5d6676;--city:#9f7aea;--glow:0 0 0 1px #84c5ff24, 0 18px 80px #050a1499}@theme inline{--color-background: var(--background); --color-foreground: var(--foreground); --font-sans: Inter, Arial, Helvetica, sans-serif;}*{box-sizing:border-box}html,body{min-height:100%;color:var(--foreground);background:#070b12;margin:0;font-family:Inter,Arial,Helvetica,sans-serif}body{background:radial-gradient(circle at top,#4c8dff33,#0000 28%),radial-gradient(circle at 80% 10%,#9f7aea24,#0000 20%),linear-gradient(#ffffff08,#0000 24%),#070b12}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.jh-shell.sleek{width:100%;max-width:1200px;margin:0 auto;padding:22px 0 44px}.sleek-bar{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--glow);background:#0a0e16b8;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.sleek-brand{letter-spacing:.14em;align-items:center;gap:10px;font-weight:700;display:flex}.jh-crown{color:#8fd3ff;text-shadow:0 0 16px #8fd3ff99}.sleek-nav{color:var(--muted);gap:20px;font-size:14px;display:flex}.sleek-nav a:hover{color:#fff}.sleek-hero{grid-template-columns:.95fr 1.05fr;gap:18px;margin-top:18px;display:grid}.sleek-copy,.sleek-preview-frame,.sleek-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--glow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sleek-copy{padding:30px}.sleek-kicker,.sleek-panel-label{letter-spacing:.18em;text-transform:uppercase;color:#9bb3da;font-size:11px}.sleek-copy h1{letter-spacing:-.05em;margin:16px 0 0;font-size:64px;line-height:.94}.sleek-copy p{color:#c2cee4;max-width:620px;margin:18px 0 0;font-size:18px;line-height:1.85}.sleek-actions{gap:12px;margin-top:24px;display:flex}.sleek-primary,.sleek-ghost{border:1px solid var(--line-strong);cursor:pointer;padding:12px 18px;transition:transform .12s,border-color .12s,background .12s}.sleek-primary:hover,.sleek-ghost:hover,.generals-tile:hover{transform:translateY(-1px)}.sleek-primary{color:#0b1119;background:linear-gradient(135deg,#f5f7fb,#9ed0ff);font-weight:700}.sleek-primary.full{width:100%;margin-top:16px}.sleek-ghost{color:#fff;background:#ffffff05}.sleek-preview-frame{padding:18px;position:relative;overflow:hidden}.sleek-mini-board{grid-template-columns:repeat(14,minmax(0,1fr));gap:5px;display:grid}.sleek-mini-tile,.generals-tile{aspect-ratio:1;background:#111827;border:1px solid #ffffff0d}.sleek-mini-tile.blue,.generals-tile.human{background:linear-gradient(#5aa2ff,#366de8)}.sleek-mini-tile.red,.generals-tile.bot{background:linear-gradient(#ff6b82,#d93a62)}.sleek-mini-tile.mountain,.generals-tile.mountain{background:linear-gradient(#667085,#485163)}.sleek-mini-tile.city{background:linear-gradient(#b08cff,#7f5be9)}.sleek-overlay-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090d14d1;width:220px;padding:16px;position:absolute;bottom:18px;right:18px}.sleek-stats{gap:10px;margin-top:12px;display:grid}.sleek-stats div{color:#c3cde1;justify-content:space-between;gap:12px;font-size:13px;display:flex}.sleek-stats strong{color:#fff;font-weight:700}.sleek-grid{grid-template-columns:1.15fr .85fr 1fr;gap:18px;margin-top:18px;display:grid}.sleek-panel{padding:20px}.sleek-form-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.sleek-panel label span{color:#c0c9dd;margin-bottom:8px;font-size:13px;display:block}.sleek-input{background:var(--panel-2);color:#fff;border:1px solid var(--line);width:100%;padding:11px 12px}.sleek-toggle-row{border:1px solid var(--line);color:#d5def1;background:#ffffff05;align-items:center;gap:10px;margin-top:14px;padding:12px;display:flex}.sleek-list{color:#d5def1;margin:14px 0 0;padding-left:18px;line-height:1.95}.sleek-rule{border-top:1px solid #ffffff12;gap:6px;padding:14px 0;display:grid}.sleek-rule:first-of-type{margin-top:14px}.sleek-rule strong{font-size:16px}.sleek-rule span{color:#bdc9de;line-height:1.75}.jh-play-block{margin-top:18px}.sleek-standby p{color:#c8d3e6;margin:14px 0 0}.generals-board{gap:4px;display:grid}.generals-tile{color:#fffffff2;justify-content:center;align-items:center;min-width:0;font-size:.72rem;font-weight:700;transition:transform .12s,box-shadow .12s,background .12s;display:flex}.generals-tile.fog{color:#0000;background:#0b0f17}.generals-tile.city.neutral,.generals-tile.general.neutral,.generals-tile.empty.neutral{background:#263041}.generals-tile.general{box-shadow:inset 0 0 0 2px #ffffff8c}.generals-tile.selected{z-index:2;position:relative;transform:scale(1.04);box-shadow:inset 0 0 0 4px #fff,0 0 0 3px #1da1ff,0 0 28px #1da1ffa6}.generals-tile.pathing{box-shadow:inset 0 0 0 2px #fffc,0 0 0 2px #5cffaa8c}.generals-tile.queued{box-shadow:inset 0 0 0 2px #ffffffb8,0 0 0 2px #ffd25a8c}@media (max-width:1040px){.sleek-hero,.sleek-grid,.room-stage{grid-template-columns:1fr}.sleek-copy h1,.room-panel-main h1{font-size:44px}}.home-minimal{place-items:center;min-height:100vh;padding:24px;display:grid}.home-play-card{background:var(--panel);border:1px solid var(--line);width:min(100%,520px);box-shadow:var(--glow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;padding:38px 32px}.home-play-kicker{letter-spacing:.22em;text-transform:uppercase;color:#9bb3da;font-size:12px}.home-play-card h1{letter-spacing:-.05em;margin:14px 0 0;font-size:72px;line-height:.95}.home-play-card p{color:#c2cee4;margin:16px 0 0;font-size:16px}.home-play-button{justify-content:center;align-items:center;min-width:180px;margin-top:24px;display:inline-flex}.landing-panel-copy{color:#c2cee4;margin:14px 0 18px;line-height:1.8}.room-setup-page{place-items:start center;min-height:100vh;padding:28px 24px 56px;display:grid}.room-setup-card{background:var(--panel);border:1px solid var(--line);width:min(100%,820px);box-shadow:var(--glow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:28px}.room-setup-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.room-code-badge{border:1px solid var(--line);color:#cfe1ff;letter-spacing:.16em;text-transform:uppercase;background:#ffffff08;padding:8px 12px;font-size:12px}.room-setup-head{margin-top:28px}.room-setup-head h1{letter-spacing:-.05em;text-transform:lowercase;margin:14px 0 0;font-size:64px;line-height:.94}.room-setup-head p{color:#c2cee4;margin:14px 0 0;font-size:17px}.room-simple-grid{margin-top:24px}.room-setup-actions{gap:12px;margin-top:18px;display:flex}.room-setup-meta{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:18px;font-size:13px;display:flex}.room-inline-battlefield{width:min(100%,1200px);margin-top:24px}.game-page-shell{min-height:100vh;padding:12px}.game-topbar{max-width:1200px;margin:0 auto 18px}.game-room-meta{border:1px solid var(--line);color:#cfe1ff;letter-spacing:.16em;text-transform:uppercase;background:#ffffff08;padding:8px 12px;font-size:12px}.game-board-wrap{max-width:1200px;margin:0 auto}.game-board-wrap.full-board{max-width:1400px}.game-board-only{padding:0}