:root{--bg:#0a0d0c;--bg-elevated:#121815;--bg-panel:#161d19;--border:#b8ff5c24;--lime:#b8ff5c;--lime-strong:#d4ff9a;--text:#eef2ea;--text-muted:#a5b0a8;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--shadow:0 20px 60px #00000073;--focus-ring:3px solid #b8ff5c}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;line-height:1.55}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}a{color:var(--lime-strong)}.skip-link{background:var(--lime);color:#0a0d0c;z-index:100;border-radius:0 0 8px;padding:10px 16px;font-weight:600;position:absolute;top:0;left:-999px}.skip-link:focus{left:0}:focus-visible{outline:var(--focus-ring);outline-offset:3px;border-radius:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0a0d0ce6;position:sticky;top:0}.header-row{justify-content:space-between;align-items:center;padding-top:16px;padding-bottom:16px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-name{letter-spacing:.02em;font-size:1.15rem;font-weight:700}.site-nav{gap:24px;display:flex}.site-nav a{color:var(--text-muted);font-size:.95rem;font-weight:600;text-decoration:none}.site-nav a:hover{color:var(--lime-strong)}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding-top:64px;padding-bottom:48px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--lime);margin:0 0 12px;font-size:.78rem;font-weight:700}.hero-copy h1{margin:0 0 16px;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.15}.lede{color:var(--text-muted);max-width:46ch;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:14px;margin:24px 0 16px;display:flex}.disclaimer-inline{color:var(--text-muted);max-width:46ch;font-size:.82rem}.hero-art{justify-content:center;display:flex}.hoggo-bob{transform-origin:100px 160px;animation:2.6s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.hoggo-bob{animation:none}}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:12px 22px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn-primary{background:var(--lime);color:#0a0d0c}.btn-primary:hover{background:var(--lime-strong)}.btn-primary:active{transform:scale(.98)}.btn-ghost{border-color:var(--border);color:var(--text);background:0 0}.btn-ghost:hover{border-color:var(--lime);color:var(--lime-strong)}.game-section{padding:24px 24px 56px}.game-shell{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px}.account-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:16px;padding-bottom:16px;display:flex}.account-state{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.account-state[hidden]{display:none}.account-btn{padding:10px 20px;font-size:.9rem}.account-status{color:var(--text-muted);margin:0;font-size:.85rem}.account-status-error{color:#ff9a8f}.account-address{color:var(--lime-strong);background:var(--bg-panel);border:1px solid var(--border);letter-spacing:.02em;border-radius:999px;padding:8px 16px;font-family:SFMono-Regular,Consolas,monospace;font-size:.95rem;font-weight:700}.account-picker{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0d0cc7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.account-picker[hidden]{display:none}.account-picker-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;width:100%;max-width:360px;box-shadow:var(--shadow);padding:24px;animation:.22s cubic-bezier(.2,.8,.2,1) panel-card-in}@media (prefers-reduced-motion:reduce){.account-picker-card{animation:none}}.account-picker-card h2{color:var(--lime-strong);margin-top:0}.account-picker-hint{color:var(--text-muted);font-size:.85rem}.account-picker-list{gap:10px;margin:18px 0;padding:0;list-style:none;display:grid}.account-picker-item{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);width:100%;min-height:44px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:.95rem;font-weight:700;display:flex}.account-picker-item:hover{border-color:var(--lime);color:var(--lime-strong)}.account-picker-item-icon{border-radius:5px;flex-shrink:0;width:20px;height:20px}.account-picker-empty{color:var(--text-muted);font-size:.9rem}.hud{justify-content:space-between;margin-bottom:14px;display:flex}.hud-stat{flex-direction:column;gap:2px;display:flex}.hud-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.72rem}.hud-value{color:var(--lime-strong);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800;display:inline-block}.hud-value.is-pulse{animation:.32s hud-pulse}@keyframes hud-pulse{0%{color:var(--lime-strong);transform:scale(1)}35%{color:#fff;transform:scale(1.22)}to{color:var(--lime-strong);transform:scale(1)}}@media (prefers-reduced-motion:reduce){.hud-value.is-pulse{animation:none}}.canvas-wrap{aspect-ratio:4/5;border-radius:var(--radius-md);border:1px solid var(--border);touch-action:none;width:100%;max-height:70vh;position:relative;overflow:hidden}#game-canvas{background:#0a0d0c;width:100%;height:100%;display:block}.panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0d0cb8;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.panel[hidden]{display:none}.panel-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;max-width:360px;box-shadow:var(--shadow);padding:28px;animation:.22s cubic-bezier(.2,.8,.2,1) panel-card-in}@keyframes panel-card-in{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.panel-card{animation:none}}.panel-card h2{color:var(--lime-strong);margin-top:0}.final-score{font-size:1.1rem;font-weight:700}.panel-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}.copy-status{min-height:1.2em;color:var(--lime-strong);font-size:.85rem}.controls-hint{text-align:center;color:var(--text-muted);margin-top:14px;font-size:.85rem}kbd{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;padding:2px 6px;font-size:.85em}.about h2{margin-bottom:20px;font-size:1.5rem}.about-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.about-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px}.about-card h3{color:var(--lime-strong);margin-top:0;font-size:1.05rem}.about-card p{color:var(--text-muted);margin-bottom:0}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);padding:28px 0 40px}.footer-row{flex-direction:column;gap:6px;display:flex}.disclaimer{max-width:70ch;font-size:.8rem}@media (width<=860px){.hero{grid-template-columns:1fr;padding-top:36px}.hero-art{order:-1}.hoggo-hero-svg{width:200px;height:200px}}