:root{--swamp:#16350f;--mud:#2a1a0c;--foam:#e8ffc8;--lime:#c6ff3d;--lime-dim:#6b8f1a;--apple:#ff2d2d;--beer:#ffc53d;--cream:#fff4cc;--muted:#c9b88a;--tail:#ff6b2d;--panel:#1f4a18;--panel2:#2d5a22;--bg:#16350f;--bg2:#0f280a;--danger:#ff6b2d;--font:"Trebuchet MS", Verdana, system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);background:linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%);color:var(--cream);margin:0;line-height:1.5}a{color:var(--lime);text-decoration:none}.app-root{flex-direction:column;min-height:100vh;display:flex}.top{border-bottom:1px solid var(--panel2);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#16350ff2;align-items:center;gap:16px;padding:12px 24px;display:flex;position:sticky;top:0}.brand{color:var(--lime);letter-spacing:-.02em;align-items:center;gap:8px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.brand-mark{font-size:24px}.nav{flex:1;gap:8px;display:flex}.nav a{color:var(--muted);border-radius:8px;align-items:center;min-height:36px;padding:6px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.nav a:hover{background:var(--panel);color:var(--cream)}.who{border:1px solid var(--lime-dim);color:var(--lime);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.hero-copy{max-width:720px;padding-left:clamp(8px,4vw,48px)}.sso,.cta,.btn{background:var(--lime);min-height:40px;color:var(--bg);font:inherit;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.sso:hover,.cta:hover,.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.sso.ghost{color:var(--beer);border:1px solid var(--beer);background:0 0}.btn{background:var(--panel2);color:var(--cream);border:1px solid var(--panel2)}.btn:hover{background:var(--panel)}.hero{background:radial-gradient(60% 80% at 80% 20%,#c6ff3d38,#0000 60%),radial-gradient(40% 50% at 10% 90%,#ffc53d1f,#0000 55%);grid-template-columns:1.2fr .8fr;gap:32px;width:100%;max-width:none;margin:0;padding:56px 24px 72px;display:grid}.eyebrow{color:var(--beer);letter-spacing:.05em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:600}h1{color:var(--cream);margin:0 0 12px;font-size:48px;font-weight:800;line-height:1.1}.lead{color:var(--muted);max-width:24em;margin:0 0 24px;font-size:18px}.rules{color:var(--cream);margin:0 0 24px;padding-left:20px;font-size:15px}.rules li{margin:6px 0}.hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--panel);color:var(--muted);border:1px solid var(--panel2);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.hero-art{background:linear-gradient(135deg, var(--panel) 0%, var(--panel2) 100%);border:1px solid var(--panel2);min-height:280px;color:var(--lime);text-align:center;border-radius:24px;flex-direction:column;justify-content:space-between;align-items:center;padding:32px;font-size:22px;font-weight:700;display:flex}.hero-art>div{margin:8px 0}.gator-beer{color:var(--beer)}.play-wrap{width:100%;max-width:800px;margin:0 auto;padding:24px 16px 48px}.hud{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.hud-item{background:var(--panel);border:1px solid var(--panel2);border-radius:12px;flex-direction:column;min-width:90px;padding:10px 16px;display:flex}.hud-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.hud-value{color:var(--lime);font-size:18px;font-weight:800}.boss-bar{background:var(--panel);border:1px solid var(--panel2);border-radius:12px;align-items:center;gap:12px;margin-bottom:12px;padding:10px 16px;display:flex}.boss-name{color:var(--beer);font-size:14px;font-weight:700}.boss-hp-track{background:var(--bg);border-radius:4px;flex:1;height:8px;overflow:hidden}.boss-hp-fill{background:linear-gradient(90deg, var(--danger), var(--beer));height:100%;transition:width .3s}.boss-hp-text{color:var(--cream);font-size:13px;font-weight:700}.canvas-frame{border:2px solid var(--panel2);background:var(--swamp);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000004d}.canvas-frame canvas{width:100%;height:auto;display:block}.msg-overlay{color:var(--lime);pointer-events:none;border:1px solid var(--panel2);background:#16350feb;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:700;position:absolute;top:16px;left:50%;transform:translate(-50%)}.gameover-overlay{background:#16350feb;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.gameover-overlay h3{color:var(--apple);margin:0;font-size:32px}.gameover-overlay p{color:var(--cream);margin:0}.controls-bar{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.taunt-btn{background:var(--panel2);color:var(--beer);border:1px solid var(--beer)}.taunt-box{background:var(--panel);border:1px solid var(--beer);color:var(--cream);border-radius:12px;margin-top:12px;padding:16px;font-style:italic}.taunt-error{color:var(--danger);margin-top:8px;font-size:14px}.shop-panel{background:var(--panel);border:1px solid var(--panel2);border-radius:12px;margin-top:16px;padding:16px}.shop-panel h3{color:var(--lime);margin:0 0 12px;font-size:18px}.shop-item{flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;display:flex}.hint{color:var(--muted);text-align:center;margin-top:16px;font-size:13px}.bosses-screen{width:100%;max-width:900px;margin:0 auto;padding:40px 20px 64px}.bosses-screen h2{color:var(--cream);margin-top:0;font-size:32px}.boss-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:32px;display:grid}.boss-card{background:var(--panel);border:1px solid var(--panel2);border-radius:16px;padding:20px;transition:transform .2s,border-color .2s}.boss-card:hover{border-color:var(--danger);transform:translateY(-2px)}.boss-card h3{color:var(--beer);margin:0 0 8px;font-size:16px}.boss-card p{color:var(--muted);margin:0;font-size:14px}.weapons-title{color:var(--cream);margin-bottom:16px;font-size:24px}.weapons-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.weapon-card{background:var(--panel);border:1px solid var(--panel2);border-radius:12px;flex-direction:column;gap:6px;padding:16px;display:flex}.weapon-name{color:var(--lime);font-size:16px;font-weight:800}.weapon-dmg{color:var(--cream);font-size:13px}.weapon-cost{color:var(--beer);font-size:13px;font-weight:600}.board-screen{width:100%;max-width:700px;margin:0 auto;padding:40px 20px 64px}.board-screen h2{color:var(--cream);margin-top:0;font-size:32px}.empty{color:var(--muted);font-size:16px}.error-text{color:var(--danger);font-size:14px}.empty-state{text-align:center;padding:40px 0}.empty-state p{color:var(--cream);margin-bottom:20px;font-size:18px}.leaderboard{border-collapse:collapse;width:100%;margin-top:20px}.leaderboard th,.leaderboard td{text-align:left;border-bottom:1px solid var(--panel2);padding:12px 16px}.leaderboard th{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:600}.leaderboard td{color:var(--cream);font-weight:600}.victory-row td{color:var(--beer)}.win-screen{text-align:center;width:100%;max-width:600px;margin:0 auto;padding:60px 20px}.win-screen h2{color:var(--beer);margin-bottom:12px;font-size:36px}.win-sub{color:var(--muted);margin-bottom:32px;font-size:18px}.win-actions{flex-direction:column;align-items:center;gap:20px;display:flex}.victory-img{border:2px solid var(--lime);border-radius:16px;max-width:300px}@media (width<=800px){.top{flex-wrap:wrap;gap:8px;padding:10px 14px}.hero{grid-template-columns:1fr;padding:32px 14px 48px}h1{font-size:36px}.nav{order:3;width:100%}.hud{gap:6px}.hud-item{min-width:70px;padding:8px 10px}.hud-value{font-size:15px}}