.app-root{--app-chrome-offset: 64px;height:100vh;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at top,#172030,#0b0f15 70%);overflow:hidden}@supports (height: 100svh){.app-root{height:100svh;min-height:100svh}}.top-nav{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;padding:10px 14px;min-height:auto;overflow-x:hidden;border-bottom:1px solid rgba(130,155,190,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.top-nav-info{min-width:min(260px,100%);display:flex;flex-direction:column;gap:4px;flex:1}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.3px;line-height:1.2}.brand-logo{width:28px;height:28px;object-fit:contain}.top-market-price{color:#9ee99c;font-weight:700}.nav-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;flex:1;min-width:min(360px,100%);align-items:center}.nav-actions button,.panel-actions button,.auth-actions button{border:1px solid rgba(122,150,184,.4);border-radius:9px;padding:7px 10px;font-size:12px;color:#dce9ff;background:#141d2ddb;cursor:pointer;white-space:nowrap}.nav-actions button.active{background:#446291e6}.profile-icon-btn{border:1px solid rgba(122,150,184,.4);background:#141d2ddb;border-radius:999px;padding:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.profile-icon-circle{width:28px;height:28px;border-radius:50%;background:#5a78aae6;color:#e9f1ff;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center}.content{padding:14px;min-height:0;display:flex;flex-direction:column;overflow:auto}.panel{border:1px solid rgba(118,142,178,.36);border-radius:12px;padding:14px;background:#0b1019b8}.panel.is-hidden{display:none}.play-panel{flex:1;height:100%;min-height:0;display:flex;padding:0;overflow:hidden}.panel-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.panel-top h2{margin:0 0 4px}.panel-top p{margin:0;opacity:.92}.panel-actions{display:flex;gap:8px}.auth-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.setting-item{display:flex;align-items:center;gap:8px;margin:8px 0}.setting-item input[type=text]{border:1px solid rgba(122,150,184,.4);border-radius:8px;padding:8px 10px;color:#dce9ff;background:#141d2ddb}.leaderboard-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.leaderboard-top h2{margin:0}.leaderboard-top p{margin:4px 0 0;opacity:.88;font-size:13px}.leaderboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.leaderboard-card{border:1px solid rgba(118,142,178,.3);border-radius:12px;background:#080d169e;overflow:hidden}.leaderboard-card h3{margin:0;padding:10px 12px;font-size:14px;border-bottom:1px solid rgba(118,142,178,.25)}.leaderboard-head,.leaderboard-row{display:grid;grid-template-columns:40px 1.3fr .9fr .7fr 1fr .8fr 1fr;gap:8px;align-items:center;padding:8px 12px;font-size:12px}.leaderboard-head{color:#9eb5d8;background:#0f1623d6;border-bottom:1px solid rgba(118,142,178,.18)}.leaderboard-body{max-height:420px;overflow:auto}.leaderboard-row{border-bottom:1px solid rgba(118,142,178,.12)}.leaderboard-row:nth-child(odd){background:#0d141f73}.lb-player{color:#dff0ff;font-weight:600}.leaderboard-empty-state{padding:14px 12px;font-size:12px;opacity:.85}.profile-page{display:grid;gap:12px}.profile-header h2{margin:0}.profile-header p{margin:4px 0 0;opacity:.88;font-size:13px}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-card{border:1px solid rgba(118,142,178,.3);border-radius:12px;background:#080d169e;padding:12px;display:grid;gap:10px}.profile-card h3{margin:0;font-size:14px}.profile-kv{display:grid;gap:3px;font-size:12px;color:#b6caeb}.profile-kv strong{color:#e1eeff;font-size:13px}.profile-nickname{align-items:stretch;flex-direction:column;gap:6px;margin:0}.profile-nickname span{font-size:12px;color:#b6caeb}.status-bar{border-top:1px solid rgba(118,142,178,.36);padding:8px 14px;font-size:13px;color:#9ee99c;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.online-indicator{font-size:12px;color:#b6caeb}.creator-link{margin-left:auto;font-size:12px;color:#b6caeb;text-decoration:none}.creator-link:hover{color:#e1eeff;text-decoration:underline}.game-shell{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;padding-bottom:max(0px,env(safe-area-inset-bottom))}.game-shell #game{width:100%!important;height:100%!important;display:block}.game-info-overlay{position:absolute;top:10px;left:10px;right:10px;z-index:25;display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:10px;border:1px solid rgba(110,135,170,.38);background:#080d16c2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#d9e6ff;pointer-events:none}.game-info-row{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11px;line-height:1.2}.game-info-message{color:#9ee99c;font-size:11px}.game-info-controls{font-size:10px;color:#b7c9e8;opacity:.95}.overlay-auth{margin-top:10px;display:grid;gap:8px;justify-items:center}.overlay-auth-status{font-size:12px;color:#c5d8f8;line-height:1.3}.start-screen{width:100%;height:100%;min-height:0;display:grid;place-items:center;padding:24px 16px}.start-card{width:min(680px,100%);border:1px solid rgba(126,151,186,.42);border-radius:14px;background:#090e18d6;box-shadow:0 20px 70px #00000073;padding:28px 24px;text-align:center}.start-card h1{margin:0 0 10px;font-size:clamp(24px,4vw,34px);line-height:1.1;color:#e6f0ff}.start-card p{margin:0 0 18px;color:#c7d9f7;font-size:clamp(14px,2.1vw,17px);line-height:1.4}.start-button{border:0;border-radius:12px;padding:11px 18px;font-weight:700;font-size:14px;color:#081118;background:linear-gradient(135deg,#8df5a0,#57df85);cursor:pointer}.start-button:hover{filter:brightness(1.08)}.ambient-particles{pointer-events:none;position:fixed;inset:0;opacity:.38;background-image:radial-gradient(circle at 10% 20%,rgba(111,214,177,.32) 1px,transparent 2px),radial-gradient(circle at 70% 60%,rgba(145,182,255,.25) 1px,transparent 2px),radial-gradient(circle at 35% 80%,rgba(176,212,255,.19) 1px,transparent 2px);background-size:180px 180px,220px 220px,160px 160px;animation:particlesDrift 14s linear infinite}.touch-controls{position:absolute;left:0;right:0;bottom:max(14px,env(safe-area-inset-bottom));z-index:36;display:none;justify-content:space-between;align-items:flex-end;padding:0 14px;pointer-events:auto}.touch-column{display:grid;grid-template-columns:1fr;gap:8px}.touch-btn{border:1px solid rgba(255,255,255,.28);background:#0c1124d1;color:#eaf2ff;border-radius:12px;min-height:44px;font-size:.82rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;touch-action:none;user-select:none;-webkit-user-select:none}.touch-btn-circle{width:64px;height:64px;min-height:64px;border-radius:999px;padding:0}.touch-btn:active,.touch-btn.is-pressed{transform:translateY(1px);background:#121c3af0}.touch-btn-primary{border-color:#5b9cffb3;background:#2651b2cc}.touch-btn-danger{border-color:#f66a76b8;background:#7d2030c7}@keyframes particlesDrift{0%{transform:translateY(0)}to{transform:translateY(-80px)}}@media(max-width:920px){.top-nav{align-items:flex-start}.nav-actions{min-width:100%;justify-content:flex-start}.game-info-controls{display:none}.top-profile{width:100%;white-space:normal}.panel-top{flex-direction:column}.leaderboard-grid,.profile-grid{grid-template-columns:1fr}.leaderboard-head,.leaderboard-row{grid-template-columns:34px 1.2fr .9fr .7fr .9fr .7fr .9fr;font-size:11px}.touch-controls{display:flex}}:root{font-family:Inter,Segoe UI,Roboto,system-ui,sans-serif;color:#dbe7ff;background:#0b0f15}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}