:root{--bg:#1a1a2e;--bg-elevated:#232342;--fg:#e4e4f0;--fg-muted:#a0a0c0;--accent:#ff7a59;--accent-hover:#ff8f6b;--success:#4ade80;--error:#ef4444;--border:#353560;--radius:8px;--tap-target:48px;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);min-height:100vh;margin:0}#app{max-width:480px;margin:0 auto;padding:16px}h1,h2,h3{margin:0 0 12px}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius);background:var(--bg-elevated);color:var(--fg);opacity:0;max-width:90vw;padding:12px 20px;font-weight:500;transition:opacity .3s,transform .3s;transform:translateY(-12px);box-shadow:0 4px 12px #0000004d}.toast-visible{opacity:1;transform:translateY(0)}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--error)}.autocomplete{width:100%;position:relative}.autocomplete-input,input[type=text],input[type=password],input[type=number],input[type=date],select{width:100%;min-height:var(--tap-target);background:var(--bg-elevated);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);outline:none;padding:12px 14px;font-size:16px}.autocomplete-input:focus,input:focus,select:focus{border-color:var(--accent)}.autocomplete-list{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);z-index:10;max-height:240px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000004d}.autocomplete-item{text-align:left;width:100%;color:var(--fg);border:none;border-bottom:1px solid var(--border);cursor:pointer;background:0 0;padding:12px 14px;font-size:15px;display:block}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover,.autocomplete-item:focus{background:var(--bg)}.autocomplete-item-active{background:var(--accent);color:#fff}.login-screen{text-align:center;padding:40px 16px}.login-screen h1{color:var(--accent);margin-bottom:8px;font-size:36px}.login-intro{color:var(--fg-muted);margin-bottom:32px}.login-form{text-align:left;flex-direction:column;gap:12px;max-width:320px;margin:0 auto;display:flex}.empty-state{color:var(--fg-muted);text-align:center;padding:24px;font-style:italic}.game-list{flex-direction:column;gap:12px;display:flex}.game-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.game-card-header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.game-card-title{font-size:17px;font-weight:600}.game-card-date{color:var(--fg-muted);font-size:13px}.game-card-winner{color:var(--accent);margin-bottom:6px;font-weight:500}.game-card-players{color:var(--fg-muted);margin-bottom:4px;font-size:14px}.game-card-duration{color:var(--fg-muted);font-size:13px}.game-form{flex-direction:column;gap:16px;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label,.players-section>label{color:var(--fg-muted);font-size:14px;font-weight:500}.players-container{flex-direction:column;gap:8px;display:flex}.player-row{grid-template-columns:1fr 100px auto;align-items:start;gap:8px;display:grid}.player-score{width:100%!important}.btn-remove-player{width:36px;min-height:var(--tap-target);color:var(--fg-muted);cursor:pointer;opacity:.4;background:0 0;border:none;padding:0;font-size:18px}.btn-remove-player:hover{opacity:1;color:var(--error)}.btn-add-player{margin-top:8px}.winner-select{width:100%}.form-error{border:1px solid var(--error);color:var(--error);border-radius:var(--radius);background:#ef444426;padding:12px;font-size:14px}.form-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.btn{min-height:var(--tap-target);border-radius:var(--radius);cursor:pointer;border:1px solid #0000;padding:12px 16px;font-size:16px;font-weight:600;transition:background .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:var(--fg);border-color:var(--border);background:0 0}.btn-secondary:hover{background:var(--bg-elevated)}.main-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.main-header h1{color:var(--accent);margin:0;font-size:24px}.user-box{align-items:center;gap:8px;display:flex}.user-email{color:var(--fg-muted);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:13px;overflow:hidden}.btn-small{min-height:36px;padding:6px 12px;font-size:13px}.main-content{flex-direction:column;gap:20px;display:flex}.btn-full{width:100%}.loading{color:var(--fg-muted);justify-content:center;align-items:center;gap:10px;padding:28px;display:flex}.loading:before{content:"";border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.main-layout{flex-direction:column;gap:20px;display:flex}.panel{flex-direction:column;gap:16px;min-width:0;display:flex}.stats-section{margin-bottom:28px}.stats-section:last-child{margin-bottom:0}.stats-section h3{color:var(--accent);margin:0 0 10px;font-size:16px}.stats-table{border-collapse:collapse;width:100%;font-size:14px}.stats-table th{text-align:left;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.03em;padding:4px 8px;font-size:12px;font-weight:500}.stats-table td{border-top:1px solid var(--border);padding:7px 8px}.stats-table td.num,.stats-table th.num{text-align:right;font-variant-numeric:tabular-nums}.forever-second{margin:0;font-size:15px}.stat-game{border-top:1px solid var(--border);padding:8px 0}.stat-game-name{font-size:15px;font-weight:600}.stat-game-meta{color:var(--fg-muted);margin-top:2px;font-size:13px}.view-tabs{background:var(--bg-elevated);border-top:1px solid var(--border);z-index:50;display:flex;position:fixed;bottom:0;left:0;right:0}.view-tabs button{min-height:var(--tap-target);color:var(--fg-muted);cursor:pointer;background:0 0;border:none;border-top:2px solid #0000;flex:1;padding:12px;font-size:14px;font-weight:500}.view-tabs button.on{color:var(--accent);border-top-color:var(--accent)}@media (width<=759px){.main-layout.view-games .panel-stats,.main-layout.view-stats .panel-games{display:none}.main-content{padding-bottom:72px}}@media (width>=760px){#app{max-width:880px}.main-layout{flex-direction:row;align-items:flex-start;gap:28px}.panel-games{flex:1.5}.panel-stats{flex:1;position:sticky;top:16px}.view-tabs{display:none}.game-form{max-width:520px;margin:0 auto}}.dev-ribbon{color:#fff;letter-spacing:4px;text-indent:4px;text-align:center;pointer-events:none;z-index:500;background:#c0392b;border-top:1px solid #ffffffbf;border-bottom:1px solid #ffffffbf;width:160px;padding:3px 0;font-size:14px;font-weight:700;position:fixed;top:18px;left:-44px;transform:rotate(-45deg);box-shadow:0 2px 6px #00000059}