:root{--sky-top: #5ba4e6;--sky-bottom: #7ec8f7;--grass-light: #5d9e3a;--grass-dark: #4a7c2e;--dirt: #8b6914;--dirt-dark: #6b4f0f;--stone: #7a7a7a;--stone-dark: #555555;--stone-light: #a0a0a0;--panel-bg: #c6c6c6;--panel-inner: #8b8b8b;--panel-border-light: #ffffff;--panel-border-dark: #373737;--slot-bg: #2a2a2a;--slot-border: #1a1a1a;--text: #e8e0d0;--text-dark: #2a2a2a;--muted: #9a9080;--accent: #55ff55;--accent-dark: #2a8a2a;--accent-2: #aa55ff;--green: #55ff55;--blue: #5555ff;--red: #ff5555;--yellow: #ffff55;--pos: #55ff55;--neg: #ff5555;--font-pixel: "Press Start 2P", monospace;--font-body: "VT323", "Courier New", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sky-top);color:var(--text);font-family:var(--font-body);font-size:20px;line-height:1.4;min-height:100vh;image-rendering:pixelated}.app{position:relative;max-width:1180px;margin:0 auto;padding:16px 18px 40px;min-height:100vh;z-index:1}.sky{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-bottom) 55%,var(--grass-light) 55%);z-index:-2}.cloud{position:absolute;background:#fff;opacity:.85;border-radius:0;image-rendering:pixelated;animation:drift linear infinite}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff}.cloud-1{width:80px;height:24px;top:8%;left:-100px;animation-duration:45s}.cloud-1:before{width:32px;height:32px;top:-16px;left:12px}.cloud-1:after{width:40px;height:28px;top:-12px;left:36px}.cloud-2{width:100px;height:28px;top:15%;left:-120px;animation-duration:60s;animation-delay:-20s}.cloud-2:before{width:36px;height:36px;top:-18px;left:16px}.cloud-2:after{width:48px;height:32px;top:-14px;left:44px}.cloud-3{width:64px;height:20px;top:5%;left:-80px;animation-duration:35s;animation-delay:-10s}.cloud-3:before{width:24px;height:24px;top:-12px;left:8px}.cloud-3:after{width:32px;height:22px;top:-10px;left:28px}@keyframes drift{0%{transform:translate(0)}to{transform:translate(calc(100vw + 200px))}}.terrain{position:fixed;bottom:0;left:0;right:0;height:45%;z-index:-1;background:repeating-linear-gradient(90deg,var(--grass-light) 0px,var(--grass-light) 16px,var(--grass-dark) 16px,var(--grass-dark) 32px),repeating-linear-gradient(0deg,var(--dirt) 0px,var(--dirt) 16px,var(--dirt-dark) 16px,var(--dirt-dark) 32px);background-size:32px 32px,32px 32px;background-position:0 0,0 32px;background-repeat:repeat;-webkit-mask-image:linear-gradient(180deg,transparent 0%,black 8%);mask-image:linear-gradient(180deg,transparent 0%,black 8%)}.mc-panel{background:var(--panel-bg);border:4px solid;border-color:var(--panel-border-light) var(--panel-border-dark) var(--panel-border-dark) var(--panel-border-light);box-shadow:inset 2px 2px #ffffff4d,inset -2px -2px #0003}.card{background:var(--slot-bg);border:3px solid;border-color:#555 #1a1a1a #1a1a1a #555;padding:18px;position:relative}.card:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:2px solid var(--slot-border);pointer-events:none}.card h2{margin:0 0 12px;font-family:var(--font-pixel);font-size:11px;letter-spacing:.5px;color:var(--accent);text-shadow:2px 2px 0 #000}.card h3{font-family:var(--font-pixel);font-size:9px;color:var(--muted);margin:0 0 8px;letter-spacing:.3px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;margin-bottom:20px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-pixel);font-size:13px;color:var(--text-dark);text-decoration:none;text-shadow:none}.brand-icon{font-size:22px;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.4))}.brand .accent{color:var(--accent-dark)}.nav{display:flex;gap:8px}.nav-link{font-family:var(--font-pixel);font-size:9px;padding:8px 14px;text-decoration:none;color:var(--text-dark);background:#a0a0a0;border:3px solid;border-color:#ddd #444 #444 #ddd;transition:background .1s}.nav-link:hover{background:#b8b8b8}.nav-link.active{background:var(--accent);border-color:#aaffaa #228822 #228822 #aaffaa;color:#1a3a1a}.net{display:flex;align-items:center;gap:8px;color:var(--text-dark);font-family:var(--font-pixel);font-size:8px;text-transform:uppercase;letter-spacing:1px}.dot{width:10px;height:10px;background:var(--muted);border:2px solid #333}.dot.on{background:var(--accent);box-shadow:0 0 8px var(--accent)}.dot.off{background:var(--red)}.btn{font-family:var(--font-pixel);font-size:9px;padding:12px 18px;cursor:pointer;border:3px solid;text-decoration:none;display:inline-block;text-align:center;transition:transform .05s,filter .1s}.btn:active:not(:disabled){transform:translate(2px,2px)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);color:#1a3a1a;border-color:#aaffaa #228822 #228822 #aaffaa;box-shadow:0 4px #1a5a1a}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-secondary{background:#a0a0a0;color:var(--text-dark);border-color:#ddd #444 #444 #ddd;box-shadow:0 4px #444}.btn-secondary:hover:not(:disabled){background:#b8b8b8}.btn-lg{font-size:10px;padding:14px 24px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:24px 0 40px}@media(max-width:820px){.hero{grid-template-columns:1fr}}.hero-tag{font-family:var(--font-pixel);font-size:8px;color:var(--yellow);text-shadow:2px 2px 0 #000;margin:0 0 16px}.hero-title{font-family:var(--font-pixel);font-size:clamp(18px,4vw,28px);line-height:1.5;margin:0 0 16px;text-shadow:3px 3px 0 #000}.hero-bed{color:var(--red)}.hero-sub{font-size:22px;color:var(--text);text-shadow:1px 1px 0 #000;margin:0 0 28px;max-width:480px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-visual{padding:28px;display:flex;flex-direction:column;align-items:center;gap:24px}.pixel-bed{position:relative;width:120px;height:64px}.bed-frame{position:absolute;bottom:0;left:0;right:0;height:20px;background:#6b4226;border:3px solid #4a2810}.bed-sheet{position:absolute;bottom:16px;left:8px;right:8px;height:28px;background:#c22;border:3px solid #881111}.bed-pillow{position:absolute;bottom:36px;left:12px;width:28px;height:16px;background:#eee;border:2px solid #aaaaaa}.hero-stats{display:flex;gap:24px}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.hero-stat-val{font-family:var(--font-pixel);font-size:14px;color:var(--text-dark)}.hero-stat-label{font-size:16px;color:var(--text-dark);opacity:.7}.teams-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:40px}@media(max-width:600px){.teams-showcase{grid-template-columns:repeat(2,1fr)}}.team-badge{display:flex;align-items:center;gap:10px;padding:12px 16px;font-family:var(--font-pixel);font-size:9px}.team-badge-emoji{font-size:20px}.section{margin-bottom:48px}.section-title{font-family:var(--font-pixel);font-size:14px;text-align:center;margin:0 0 24px;text-shadow:2px 2px 0 #000;color:var(--text)}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:720px){.feature-grid{grid-template-columns:1fr}}.hero-sub--secondary{font-size:18px;opacity:.85;margin-top:-12px;margin-bottom:28px}.feature-card--side{opacity:.92;border-color:#444 #222 #222 #444}.feature-badge{position:absolute;top:10px;right:10px;font-family:var(--font-pixel);font-size:7px;padding:4px 8px;background:#333;color:var(--muted);border:2px solid #555}.side-betting-section{margin-bottom:48px}.side-betting-card p{margin:0;font-size:20px;line-height:1.5}.board-player-note{margin:0 0 14px;padding:10px 12px;background:#55ff5514;border:2px solid var(--accent-dark)}.board-player-note strong{color:var(--accent)}.board-subhead{font-family:var(--font-pixel);font-size:9px;color:var(--muted);margin:0 0 12px;letter-spacing:.3px}.stat--secondary{font-size:12px;color:var(--muted)}.feature-card{text-align:center;position:relative}.feature-icon{font-size:32px;display:block;margin-bottom:12px;filter:drop-shadow(2px 2px 0 #000)}.feature-card h3{font-size:10px;color:var(--accent);margin-bottom:8px}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:720px){.steps{grid-template-columns:1fr}}.step-card{display:flex;gap:16px;align-items:flex-start}.step-num{font-family:var(--font-pixel);font-size:18px;color:var(--yellow);text-shadow:2px 2px 0 #000;flex-shrink:0;width:36px}.step-card h3{color:var(--accent);font-size:10px;margin-bottom:6px}.cta-section{text-align:center;padding:36px 24px;margin-bottom:24px}.cta-section h2{font-family:var(--font-pixel);font-size:12px;color:var(--text-dark);margin:0 0 12px}.cta-section p{color:var(--text-dark);opacity:.8;margin:0 0 20px;font-size:18px}.cta-section .btn-primary{margin-top:4px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.board,.stream-panel{grid-column:1 / -1}.stream-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.stream-live{font-family:var(--font-pixel);font-size:8px;color:var(--red)}.stream-camera{margin-top:0}.stream-frame{position:relative;width:100%;aspect-ratio:16 / 9;background:#111;border:3px solid var(--panel-border-dark);margin:12px 0;overflow:hidden}.stream-video,.stream-iframe{width:100%;height:100%;border:0;display:block;background:#000}@media(max-width:820px){.grid{grid-template-columns:1fr}}.muted{color:var(--muted)}.small{font-size:17px}.board-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.phase{font-family:var(--font-pixel);font-size:8px;padding:6px 12px;border:2px solid #555;color:var(--muted);background:#1a1a1a}.phase.lobby{color:var(--accent);border-color:var(--accent-dark)}.phase.live{color:var(--yellow);border-color:#880}.phase.settling{color:var(--accent-2);border-color:#63a}.phase.idle{color:var(--muted)}.live-strip{margin-bottom:24px;padding:14px 18px}.live-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.live-strip-item{display:flex;flex-direction:column;gap:8px}.live-strip-label{font-size:16px;color:var(--text-dark);opacity:.75}.live-strip-val{font-family:var(--font-pixel);font-size:14px;color:var(--accent-2);text-shadow:1px 1px 0 rgba(0,0,0,.25)}.board-stats{display:flex;gap:28px;margin:14px 0 18px;flex-wrap:wrap}.stat{font-family:var(--font-pixel);font-size:14px;color:var(--accent);text-shadow:1px 1px 0 #000}.teams{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:720px){.teams{grid-template-columns:repeat(2,1fr)}}.team{background:#1a1a1a;border:3px solid #333;padding:12px}.team-top{display:flex;justify-content:space-between;align-items:baseline}.team-name{font-family:var(--font-pixel);font-size:9px}.mult{font-family:var(--font-pixel);font-size:10px;font-variant-numeric:tabular-nums}.team.green{border-color:#282}.team.green .team-name,.team.green .mult{color:var(--green)}.team.blue{border-color:#228}.team.blue .team-name,.team.blue .mult{color:var(--blue)}.team.red{border-color:#822}.team.red .team-name,.team.red .mult{color:var(--red)}.team.yellow{border-color:#880}.team.yellow .team-name,.team.yellow .mult{color:var(--yellow)}.bar{height:10px;background:#0a0a0a;border:2px solid #333;overflow:hidden;margin:10px 0 8px}.bar-fill{height:100%;background:currentColor;transition:width .5s ease;image-rendering:pixelated}.team.green .bar-fill{color:var(--green)}.team.blue .bar-fill{color:var(--blue)}.team.red .bar-fill{color:var(--red)}.team.yellow .bar-fill{color:var(--yellow)}.balance{font-family:var(--font-pixel);font-size:18px;color:var(--accent);text-shadow:2px 2px 0 #000}.balance span{font-size:12px;color:var(--muted)}.deposit{display:flex;gap:14px;align-items:center;margin:12px 0;flex-wrap:wrap}.qr{background:#1a1a1a;padding:8px;border:3px solid #555}.addr{font-size:14px;word-break:break-all;color:var(--muted);background:#1a1a1a;padding:8px;border:2px solid #444;flex:1;min-width:200px}.input{width:100%;background:#1a1a1a;border:3px solid #555;color:var(--text);padding:10px 12px;margin-bottom:10px;font-family:var(--font-body);font-size:18px}.input:focus{outline:none;border-color:var(--accent-dark)}.code-box .code{font-family:var(--font-pixel);font-size:20px;letter-spacing:6px;color:var(--accent);background:#1a1a1a;border:3px dashed var(--accent-dark);padding:14px;text-align:center}.linked{color:var(--accent);font-size:22px}.kv{list-style:none;padding:0;margin:0}.kv li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:2px solid #333;font-size:20px}.kv li span{color:var(--muted)}.kv li strong{font-family:var(--font-pixel);font-size:10px;color:var(--accent)}.board-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:600px){.board-cols{grid-template-columns:1fr}}.lb{list-style:none;padding:0;margin:0;counter-reset:rank}.lb li{display:flex;justify-content:space-between;padding:6px 0;font-size:20px;border-bottom:1px solid #333}.lb li:before{counter-increment:rank;content:counter(rank) ". ";color:var(--muted);margin-right:4px}.pos{color:var(--pos);font-family:var(--font-pixel);font-size:10px}.neg{color:var(--neg);font-family:var(--font-pixel);font-size:10px}.banner{padding:10px 14px;margin-bottom:10px;font-size:18px;border:3px solid}.banner.error{background:#ff555526;border-color:var(--red);color:#faa}.banner.notice{background:#55ff551a;border-color:var(--accent-dark);color:var(--accent)}.notice-stack{margin-bottom:6px}code{background:#1a1a1a;padding:2px 6px;border:2px solid #444;font-size:16px;color:var(--yellow)}.foot{text-align:center;padding:14px 18px;margin-top:28px}.foot p{margin:0;font-size:16px;color:var(--text-dark)}.foot code{background:#0003;border-color:#666;color:var(--text-dark);font-size:14px}