: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}.game-stats-overlay{z-index:20;flex-direction:column;gap:10px;display:flex;position:fixed;top:14px;right:14px}.game-stat-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090d14d1;border:1px solid #ffffff1a;min-width:138px;padding:10px 12px;box-shadow:0 12px 30px #0000003d}.game-stat-meta{border-color:#ffffff1f}.game-stat-card.human{border-color:#5aaaff52}.game-stat-card.bot{border-color:#ff6c6c47}.game-stat-head{letter-spacing:.08em;text-transform:uppercase;color:#d7e4fb;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.game-stat-dot{background:currentColor;border-radius:999px;width:8px;height:8px}.game-stat-card.human .game-stat-dot{color:#67b4ff}.game-stat-card.bot .game-stat-dot{color:#ff7b7b}.game-stat-row{color:#9eb2cf;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;display:flex}.game-stat-row+.game-stat-row{margin-top:4px}.game-stat-row strong{color:#f5f9ff;letter-spacing:-.03em;font-size:18px}.generals-board-shell{position:relative}.generals-board{z-index:1;gap:4px;display:grid;position:relative}.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}.tile-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.tile-stack{flex-direction:column;justify-content:center;align-items:center;gap:1px;line-height:1;display:inline-flex}.tile-stack-general,.tile-stack-city{gap:1px}.tile-stack-unknown{gap:0}.tile-icon{color:#ffffffeb;filter:drop-shadow(0 1px 1px #00000038);width:18px;height:18px;display:block}.mountain-icon{color:#e3ebf5e6;width:20px;height:20px}.city-icon{color:#f8e0b0eb}.crown-icon{color:#ffd466f5}.unknown-icon{color:#a7b3c4e6;width:20px;height:20px}.tile-unknown-mark{color:#d2dce9eb;margin-top:-3px;font-size:.7rem;font-weight:900;line-height:1}.tile-army{letter-spacing:-.03em;color:#fffffff5;text-shadow:0 1px 2px #00000059;font-size:.68rem;font-weight:800}.generals-tile.fog{color:#c4cddae0;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}.queue-overlay{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.queued-route-badge{color:#f5f9ff;pointer-events:none;z-index:4;background:#070c14db;border:1px solid #ffffff38;border-radius:999px;place-self:start;place-items:center;width:18px;height:18px;margin:4px 0 0 4px;font-size:10px;font-weight:800;display:grid;box-shadow:0 3px 10px #00000047}.queue-overlay-line{stroke:#b2b8c2e0;stroke-width:.09px;stroke-linecap:round;filter:drop-shadow(0 0 4px #969ca829)}.queue-overlay-head{fill:none;stroke:#b2b8c2eb;stroke-width:.09px;stroke-linecap:round;stroke-linejoin:round}.queue-overlay-route.inactive .queue-overlay-line{stroke:#858d9a8a}.queue-overlay-route.inactive .queue-overlay-head{stroke:#858d9a94}@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}.panzoom-stage{cursor:grab;touch-action:none;min-height:calc(100vh - 24px);position:relative;overflow:hidden}.panzoom-stage:active{cursor:grabbing}.panzoom-content{transform-origin:50%;will-change:transform;width:fit-content;margin:0 auto}.panzoom-hint{z-index:15;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#b9c8df;background:#080c12b8;border:1px solid #ffffff14;padding:8px 10px;font-size:12px;position:fixed;bottom:14px;left:14px}.game-board-only{padding:0;position:relative}.game-end-overlay{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06090e9e;place-items:center;padding:24px;animation:.26s ease-out gameEndFade;display:grid;position:fixed;inset:0}.game-end-card{text-align:center;background:#0c1119eb;border:1px solid #ffffff1f;width:min(100%,520px);padding:28px 28px 26px;animation:.32s cubic-bezier(.2,.9,.2,1) gameEndPop;box-shadow:0 30px 80px #0000006b}.game-end-overlay.win .game-end-card{border-color:#6bcbff61;box-shadow:0 30px 80px #2884ff2e}.game-end-overlay.lose .game-end-card{border-color:#ff707047;box-shadow:0 30px 80px #ff4a4a24}.game-end-kicker{letter-spacing:.22em;text-transform:uppercase;color:#9cb0cf;font-size:11px}.game-end-card h2{letter-spacing:-.05em;margin:12px 0 0;font-size:56px;line-height:.95}.game-end-card p{color:#c7d3e7;max-width:36ch;margin:14px auto 0;line-height:1.7}.game-end-stats{color:#d9e6ff;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0 22px;font-size:13px;display:flex}.game-end-stats span{background:#ffffff08;border:1px solid #ffffff14;padding:8px 10px}@keyframes gameEndFade{0%{opacity:0}to{opacity:1}}@keyframes gameEndPop{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}