*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#18120e;--bg-card:#221a15;--bg-elevated:#2e2219;--bg-highest:#3a2c22;--border:#4a3728;--border-strong:#6b5040;--text-primary:#ede0d4;--text-secondary:#a08878;--text-tertiary:#6b5040;--accent:#e85d2a;--accent-hover:#f06b38;--accent-dim:#c1440e;--accent-subtle:#e85d2a1f;--accent-container:#5c1f00;--on-accent:#fff;--secondary:#4e8b5f;--secondary-hover:#5a9e6e;--secondary-subtle:#4e8b5f1f;--secondary-container:#0a3d1f;--on-secondary:#fff;--error:#f2725a;--success:#6aaf72;--gold:#d4a017;--silver:#a89880;--bronze:#a0674a;--google:#ede0d4;--state-hover:#ede0d414;--state-pressed:#ede0d41f;--state-focus:#ede0d41f;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:28px;--radius-full:100px}body{background-color:var(--bg);color:var(--text-primary);min-height:100vh;font-family:Georgia,Palatino Linotype,Book Antiqua,serif}.loading-screen{min-height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-container{background:radial-gradient(at 50% 40%,#2e2219 0%,#18120e 70%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:2.5rem 2rem;box-shadow:0 1px 2px #0000004d,0 4px 16px #0006}.login-card h1{text-align:center;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.subtitle{color:var(--text-secondary);text-align:center;margin-bottom:2rem;font-size:.9rem}.login-form{flex-direction:column;gap:1rem;display:flex}.field-group{flex-direction:column;gap:.4rem;display:flex}.field-group label{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8rem;font-weight:500}.field-group input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,background .2s}.field-group input:focus{border-color:var(--accent);background:var(--bg-highest)}.field-group input:disabled{opacity:.6}.error-message{color:var(--error);border-radius:var(--radius-sm);background:#f2725a1a;border:1px solid #f2725a33;padding:.5rem .75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85rem}.btn-primary{background:var(--accent);color:var(--on-accent);border-radius:var(--radius-full);letter-spacing:.03em;cursor:pointer;border:none;margin-top:.5rem;padding:.85rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;font-weight:600;transition:background .2s,box-shadow .2s,opacity .2s;position:relative;overflow:hidden}.btn-primary:after{content:"";border-radius:inherit;background:0 0;transition:background .15s;position:absolute;inset:0}.btn-primary:hover:not(:disabled):after{background:var(--state-hover)}.btn-primary:hover:not(:disabled){box-shadow:0 2px 8px #c1440e66}.btn-primary:disabled{opacity:.38;cursor:not-allowed}.btn-link{width:100%;color:var(--accent);text-align:center;cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;padding:.75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85rem;transition:background .15s;display:block}.btn-link:hover{background:var(--accent-subtle)}.divider{color:var(--text-secondary);align-items:center;gap:.75rem;margin:.5rem 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.btn-google{border:1px solid var(--border-strong);border-radius:var(--radius-full);width:100%;color:var(--text-primary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.75rem;padding:.75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;font-weight:500;transition:background .15s,border-color .2s;display:flex}.btn-google:hover:not(:disabled){background:var(--state-hover);border-color:var(--text-secondary)}.btn-google:disabled{opacity:.38;cursor:not-allowed}.portal-container{flex-direction:column;min-height:100vh;display:flex}.portal-header{background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.brand{align-items:center;gap:.6rem;display:flex}.brand-icon{background:var(--accent);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--on-accent);justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex}.portal-header h1{letter-spacing:-.01em;font-size:1.2rem;font-weight:700}.user-info{justify-content:center;align-items:center;gap:.75rem;margin-top:20px;margin-bottom:20px;font-family:Arial;font-size:30px;display:flex}.avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.avatar-placeholder{background:var(--accent-subtle);width:32px;height:32px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.user-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;overflow:hidden}.btn-signout{border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;background:0 0;margin:20px;padding:.4rem .85rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8rem;transition:border-color .2s,color .2s,background .15s}.btn-signout:hover{border-color:var(--error);color:var(--error);background:#f2725a14}.stats-bar{background:var(--bg-card);border-bottom:1px solid var(--border);align-items:center;gap:1.5rem;padding:.85rem 1.5rem;display:flex}.stat{flex-direction:column;gap:.15rem;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.62rem}.stat-value{color:var(--text-primary);font-size:1rem;font-weight:700}.stat-value.highlight{color:var(--success);font-size:1.15rem}.stat-divider{background:var(--border);width:1px;height:28px}.tab-bar{background:var(--bg-card);border-bottom:1px solid var(--border);gap:0;padding:0 1.5rem;display:flex}.tab{color:var(--text-secondary);letter-spacing:.02em;cursor:pointer;border-radius:var(--radius-xs) var(--radius-xs) 0 0;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1.25rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85rem;font-weight:600;transition:color .2s,border-color .2s,background .15s}.tab:hover{color:var(--text-primary);background:var(--state-hover)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.portal-content{flex-direction:column;flex:1;display:flex}.tab-panel{flex:1;width:100%;max-width:700px;margin:0 auto;padding:1.25rem 1.5rem}.game-area{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.game-loading{color:var(--text-secondary);flex-direction:column;align-items:center;gap:1rem;display:flex;position:absolute}.game-frame{border:none;width:100%;height:650px;position:relative;inset:0}.game-frame.hidden{opacity:0}.game-frame.visible{opacity:1}.game-placeholder{justify-content:center;align-items:center;width:100%;height:100%;min-height:400px;display:flex}.placeholder-content{text-align:center;max-width:480px;padding:2rem}.placeholder-icon{color:var(--text-secondary);opacity:.5;margin-bottom:1.25rem}.placeholder-content h2{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.4rem}.placeholder-content p{color:var(--text-secondary);margin-bottom:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;line-height:1.6}.placeholder-code{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.85rem;display:inline-block}code{color:var(--accent);font-family:Fira Code,Consolas,monospace}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-title{letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.card-badge{color:var(--secondary);background:var(--secondary-subtle);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;border:1px solid #4e8b5f40;padding:.25rem .6rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.7rem;font-weight:600}.card-loading{justify-content:center;align-items:center;padding:3rem 0;display:flex}.card-empty{color:var(--text-secondary);text-align:center;background:var(--bg-elevated);border-radius:var(--radius-md);border:1px dashed var(--border);padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem}.card-error{text-align:center;border-radius:var(--radius-md);background:#f2725a14;border:1px solid #f2725a33;padding:1.5rem 1rem}.card-error p{color:var(--error);margin-bottom:.75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85rem}.btn-create-index{background:var(--accent);color:var(--on-accent);border-radius:var(--radius-full);padding:.5rem 1.25rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .2s,box-shadow .2s;display:inline-block}.btn-create-index:hover{background:var(--accent-hover);box-shadow:0 2px 8px #c1440e59}.leaderboard-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.leaderboard-list{flex-direction:column;gap:.35rem;display:flex}.leaderboard-row{border-radius:var(--radius-sm);background:var(--bg-elevated);align-items:center;gap:.85rem;padding:.7rem .75rem;transition:background .15s;display:flex}.leaderboard-row:hover{background:var(--bg-highest)}.leaderboard-row.is-you{background:var(--accent-subtle);border:1px solid #e85d2a33}.rank{background:var(--bg-card);width:28px;height:28px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem;font-weight:800;display:flex}.rank-gold{background:var(--gold);color:#18120e}.rank-silver{background:var(--silver);color:#18120e}.rank-bronze{background:var(--bronze);color:#18120e}.leader-info{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.leader-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}.leader-avatar-placeholder{background:var(--bg-card);width:28px;height:28px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.leader-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.you-tag{color:var(--accent);background:var(--accent-subtle);border-radius:var(--radius-full);vertical-align:middle;border:1px solid #e85d2a40;margin-left:.4rem;padding:.1rem .45rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.6rem;font-weight:700}.leader-stats{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.1rem;display:flex}.leader-score{color:var(--success);font-size:1rem;font-weight:800}.leader-games{color:var(--text-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.7rem}.history-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.history-list{flex-direction:column;gap:.35rem;display:flex}.history-row{border-radius:var(--radius-sm);background:var(--bg-elevated);align-items:center;gap:1rem;padding:.65rem .75rem;transition:background .15s;display:flex}.history-row:hover{background:var(--bg-highest)}.history-score-col{align-items:baseline;gap:.25rem;min-width:55px;display:flex}.history-score{color:var(--success);font-size:1.05rem;font-weight:800}.history-label{color:var(--text-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.65rem;font-weight:500}.history-details{color:var(--text-secondary);flex:1;align-items:center;gap:.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8rem;display:flex}.history-dot{opacity:.4}.history-time{color:var(--text-secondary);opacity:.7;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem}.admin-container{flex-direction:column;justify-content:center;align-items:center;margin:20px;display:flex}.admin-title{font-size:30px}.graphs-container{flex-direction:column;gap:5px;width:20%;margin:50px}@media (width<=600px){.portal-header{padding:.6rem 1rem}.stats-bar{gap:1rem;padding:.75rem 1rem;overflow-x:auto}.tab-bar{padding:0 .5rem}.tab{padding:.65rem .85rem;font-size:.8rem}.tab-panel{padding:1rem}.user-name{display:none}.leaderboard-row,.history-row{padding:.6rem}.leader-games{display:none}}