:root{--bg:#0a0a0a;--surface:#191919;--surface-2:#242424;--surface-3:#2f2f2f;--border:#383838;--primary:#f06000;--primary-dark:#c04a00;--primary-dim:#a84200;--primary-glow:#f0600038;--accent:#4895ef;--green:#52b788;--red:#e63946;--text:#f0f0f0;--text-dim:#999;--text-faint:#555;--radius:12px;--radius-lg:20px;--font-sm:1.1rem;--font-base:1.4rem;--font-lg:2rem;--font-xl:2.8rem;--font-2xl:4rem;--font-score:9rem;--btn-height:72px;--touch-min:64px;--page-pad-x:1.5rem;--page-pad-y:2rem;--card-pad:1.5rem;--overlay:#0009;--shadow-strong:#0006;--btn-primary-top:#ff6820;--text-on-primary:#fff;--text-on-green:#0a0a0a}:root[data-theme=light]{--bg:#f4efe7;--surface:#f2ebe0;--surface-2:#e7dccd;--surface-3:#dbcdb9;--border:#ccbba6;--primary:#c84e00;--primary-dark:#973700;--primary-dim:#7b2d00;--primary-glow:#c84e0038;--accent:#2f74c8;--green:#2d8f63;--red:#cb3d4d;--text:#211c17;--text-dim:#6c6257;--text-faint:#9f9384;--overlay:#24190f38;--shadow-strong:#3c28141f;--btn-primary-top:#e7630d;--text-on-primary:#fffdf9;--text-on-green:#fffdf9}@media (width<=500px){:root{--font-sm:.8rem;--font-base:1rem;--font-lg:1.35rem;--font-xl:1.9rem;--font-2xl:2.8rem;--font-score:5.5rem;--btn-height:54px;--touch-min:44px;--page-pad-x:.875rem;--page-pad-y:1.25rem;--card-pad:1rem;--radius:10px;--radius-lg:14px}}@media (width>=501px) and (width<=768px){:root{--font-sm:.95rem;--font-base:1.2rem;--font-lg:1.7rem;--font-xl:2.3rem;--font-2xl:3.2rem;--font-score:7rem;--btn-height:62px;--page-pad-x:1.25rem;--page-pad-y:1.5rem;--card-pad:1.25rem}}@media (width<=699px){.mobile-game-shell{min-height:100dvh;height:auto!important;overflow:hidden auto!important}.mobile-game-shell>.header{z-index:20;background:var(--surface);position:sticky;top:0}.mobile-two-col{grid-template-columns:1fr!important}.mobile-game-row{flex-direction:column!important;align-items:stretch!important}.mobile-game-delete{width:100%!important}.mobile-player-header{flex-wrap:wrap;padding:.75rem .875rem!important}.mobile-player-nav{padding:0 .875rem .75rem!important}.mobile-hero{min-height:92px!important;padding:1rem 1.1rem!important}.mobile-list-card{gap:.85rem!important;min-height:60px!important;padding:.85rem 1rem!important}.mobile-admin-tile{min-height:64px!important;font-size:var(--font-base)!important}.mobile-modal-pad{padding:1rem!important}.mobile-settings-panel{max-width:none!important}}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--font-base);-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-user-select:none;user-select:none}#app{flex-direction:column;height:100%;display:flex}h1{font-size:var(--font-xl);font-weight:700}h2{font-size:var(--font-lg);font-weight:600}h3{font-size:var(--font-base);font-weight:600}.btn{min-height:var(--btn-height);border-radius:var(--radius);font-size:var(--font-base);cursor:pointer;border:none;justify-content:center;align-items:center;width:100%;padding:0 2rem;font-weight:600;text-decoration:none;transition:opacity .15s,transform .12s,box-shadow .15s;display:flex}.btn:active{opacity:.85;transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--btn-primary-top) 0%, var(--primary) 45%, var(--primary-dark) 100%);color:var(--text-on-primary);box-shadow:0 4px 20px var(--primary-glow), inset 0 1px 0 #ffffff1f;text-shadow:0 1px 2px #00000038}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--red);color:var(--text-on-primary);box-shadow:0 2px 12px #e6394640}.btn-ghost{color:var(--text-dim);border:2px solid var(--border);background:0 0}.btn-green{background:var(--green);color:var(--text-on-green);box-shadow:0 2px 12px #52b78840}.btn:disabled{opacity:.35;pointer-events:none}input[type=text],input[type=number],input[type=password]{width:100%;min-height:var(--btn-height);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:var(--font-lg);text-align:center;appearance:none;outline:none;padding:0 1.25rem;transition:border-color .15s}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--card-pad);border:1px solid var(--border)}.legs-grid{grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:.5rem;display:grid}.page{min-height:0;padding:var(--page-pad-y) var(--page-pad-x);-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:1.25rem;width:100%;max-width:600px;margin:0 auto;display:flex;overflow-y:auto}.stack{flex-direction:column;gap:1rem;display:flex}.stack-sm{flex-direction:column;gap:.5rem;display:flex}.row{align-items:center;gap:1rem;display:flex}.center{justify-content:center;align-items:center;display:flex}.grow{flex:1}.mt-auto{margin-top:auto}.score-display{font-size:var(--font-score);text-align:center;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.score-display.bust{color:var(--red)}.player-badge{background:var(--surface-2);border-radius:var(--radius);font-size:var(--font-lg);text-align:center;border:1px solid var(--border);padding:.75rem 1.25rem;font-weight:600}.player-badge.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 12px var(--primary-glow)}.numpad{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.numpad .btn{font-size:var(--font-xl);border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);min-height:90px;font-weight:700}.overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch;text-align:center;flex-direction:column;gap:1.25rem;width:100%;max-width:480px;max-height:90vh;padding:2.5rem 2rem;display:flex;overflow-y:auto;box-shadow:0 24px 80px #0009}.modal h2{font-size:var(--font-xl)}@media (width<=500px){.overlay{align-items:flex-end;padding:.9rem}.modal{gap:.9rem;max-width:100%;max-height:min(88dvh,720px);padding:1.25rem 1rem}.modal h2{font-size:var(--font-lg)}}.badge{font-size:var(--font-sm);border-radius:99px;align-items:center;padding:.25rem .75rem;font-weight:600;display:inline-flex}.badge-active{background:var(--green);color:#0a0a0a}.badge-pending{background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border)}.badge-paused{color:#0a0a0a;background:#f4a261}.badge-cancelled{background:var(--red);color:#fff}.badge-completed{background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border)}.header{border-bottom:1px solid var(--border);box-sizing:border-box;align-items:center;gap:.5rem;width:100%;max-width:600px;margin:0 auto;padding:1rem 1.5rem;display:flex}.header h1{font-size:var(--font-lg);flex:1}.error-msg{color:var(--red);font-size:var(--font-sm);text-align:center;padding:.5rem}.toggle-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}input[type=checkbox]{appearance:none;background:var(--border);cursor:pointer;border-radius:99px;flex-shrink:0;width:52px;height:28px;transition:background .2s;position:relative}input[type=checkbox]:checked{background:var(--primary);box-shadow:0 0 8px var(--primary-glow)}input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000004d}input[type=checkbox]:checked:after{transform:translate(24px)}select{min-height:var(--btn-height);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:var(--font-base);appearance:none;outline:none;width:100%;padding:0 1.25rem;transition:border-color .15s}select:focus{border-color:var(--primary)}.divider{background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px;margin:.25rem 0}.section-label{font-size:var(--font-sm);color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.scroll-list{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.list-item{border-bottom:1px solid var(--border);font-size:var(--font-base);align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.list-item:last-child{border-bottom:none}