:root{--bg:#08081a;--surface:#12122a;--surface2:#1a1a3a;--surface3:#22224a;--text:#e2e2f4;--text-muted:#7a7a9a;--border:#ffffff12;--border-hover:#ffffff2e;--c-papayoo:#ff6b35;--c-flip7:#4ecdc4;--c-wonders:#f9c74f;--c-faraway:#c77dff;--c-skyjo:#38b2e0;--c-chateau:#d4834a;--danger:#ff4d6d;--warning:#ff9a00;--success:#51cf66;--radius:14px;--radius-sm:8px;--touch:44px}html.light{--bg:#f0f0fa;--surface:#fff;--surface2:#e8e8f5;--surface3:#dcdcec;--text:#1a1a30;--text-muted:#5a5a7a;--border:#0000001a;--border-hover:#00000042}html.light .header{background:#f0f0faf0}html.light .dashboard-hero h1{background:linear-gradient(135deg,#2a2a60 0%,#7070e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}html.light .modal-overlay{background:#00000073}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}.header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#08081af0;flex-shrink:0;align-items:center;gap:.75rem;height:56px;padding:0 1.5rem;display:flex;position:sticky;top:0}.header-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:1.05rem;font-weight:600;overflow:hidden}.header-right{flex-shrink:0;align-items:center;gap:.5rem;margin-left:auto;display:flex}.header-meta{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.83rem}.header-back{border:1px solid var(--border);color:var(--text-muted);height:var(--touch);min-width:var(--touch);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;flex-shrink:0;align-items:center;padding:0 .85rem;font-family:inherit;font-size:.88rem;transition:all .2s;display:flex}.header-back:hover{border-color:var(--border-hover);color:var(--text)}.dashboard{max-width:960px;margin:0 auto;padding:3rem 1.5rem}.dashboard-hero{text-align:center;margin-bottom:3rem}.dashboard-hero h1{background:linear-gradient(135deg,#fff 0%,#9090cc 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800}.dashboard-hero p{color:var(--text-muted);font-size:1.05rem}.game-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.25rem;display:grid}.game-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;width:100%;padding:1.6rem 1.4rem;transition:transform .22s,border-color .22s,box-shadow .22s;display:block;position:relative;overflow:hidden}.game-card:hover{border-color:var(--accent,var(--border-hover));box-shadow:0 16px 48px #0009, 0 0 60px color-mix(in srgb, var(--accent,transparent) 12%, transparent);transform:translateY(-5px)}.game-card:active{transform:translateY(-2px)}.game-card-bar{background:var(--accent,transparent);opacity:0;height:3px;transition:opacity .22s;position:absolute;top:0;left:0;right:0}.game-card:hover .game-card-bar{opacity:1}.game-card-icon{margin-bottom:.9rem;font-size:2.2rem;display:block}.game-card-name{color:var(--accent,var(--text));margin-bottom:.35rem;font-size:1.18rem;font-weight:700}.game-card-desc{color:var(--text-muted);margin-bottom:.9rem;font-size:.85rem;line-height:1.45}.game-card-meta{flex-wrap:wrap;gap:.4rem;display:flex}.badge{background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);border-radius:20px;padding:.2rem .55rem;font-size:.76rem}.setup{max-width:540px;margin:0 auto;padding:2rem 1.5rem}.setup h2{margin-bottom:.4rem;font-size:1.35rem}.setup-subtitle{color:var(--text-muted);margin-bottom:1.75rem;font-size:.9rem}.players-list{flex-direction:column;gap:.65rem;margin-bottom:1.25rem;display:flex}.player-row{align-items:center;gap:.65rem;display:flex}.player-number{color:var(--text-muted);text-align:center;flex-shrink:0;width:1.6rem;font-size:.88rem}.input{background:var(--surface);border:1px solid var(--border);color:var(--text);height:var(--touch);border-radius:var(--radius-sm);width:100%;padding:0 .9rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.input:focus{border-color:var(--accent,var(--border-hover));outline:none}.btn-remove{border:1px solid var(--border);color:var(--text-muted);width:var(--touch);height:var(--touch);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-size:1.2rem;transition:all .2s;display:flex}.btn-remove:hover{border-color:var(--danger);color:var(--danger)}.setup-actions{flex-wrap:wrap;gap:.75rem;display:flex}.btn{height:var(--touch);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;padding:0 1.3rem;font-family:inherit;font-size:.93rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-add{background:var(--surface2);border:1px solid var(--border);color:var(--text)}.btn-add:hover{border-color:var(--border-hover)}.btn-primary{background:var(--accent,#6060cc);color:#000;flex:1;min-width:140px;font-weight:600}.btn-primary:hover{filter:brightness(1.12)}.btn-primary:active{filter:brightness(.95)}.btn-primary:disabled{opacity:.35;cursor:not-allowed;filter:none}.btn-ghost{background:var(--surface2);border:1px solid var(--border);color:var(--text)}.btn-ghost:hover{border-color:var(--border-hover)}.game-view{flex-direction:column;min-height:100vh;display:flex}.game-content{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:1.5rem}.score-table-wrap{margin-bottom:1.5rem;overflow-x:auto}.score-table{border-collapse:collapse;width:100%;font-size:.92rem}.score-table th{background:var(--surface2);text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:.62rem .9rem;font-size:.78rem;font-weight:600}.score-table th.col-player{color:var(--accent,var(--text))}.score-table td{border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;white-space:nowrap;padding:.58rem .9rem}.score-table tr:last-child td{border-bottom:none}.score-table .row-total td{background:var(--surface2);font-size:1rem;font-weight:700}.score-table .row-winner td{color:var(--success)}.round-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.5rem;padding:1.35rem}.round-panel h3{color:var(--text-muted);margin-bottom:1rem;font-size:.97rem;font-weight:600}.round-fields{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.field{flex-direction:column;gap:.3rem;display:flex}.field label{color:var(--text-muted);font-size:.82rem;font-weight:500}.field-hint{color:var(--text-muted);font-size:.73rem}.input-num{background:var(--surface2);border:1px solid var(--border);color:var(--text);height:var(--touch);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;width:100%;padding:0 .7rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.input-num:focus{border-color:var(--accent,var(--border-hover));outline:none}.input-num:disabled{opacity:.45}.checkbox-row{cursor:pointer;min-height:var(--touch);align-items:center;gap:.45rem;margin-bottom:.4rem;font-size:.87rem;display:flex}.checkbox-row input[type=checkbox]{cursor:pointer;width:1.15rem;height:1.15rem;accent-color:var(--accent,#6060cc);flex-shrink:0}.alert{border-radius:var(--radius-sm);margin-bottom:1rem;padding:.75rem 1rem;font-size:.87rem;line-height:1.5}.alert-warn{color:var(--warning);background:#ff9a001a;border:1px solid #ff9a004d}.alert-danger{color:var(--danger);background:#ff4d6d1a;border:1px solid #ff4d6d4d}.alert-info{color:#c77dff;background:#c77dff14;border:1px solid #c77dff40}.alert-success{color:var(--success);background:#51cf661a;border:1px solid #51cf664d}.standings{flex-wrap:wrap;gap:.65rem;margin-top:1.5rem;display:flex}.standing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:90px;padding:.75rem .9rem;transition:border-color .2s}.standing-rank{color:var(--text-muted);margin-bottom:.1rem;font-size:.72rem}.standing-name{text-overflow:ellipsis;white-space:nowrap;max-width:110px;margin-bottom:.06rem;font-size:.87rem;font-weight:600;overflow:hidden}.standing-score{font-variant-numeric:tabular-nums;color:var(--accent,var(--text));font-size:1.35rem;font-weight:800}.standing-sub{color:var(--text-muted);font-size:.7rem}.progress-wrap{background:var(--surface3);border-radius:99px;height:5px;margin-top:.3rem;overflow:hidden}.progress-fill{background:var(--accent,#6060cc);border-radius:99px;height:100%;transition:width .4s}.game-over{text-align:center;padding:2rem 1rem}.game-over h2{margin-bottom:.5rem;font-size:1.8rem}.game-over-sub{color:var(--text-muted);margin-bottom:2rem}.player-tabs{scrollbar-width:thin;scrollbar-color:var(--surface3) transparent;gap:.5rem;margin-bottom:1.25rem;padding-bottom:4px;display:flex;overflow-x:auto}.player-tabs::-webkit-scrollbar{height:4px}.player-tabs::-webkit-scrollbar-track{background:0 0}.player-tabs::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:99px}.player-tab{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:.1rem;min-width:80px;padding:.55rem 1.1rem;font-family:inherit;font-size:.87rem;transition:all .2s;display:flex}.player-tab.active{background:var(--surface2);border-color:var(--accent,var(--border-hover));color:var(--text)}.player-tab-score{color:var(--accent,var(--text));font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700}.wonders-form{flex-direction:column;gap:.6rem;margin-bottom:1rem;display:flex}.wonders-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-height:var(--touch);align-items:center;gap:1rem;padding:.7rem 1rem;display:flex}.wonders-row-label{flex:1;min-width:0}.wonders-row-name{font-size:.93rem;font-weight:500}.wonders-row-hint{color:var(--text-muted);margin-top:.05rem;font-size:.72rem}.wonders-row-extra{color:var(--c-wonders);margin-top:.05rem;font-size:.72rem}.wonders-row-input{flex-shrink:0}.wonders-science-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.9rem 1rem}.wonders-science-title{margin-bottom:.6rem;font-size:.93rem;font-weight:500}.wonders-science-fields{grid-template-columns:1fr 1fr 1fr;gap:.6rem;display:grid}.wonders-science-sym{flex-direction:column;align-items:center;gap:.25rem;display:flex}.wonders-science-emoji{font-size:1.3rem}.wonders-science-result{text-align:center;border-top:1px solid var(--border);color:var(--success);margin-top:.5rem;padding:.6rem 0;font-size:.9rem;font-weight:700}.wonders-total-bar{background:var(--surface2);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-top:.5rem;margin-bottom:1rem;padding:.85rem 1rem;display:flex}.player-nav{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.player-nav-info{color:var(--text-muted);text-align:center;font-size:.88rem}@media (width<=768px){.game-content{padding:1.1rem 1rem}.dashboard{padding:2rem 1rem}.dashboard-hero{margin-bottom:2rem}.round-panel{padding:1rem}.setup{padding:1.5rem 1rem}.header{padding:0 1rem}.score-table th,.score-table td{padding:.5rem .65rem}}@media (width<=480px){.game-grid{grid-template-columns:1fr}.game-content{padding:.9rem .75rem}.header{height:52px;padding:0 .75rem}.header-title{font-size:.95rem}.dashboard{padding:1.5rem .75rem}.dashboard-hero h1{font-size:1.9rem}.dashboard-hero p{font-size:.93rem}.round-panel{padding:.85rem}.round-fields{grid-template-columns:1fr 1fr;gap:.65rem}.standings{gap:.5rem}.standing-card{min-width:78px;padding:.6rem .7rem}.standing-score{font-size:1.2rem}.standing-name{max-width:90px}.score-table{font-size:.83rem}.score-table th,.score-table td{padding:.42rem .5rem}.game-over h2{font-size:1.5rem}.wonders-science-fields{grid-template-columns:1fr 1fr 1fr;gap:.4rem}.wonders-row{gap:.75rem;padding:.6rem .75rem}}@media (width<=360px){.round-fields{grid-template-columns:1fr 1fr;gap:.5rem}.btn{padding:0 1rem;font-size:.87rem}}.header-rules{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.header-rules:hover{border-color:var(--accent,var(--border-hover));color:var(--text)}.theme-toggle{z-index:50;background:var(--surface);border:1px solid var(--border-hover);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 4px 20px #00000059}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 6px 24px #0006}.theme-toggle:active{transform:scale(.96)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#000000a6;justify-content:center;align-items:flex-end;padding:0;animation:.15s modalFadeIn;display:flex;position:fixed;inset:0}@media (width>=520px){.modal-overlay{align-items:center;padding:1.5rem}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border:1px solid var(--border-hover);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:480px;max-height:85vh;animation:.22s modalSlideUp;overflow-y:auto}@media (width>=520px){.modal{border-radius:var(--radius);max-height:80vh}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border);background:var(--surface);z-index:1;justify-content:space-between;align-items:center;padding:1.15rem 1.35rem;display:flex;position:sticky;top:0}.modal-title{font-size:1.05rem;font-weight:700}.modal-close{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-family:inherit;font-size:.95rem;transition:all .2s;display:flex}.modal-close:hover{border-color:var(--danger);color:var(--danger)}.modal-body{flex-direction:column;gap:.9rem;padding:1.1rem 1.35rem 1.5rem;display:flex}.modal-section-heading{color:var(--accent,var(--text));text-transform:uppercase;letter-spacing:.04em;margin-bottom:.22rem;font-size:.85rem;font-weight:600}.modal-section-body{color:var(--text-muted);font-size:.88rem;line-height:1.55}