:root{color-scheme:light;--bg: #f7f8ec;--panel: #ffffff;--ink: #172012;--muted: #64705c;--line: #dbe3d0;--green: #16a34a;--green-dark: #0f6d33;--lime: #a3e635;--amber: #f59e0b;--red: #ef4444;--blue: #2563eb;--shadow: 0 32px 90px -60px rgba(23, 32, 18, .95);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 12%,rgba(22,163,74,.18),transparent 26%),radial-gradient(circle at 86% 18%,rgba(245,158,11,.16),transparent 24%),linear-gradient(180deg,#ffffff 0%,var(--bg) 100%);color:var(--ink)}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.loading{align-items:center;display:flex;min-height:100vh;justify-content:center;font-weight:800}.app-shell{min-height:100vh}.topbar{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;border-bottom:1px solid rgba(219,227,208,.78);display:flex;justify-content:space-between;min-height:72px;padding:0 clamp(18px,5vw,44px);position:sticky;top:0;z-index:10}.brand,.signed-in{align-items:center;display:inline-flex;gap:10px;font-weight:900}.brand-mark{align-items:center;background:linear-gradient(145deg,var(--green),var(--lime));border-radius:9px;color:#06280d;display:inline-flex;height:36px;justify-content:center;width:36px}.topbar-actions,.hero-actions,.controls,.command-row{align-items:center;display:flex;gap:10px}.button,.icon-button,.icon-only{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);display:inline-flex;font-weight:850;gap:8px;min-height:42px;padding:0 14px}.button.primary,.icon-button.primary{background:var(--green);border-color:var(--green-dark);color:#fff}.button.ghost{background:transparent}.icon-button.mic.active{background:var(--red);border-color:#c01818;color:#fff}.icon-only{justify-content:center;padding:0;width:44px}.hero{align-items:center;display:grid;gap:46px;grid-template-columns:minmax(0,1fr) minmax(320px,460px);margin:0 auto;max-width:1180px;min-height:calc(100vh - 72px);padding:54px clamp(18px,5vw,44px) 72px}.eyebrow{color:var(--green-dark);font-size:12px;font-weight:950;letter-spacing:.12em;margin:0;text-transform:uppercase}h1{font-size:clamp(36px,6vw,72px);letter-spacing:0;line-height:.96;margin:10px 0 0}.lead{color:var(--muted);font-size:18px;line-height:1.65;max-width:680px}.product-shot,.game-panel,.side-panel{background:#ffffffdb;border:1px solid rgba(219,227,208,.9);border-radius:8px;box-shadow:var(--shadow)}.product-shot{padding:18px}.shot-footer{align-items:center;color:var(--muted);display:flex;font-size:13px;justify-content:space-between;padding-top:14px}.dashboard{align-items:start;display:grid;gap:22px;grid-template-columns:minmax(0,760px) 360px;margin:0 auto;max-width:1180px;padding:32px clamp(18px,4vw,42px) 72px}.game-panel,.side-panel{padding:18px}.game-header{align-items:end;display:flex;justify-content:space-between;margin-bottom:16px}.game-header h1{font-size:clamp(32px,5vw,52px)}.score-stack{text-align:right}.score-stack span{display:block;font-size:42px;font-weight:950;line-height:1}.score-stack small,.metric span{color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase}.board{aspect-ratio:1;background:#eaf1df;border:1px solid #cbd7bc;border-radius:8px;display:grid;gap:2px;grid-template-columns:repeat(var(--size),1fr);overflow:hidden;padding:10px;position:relative;width:100%}.cell{background:#ffffff94;border-radius:3px}.cell.snake{background:#38bdf8}.cell.head{background:var(--green)}.cell.apple{background:var(--amber);box-shadow:inset 0 0 0 2px #ffffff80}.cell.route{outline:2px solid var(--blue)}.status-overlay{align-items:center;background:#ffffffd1;display:flex;flex-direction:column;gap:6px;top:10px;right:10px;bottom:10px;left:10px;justify-content:center;position:absolute;text-transform:capitalize}.status-overlay.hidden{display:none}.controls{flex-wrap:wrap;margin-top:16px}.command-row{margin-top:12px}.command-row input{border:1px solid var(--line);border-radius:8px;flex:1;min-height:44px;min-width:0;padding:0 14px}.transcript,.notice{align-items:center;color:var(--muted);display:flex;gap:7px;line-height:1.5;margin:12px 0 0}.notice{color:var(--green-dark);font-weight:750}.side-panel{display:grid;gap:16px}.metric-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.metric{background:#f6f8f1;border:1px solid var(--line);border-radius:8px;padding:12px}.metric strong{display:block;font-size:26px}.panel-section{border-top:1px solid var(--line);padding-top:14px}.section-title{align-items:center;display:flex;font-weight:900;gap:8px;margin-bottom:10px}.leaderboard,.runs,.tool-list{display:grid;gap:8px}.leaderboard{list-style:none;margin:0;padding:0}.leaderboard li,.tool-event,.runs span{align-items:center;background:#fbfcf8;border:1px solid var(--line);border-radius:8px;display:flex;justify-content:space-between;min-height:36px;padding:8px 10px}.tool-event{align-items:start;display:grid;gap:4px;grid-template-columns:62px 1fr}.tool-event small{color:var(--muted);grid-column:2}.source{border-radius:999px;color:#fff;font-size:11px;font-weight:900;padding:3px 7px;text-align:center}.source.client{background:var(--green)}.source.server{background:var(--blue)}.source.agent{background:var(--amber);color:#351c00}@media(max-width:980px){.hero,.dashboard{grid-template-columns:1fr}.side-panel{order:-1}}@media(max-width:640px){.topbar{align-items:start;flex-direction:column;gap:12px;padding-bottom:14px;padding-top:14px}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.icon-button{justify-content:center}}