@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;600;700&family=Roboto:wght@400;500;700&display=swap";:root{--navy: #1F1D4C;--navy-dark: #141330;--orange: #FF711B;--orange-light: #F4956A;--white: #FFFFFF;--bg: #F4F3F8;--surface: #FFFFFF;--surface-2: #F1F0F6;--border: #E2E0EC;--text: #1F1D4C;--text-muted: #615E80;--red: #B91C1C;--green: #15803D;--band-green: #15803D;--band-green-bg: #DCFCE7;--band-amber: #9A3412;--band-amber-bg: #FDE7DC;--band-amber-bar: #F4956A;--band-red: #B91C1C;--band-red-bg: #FEE2E2;--font-display: "Roboto Slab", Georgia, serif;--font-body: "Roboto", system-ui, sans-serif;--radius: 10px;--shadow: 0 1px 2px rgba(20, 19, 48, .06), 0 4px 16px rgba(20, 19, 48, .05)}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:15px;line-height:1.45}h1,h2,h3,h4{font-family:var(--font-display);color:var(--navy);margin:0 0 .4em;line-height:1.2}button{font-family:inherit}:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:9px 16px;font-size:.92rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover:not(:disabled){background:#e8610e}.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover:not(:disabled){background:var(--navy-dark)}.btn-outline{background:#fff;color:var(--navy);border-color:var(--border)}.btn-outline:hover:not(:disabled){border-color:var(--navy)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){color:var(--navy);background:var(--surface-2)}.btn-danger{background:#fff;color:var(--red);border-color:#f3c4c4}.btn-sm{padding:5px 10px;font-size:.82rem}.btn-lg{padding:13px 22px;font-size:1rem}.btn-full{width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border)}.card-header h2,.card-header h3{margin:0;font-size:1.05rem}.card-body{padding:16px 18px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-label{font-weight:500;font-size:.88rem}.form-input{border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:1rem;font-family:inherit;color:var(--text);background:#fff}.form-input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px #ff711b2e}.form-hint{font-size:.8rem;color:var(--text-muted)}.alert{border-radius:8px;padding:10px 14px;font-size:.9rem}.alert-error{background:var(--band-red-bg);color:var(--band-red)}.alert-info{background:var(--surface-2);color:var(--navy)}.alert-success{background:var(--band-green-bg);color:var(--band-green)}.muted{color:var(--text-muted)}.small{font-size:.82rem}.num{font-variant-numeric:tabular-nums}.loading-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.topbar{background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand-mark{display:flex;align-items:flex-end;gap:3px;height:30px}.brand-mark span{width:7px;border-radius:1px}.brand-word{font-family:var(--font-display);font-weight:700;font-size:1.15rem;letter-spacing:.02em;color:#8fb3f0;line-height:1}.brand-sub{font-size:.66rem;letter-spacing:.06em;opacity:.75;margin-top:2px}.topbar-title{font-family:var(--font-display);font-size:1.05rem;font-weight:600}.topbar-right{display:flex;align-items:center;gap:10px;font-size:.85rem}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:500;background:#ffffff1f;color:#fff}.chip-orange{background:var(--orange);color:#fff}.hero-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(160deg,var(--navy-dark) 0%,var(--navy) 60%,#2B2870 100%)}.hero-head{display:flex;justify-content:space-between;align-items:center;padding:22px 28px}.hero-main{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.hero-card{width:100%;max-width:440px}.hero-title{color:#fff;text-align:center;margin-bottom:28px}.hero-title h1{color:#fff;font-size:2rem;margin-bottom:6px}.hero-title p{margin:0;opacity:.8}.hero-link{background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:6px 14px;color:#ffffffd9;cursor:pointer;font-size:.82rem}.code-input{display:flex;align-items:center;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff}.code-input span{padding:10px 0 10px 12px;color:var(--text-muted);font-weight:500;font-size:1.1rem}.code-input input{border:none;flex:1;padding:10px 12px 10px 2px;font-size:1.1rem;letter-spacing:.15em;font-weight:600;text-transform:uppercase;outline:none}.game-wrap{max-width:1280px;margin:0 auto;padding:20px 24px 60px}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}.side{position:sticky;top:76px;display:flex;flex-direction:column;gap:16px}.side-static{position:static}.inputs-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}@media (max-width: 1100px){.inputs-grid{grid-template-columns:1fr}}@media (max-width: 860px){.game-grid{grid-template-columns:1fr}.side{position:static}.topbar{padding:10px 16px}.game-wrap{padding:16px}.topbar-title{display:none}}.banner{border-radius:var(--radius);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.banner-explore{background:var(--navy);color:#fff}.banner-explore strong{color:var(--orange-light)}.banner-info{background:#fff;border:1px solid var(--border)}.slider-row{padding:12px 0;border-bottom:1px solid var(--surface-2)}.slider-row:last-child{border-bottom:none}.slider-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.slider-label{font-weight:500;display:flex;align-items:center;gap:6px}.info-btn{width:18px;height:18px;border-radius:50%;border:1px solid var(--border);background:#fff;color:var(--text-muted);font-size:.7rem;font-weight:700;cursor:pointer;padding:0;line-height:16px}.info-btn[aria-expanded=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.slider-value{font-family:var(--font-display);font-weight:600;font-size:1.05rem;white-space:nowrap}.slider-desc{font-size:.82rem;color:var(--text-muted);margin:6px 0 2px}.slider-foot{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-muted);margin-top:2px;min-height:1.1em}.delta-up,.delta-down{color:var(--navy);font-weight:500}.lock-note{font-size:.78rem;color:var(--text-muted);display:flex;gap:6px;align-items:flex-start;margin-top:4px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:28px;background:transparent;margin:4px 0 0;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:var(--track, var(--surface-2))}input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:var(--track, var(--surface-2))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--orange);border:3px solid white;box-shadow:0 0 0 1px #1f1d4c40,0 1px 3px #0003;margin-top:-7px}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--orange);border:3px solid white;box-shadow:0 0 0 1px #1f1d4c40}input[type=range]:disabled{cursor:not-allowed}input[type=range]:disabled::-webkit-slider-thumb{background:#b9b6cc}.fixed-list{margin:0;padding:0;list-style:none}.fixed-list li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--surface-2);font-size:.88rem}.fixed-list li:last-child{border-bottom:none}details.fixed>summary{cursor:pointer;font-weight:500;padding:10px 0 4px;color:var(--text-muted);font-size:.88rem}.totals{display:grid;grid-template-columns:1fr auto;row-gap:8px;column-gap:12px;font-size:.95rem}.totals .t-label{color:var(--text-muted)}.totals .t-val{text-align:right;font-weight:500}.totals .t-big{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.totals hr{grid-column:1 / -1;border:none;border-top:1px solid var(--border);margin:2px 0;width:100%}.meter{height:10px;border-radius:5px;background:var(--surface-2);position:relative;overflow:hidden;margin:6px 0 4px}.meter>div{height:100%;border-radius:5px;transition:width .2s,background .2s}.locked-results{text-align:center;padding:26px 18px;color:var(--text-muted)}.locked-results .lock-icon{font-size:1.8rem;margin-bottom:6px}.pop-hero{display:grid;gap:12px}.pop-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.pop-name{font-weight:500}.pop-score{font-family:var(--font-display);font-weight:700;font-size:1.6rem;line-height:1}.pop-score.main{font-size:2.4rem}.pop-bar{grid-column:1 / -1;height:10px;border-radius:5px;position:relative;background:linear-gradient(to right,var(--band-red-bg) 0 45%,var(--band-amber-bg) 45% 55%,var(--band-green-bg) 55% 100%)}.pop-bar .marker{position:absolute;top:-4px;width:4px;height:18px;border-radius:2px;background:var(--navy);transform:translate(-2px);transition:left .25s}.pop-bar .ghost{background:var(--orange-light);opacity:.9}.ind-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.ind{border:1px solid var(--border);border-radius:8px;padding:10px 12px;border-left-width:5px;background:#fff}.ind.green{border-left-color:var(--band-green)}.ind.amber{border-left-color:var(--band-amber-bar)}.ind.red{border-left-color:var(--band-red)}.ind-label{font-size:.78rem;color:var(--text-muted)}.ind-value{font-family:var(--font-display);font-weight:700;font-size:1.35rem}.ind-meta{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:.74rem;color:var(--text-muted)}.ind-was{font-size:.75rem;color:var(--text-muted)}.pill{display:inline-block;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700;white-space:nowrap}.pill.green{background:var(--band-green-bg);color:var(--band-green)}.pill.amber{background:var(--band-amber-bg);color:var(--band-amber)}.pill.red{background:var(--band-red-bg);color:var(--band-red)}.pill.neutral{background:var(--surface-2);color:var(--text-muted)}.paper{background:#fbfaf6;border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px}.paper-mast{font-family:var(--font-display);font-weight:700;text-align:center;letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid var(--navy);padding-bottom:6px;margin-bottom:8px;font-size:.85rem}.headline{padding:8px 0;border-bottom:1px solid var(--border)}.headline:last-child{border-bottom:none}.headline h4{margin:0 0 2px;font-size:1.02rem}.headline p{margin:0;font-size:.85rem;color:var(--text-muted)}.moved{list-style:none;margin:0;padding:0}.moved li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:.88rem;border-bottom:1px solid var(--surface-2)}.moved li:last-child{border-bottom:none}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#1413308c;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:#fff;border-radius:14px;max-width:460px;width:100%;padding:26px;box-shadow:0 20px 60px #0000004d;border-top:6px solid var(--orange)}.modal h2{font-size:1.4rem}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 900px){.steps{grid-template-columns:1fr 1fr}}.step{border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;background:#fff;display:flex;flex-direction:column;gap:8px}.step.current{border-color:var(--orange);box-shadow:0 0 0 2px #ff711b33}.step.done{background:var(--surface-2)}.step-num{font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase}.step h4{margin:0;font-size:.98rem}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin:22px 0 16px;overflow-x:auto}.tab{border:none;background:none;padding:10px 14px;font-size:.92rem;font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap}.tab.active{color:var(--navy);border-bottom-color:var(--orange)}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:.9rem}table.data th{text-align:left;font-weight:500;color:var(--text-muted);font-size:.78rem;padding:8px 10px;border-bottom:1px solid var(--border);white-space:nowrap}table.data td{padding:9px 10px;border-bottom:1px solid var(--surface-2)}table.data td.r,table.data th.r{text-align:right}table.data tr.clickable{cursor:pointer}table.data tr.clickable:hover td{background:var(--surface-2)}.league{background:var(--navy);color:#fff;border-radius:14px;padding:26px}.league h2,.league h3{color:#fff}.league-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 800px){.league-cols{grid-template-columns:1fr}}.league-list{list-style:none;margin:0;padding:0}.league-list li{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;margin-bottom:6px;background:#ffffff12;font-size:1.05rem}.league-list li.top1{background:var(--orange)}.league-list .rank{font-family:var(--font-display);font-weight:700;font-size:1.2rem;text-align:center}.league-list .score{font-family:var(--font-display);font-weight:700}.league-list li.me{outline:2px solid var(--orange-light)}.awards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:22px}.award{background:#ffffff14;border-radius:10px;padding:12px 14px}.award-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--orange-light);font-weight:700}.award-name{font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin-top:4px}.award-val{font-size:.8rem;opacity:.75}.league:fullscreen{overflow:auto;padding:48px;border-radius:0}.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 800px){.compare{grid-template-columns:1fr}}