:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#f8fbff 0%,#eef7ff 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input{font:inherit}button{cursor:pointer;border:none}code{font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace}#app{width:100%}.app-shell{grid-template-columns:minmax(0,1.2fr) minmax(280px,360px);gap:24px;max-width:1480px;min-height:100vh;margin:0 auto;padding:24px;display:grid}.game-panel{flex-direction:column;min-width:0;display:flex}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin:0 0 4px;font-size:12px;font-weight:700}h1,h2,p{margin:0}.play-area{width:min(100%,480px);position:relative}.desktop-stage{background:radial-gradient(circle at top,#fffffff2,#e8f3ffdb);border-radius:32px;justify-content:center;align-items:center;width:min(100%,1100px);min-height:calc(100vh - 140px);padding:28px;display:flex;box-shadow:inset 0 1px #fffc,0 32px 80px #4266911f}.desktop-stage canvas{width:min(100%,540px)}.desktop-stage .overlay{inset:28px}canvas{touch-action:manipulation;background:#8fd3ff;border:4px solid #fffc;border-radius:24px;width:100%;height:auto;display:block;box-shadow:0 24px 80px #4266912e}.overlay{background:#0f172a3d;border-radius:24px;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.hidden{display:none}.card{background:#ffffffeb;border-radius:20px;width:100%;padding:20px;box-shadow:0 18px 50px #0f172a1f}.card h2{margin-bottom:8px}.card p{color:#475569}.primary-button,.ghost-button{border-radius:999px;min-height:44px;padding:0 16px;transition:transform .15s,opacity .15s,background .15s}.primary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button{color:#fff;background:linear-gradient(135deg,coral 0%,#ff4d6d 100%)}.ghost-button{color:#0f172a;background:#ffffffd1;border:1px solid #94a3b859}.ghost-button.small{min-height:36px;padding:0 12px}.actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.nickname-form{gap:10px;margin-top:14px;display:grid}.nickname-form input{background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;min-height:44px;padding:0 14px}.nickname-form input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa2e}.sidebar{align-content:start;gap:16px;display:grid}.sidebar-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.leaderboard-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.leaderboard-list li{background:#f8fafc;border-radius:14px;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.leaderboard-list li.empty{color:#64748b;display:block}.rank{color:coral;font-weight:700}.name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.score{font-weight:700}.assets-card ul{color:#475569;margin:12px 0 0;padding-left:18px}.tip{color:#64748b;margin-top:12px;font-size:14px}@media (width<=960px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.sidebar.open{display:grid}.desktop-stage{min-height:auto;box-shadow:none;background:0 0;padding:0}.desktop-stage .overlay{inset:0}}@media (width<=640px){.app-shell{gap:16px;padding:14px}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{justify-content:flex-start;width:100%}.play-area{width:100%}.card{padding:16px}}