:root{--yale-blue: #133c55;--rich-cerulean: #386fa4;--blue-bell: #59a5d8;--frozen-lake: #84d2f6;--frosted-blue: #91e5f6;--deep-navy: #0d2b3e;--text-light: #e8f4f8;--text-muted: #a3c4d4;--white: #ffffff;--gradient-ocean: linear-gradient(135deg, #0d2b3e 0%, #133c55 50%, #386fa4 100%);--gradient-surface: linear-gradient(180deg, #133c55 0%, #0d2b3e 100%);--radius: 10px;--radius-lg: 16px;--radius-xl: 20px;--tap: 56px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--deep-navy);color:var(--text-light);line-height:1.6;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3,h4{font-weight:700;line-height:1.2;color:var(--white)}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:1.15rem}p{color:var(--text-muted)}a{color:var(--frozen-lake);text-decoration:none}a:hover{color:var(--frosted-blue)}.muted{color:var(--text-muted)}.small{font-size:.85rem}.error{color:#f49096;padding:.5rem 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;min-height:48px;border-radius:var(--radius);border:1px solid transparent;font:inherit;font-weight:600;font-size:.95rem;cursor:pointer;text-decoration:none;background:#386fa433;color:var(--text-light);border-color:#84d2f633;transition:all .2s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--frozen-lake);color:var(--yale-blue);border-color:var(--frozen-lake);box-shadow:0 4px 20px #84d2f64d}.btn-primary:hover{background:var(--frosted-blue);transform:translateY(-2px);box-shadow:0 6px 25px #84d2f666}.btn-ghost{background:transparent;color:var(--text-light);border-color:#84d2f64d}.btn-ghost:hover{border-color:var(--frozen-lake);background:#84d2f61a}.btn-sm{padding:.5rem .9rem;min-height:36px;font-size:.85rem}.btn-big{font-size:1.05rem;padding:1rem 1.5rem;min-height:56px;width:100%}.btn-huge{font-size:1.25rem;padding:1.1rem 2rem;min-height:72px;width:100%}.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(132,210,246,.3);background:transparent;font-size:1.25rem;cursor:pointer;color:var(--text-light);transition:all .2s}.icon-btn:hover{border-color:var(--frozen-lake);background:#84d2f61a}.back-link{font-size:1.5rem;text-decoration:none;color:var(--text-light);padding:.25rem .75rem}.page-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;padding:.75rem 1rem;border-bottom:1px solid rgba(132,210,246,.15);background:#0d2b3ed9;backdrop-filter:blur(10px);position:sticky;top:0;z-index:5}.page-head h1{margin:0;text-align:center;font-size:1.05rem;font-weight:600}.full-screen{min-height:100vh;min-height:100dvh;padding:2rem}.centred{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center}.site-shell{display:flex;align-items:center;padding:.75rem 1rem;background:#0d2b3ef2;border-bottom:1px solid rgba(132,210,246,.1)}.site-shell a{display:inline-flex;align-items:center;transition:opacity .2s}.site-shell a:hover{opacity:.85}.site-shell img{height:32px!important;max-height:32px;width:auto;max-width:220px;display:block;object-fit:contain}@media (min-width: 768px){.site-shell img{height:36px!important;max-height:36px}}.home{padding:2rem 1.25rem;display:flex;flex-direction:column;gap:2rem;max-width:560px;margin:0 auto;width:100%}.home-head{position:relative;display:flex;align-items:center;justify-content:center;padding-top:.5rem;min-height:48px}.home-head h1{margin:0;font-size:clamp(1.75rem,7vw,2.5rem);letter-spacing:-.01em;text-align:center}.home-head .icon-btn{position:absolute;right:0;top:50%;transform:translateY(-50%)}.home-head h1 span{color:var(--frozen-lake)}.home-cta{padding:.5rem 0;display:flex;flex-direction:column;gap:.75rem}.recent h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 .75rem;font-weight:600}.recent.empty{text-align:center;padding:1.5rem 0}.recent-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.recent-item{display:block;padding:.9rem 1rem;background:#386fa433;border:1px solid rgba(132,210,246,.2);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-light);transition:all .2s}.recent-item:hover{background:#386fa44d;transform:translateY(-2px)}.recent-name{font-weight:600;color:var(--white)}.recent-meta{display:flex;justify-content:space-between;font-size:.85rem;margin-top:.25rem;color:var(--text-muted)}.setup{max-width:560px;margin:0 auto;width:100%;padding-bottom:2rem}.setup-form{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1.5rem}.field{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.field legend{font-weight:600;font-size:.95rem;padding:0;color:var(--white)}.players-list{display:flex;flex-direction:column;gap:.5rem}.player-row{display:flex;gap:.5rem;align-items:center}.player-name{flex:1;padding:.85rem 1rem;border-radius:var(--radius);border:1px solid rgba(132,210,246,.2);background:#0d2b3ecc;color:var(--white);font:inherit;font-size:1rem;transition:all .2s}.player-name:focus{outline:none;border-color:var(--frozen-lake);box-shadow:0 0 0 3px #84d2f61a}.btn-remove{width:40px;height:40px;border-radius:50%;border:1px solid rgba(132,210,246,.2);background:transparent;cursor:pointer;font-size:1.25rem;color:var(--text-muted);transition:all .2s}.btn-remove:hover{color:var(--frozen-lake);border-color:var(--frozen-lake)}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.category-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;background:#0d2b3e99;border:1px solid rgba(132,210,246,.15);border-radius:var(--radius-lg);padding:.3rem}.cat-tab{display:flex;align-items:center;justify-content:center;padding:.6rem .5rem;border-radius:10px;font-weight:600;font-size:.85rem;color:var(--text-muted);cursor:pointer;user-select:none;transition:all .18s;text-align:center}.cat-tab:hover{color:var(--text-light)}.cat-tab input{display:none}.cat-tab.active{background:var(--frozen-lake);color:var(--yale-blue);box-shadow:0 2px 10px #84d2f640}@media (max-width: 480px){.cat-tab{font-size:.78rem;padding:.55rem .3rem}}.league-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.league-card{display:flex;flex-direction:column;gap:.25rem;padding:.75rem .9rem;border-radius:var(--radius-lg);border:1px solid rgba(132,210,246,.25);background:#386fa42e;cursor:pointer;user-select:none;transition:all .2s}.league-card:hover{border-color:var(--frozen-lake);background:#386fa447}.league-card.active{background:var(--frozen-lake);color:var(--yale-blue);border-color:var(--frozen-lake)}.league-card.active .league-card-blurb{color:#0d2b3eb3}.league-card input{display:none}.league-card-name{font-weight:700;font-size:1rem}.league-card-blurb{font-size:.78rem;color:var(--text-muted);line-height:1.3}.mode-blurb-solo{margin-top:-.5rem;padding-left:.25rem}@media (max-width: 480px){.league-grid{grid-template-columns:1fr}}.chip{display:inline-flex;align-items:center;padding:.6rem 1rem;border-radius:999px;border:1px solid rgba(132,210,246,.3);background:#386fa426;color:var(--text-light);cursor:pointer;font-weight:500;user-select:none;transition:all .2s}.chip:hover{border-color:var(--frozen-lake)}.chip.active{background:var(--frozen-lake);color:var(--yale-blue);border-color:var(--frozen-lake)}.chip input{display:none}.toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-light)}.toggle input{width:20px;height:20px;accent-color:var(--frozen-lake)}input[type=text],input[type=text]#pub-note{padding:.85rem 1rem;border-radius:var(--radius);border:1px solid rgba(132,210,246,.2);background:#0d2b3ecc;color:var(--white);font:inherit;font-size:1rem;width:100%;transition:all .2s}input[type=text]:focus,input[type=text]#pub-note:focus{outline:none;border-color:var(--frozen-lake);box-shadow:0 0 0 3px #84d2f61a}.setup-submit{padding-top:.5rem}.play{max-width:640px;margin:0 auto;width:100%;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.play.loading{align-items:center;justify-content:center;padding:2rem;gap:1rem}.spinner{width:32px;height:32px;border:3px solid rgba(132,210,246,.2);border-top-color:var(--frozen-lake);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.play-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:.85rem 1rem;background:#0d2b3ef2;backdrop-filter:blur(10px);border-bottom:1px solid rgba(132,210,246,.15);position:sticky;top:0;z-index:5}.play-title{font-weight:600;font-size:.95rem;color:var(--white)}.play-head .muted{color:var(--text-muted)}.turn-row{padding:.7rem 1rem;background:var(--frozen-lake);color:var(--yale-blue);font-size:1rem;text-align:center;border-bottom:1px solid rgba(0,0,0,.1)}.turn-row .turn-label{opacity:.8;font-size:.85rem;margin-right:.35rem}.turn-row .turn-name{font-size:1.15rem;font-weight:700;letter-spacing:.01em}.stats-row{display:flex;justify-content:space-between;padding:.75rem 1rem;background:#133c5580;border-bottom:1px solid rgba(132,210,246,.1);font-size:.9rem;color:var(--text-muted)}.stats-row strong{color:var(--white)}.sync-indicator{color:var(--text-muted)}.input-bar{display:flex;gap:.5rem;padding:.75rem 1rem;background:#0d2b3ef2;backdrop-filter:blur(10px);border-bottom:1px solid rgba(132,210,246,.15);position:sticky;top:56px;z-index:4}#answer-input{flex:1;padding:.85rem 1rem;font-size:1.05rem;border-radius:var(--radius);border:1px solid rgba(132,210,246,.2);background:#0d2b3ecc;color:var(--white);font-family:inherit}#answer-input:focus{outline:none;border-color:var(--frozen-lake);box-shadow:0 0 0 3px #84d2f61a}.credit-callout{background:var(--frozen-lake);color:var(--yale-blue);padding:.9rem 1rem;border-bottom:3px solid rgba(0,0,0,.15);display:flex;flex-direction:column;gap:.3rem;animation:credit-callout-in .25s ease-out}.cc-name{font-size:1.45rem;font-weight:800;letter-spacing:-.01em;line-height:1.1}.cc-meta{display:flex;align-items:baseline;gap:.55rem;font-size:1rem;flex-wrap:wrap}.cc-stat{opacity:.85}.cc-points{background:#0d2b3e2e;padding:.1rem .5rem;border-radius:6px;font-weight:700}.cc-arrow{opacity:.7;font-weight:700}.cc-player{font-weight:700}@keyframes credit-callout-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dym,.disambig{display:flex;gap:.5rem;align-items:center;padding:.75rem 1rem;background:#84d2f614;border-bottom:1px solid rgba(132,210,246,.2);flex-wrap:wrap;color:var(--text-light)}.dym strong{color:var(--frozen-lake)}.toast{position:fixed;bottom:5rem;left:50%;transform:translate(-50%);background:var(--yale-blue);border:1px solid var(--frozen-lake);color:var(--text-light);padding:.75rem 1.25rem;border-radius:var(--radius);font-weight:500;z-index:100;animation:toast-in .2s ease-out;box-shadow:0 10px 30px #0006}.toast.miss{border-color:#f49096;color:#f49096}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}.found-list{flex:1;overflow-y:auto;padding:.5rem 0 6rem}.found-items{list-style:none;margin:0;padding:0}.found-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid rgba(132,210,246,.1);gap:.5rem}.found-item.blank{color:var(--text-muted);font-family:SF Mono,Menlo,monospace}.found-item.found{background:#386fa426}.found-item .f-name{font-weight:500;color:var(--white)}.found-item .f-stat{font-weight:400;color:var(--text-muted);font-size:.85rem;margin-left:.3rem}.found-item .f-meta{font-size:.85rem;color:var(--text-muted)}.found-item .f-name:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:.5rem;vertical-align:middle;background:#84d2f64d}.found-item.r1 .f-name:before{background:#84d2f659}.found-item.r2 .f-name:before{background:#84d2f68c}.found-item.r3 .f-name:before{background:#84d2f6bf}.found-item.r4 .f-name:before{background:var(--frozen-lake)}.found-item.r5 .f-name:before{background:var(--frosted-blue);box-shadow:0 0 8px #91e5f699}.found-item.just-credited{animation:just-credited-pulse 1.6s ease-out}@keyframes just-credited-pulse{0%{background:var(--frozen-lake);box-shadow:0 0 0 4px var(--frozen-lake)}40%{background:#84d2f640}to{background:#386fa426}}.play-foot{display:flex;gap:.5rem;padding:.75rem 1rem;background:#0d2b3ef2;backdrop-filter:blur(10px);border-top:1px solid rgba(132,210,246,.15);position:sticky;bottom:0}.play-foot .btn{flex:1}.picker{position:fixed;inset:0;background:#0d2b3ef5;display:flex;flex-direction:column;z-index:50;backdrop-filter:blur(8px);overflow:hidden}.picker-head{flex:0 0 auto;text-align:center;padding:1rem 1rem .5rem}.picker-item{font-size:1.25rem;font-weight:700;color:var(--white)}.picker-head .muted{color:var(--text-muted)}.picker-turn{color:var(--frozen-lake);font-size:.9rem;margin-top:.25rem}.picker-players{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.65rem;align-content:start;padding:.75rem 1rem;-webkit-overflow-scrolling:touch}.picker-btn{min-height:64px;padding:.85rem .75rem;border-radius:var(--radius-lg);border:1px solid rgba(132,210,246,.3);background:#386fa433;color:var(--text-light);font-size:1.05rem;font-weight:600;cursor:pointer;word-break:break-word;transition:all .15s}.picker-btn:hover{border-color:var(--frozen-lake);background:#84d2f61a}.picker-btn:active{transform:scale(.97)}.picker-btn.picker-btn-up{background:var(--frozen-lake);color:var(--yale-blue);border-color:var(--frozen-lake);box-shadow:0 6px 18px #84d2f673;font-size:1.2rem;grid-column:1 / -1;min-height:80px}.picker-btn.picker-nobody{background:transparent;color:var(--text-muted);border-color:#84d2f633;font-weight:500}.picker-foot{flex:0 0 auto;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));display:flex;justify-content:center;background:#0d2b3ef2;border-top:1px solid rgba(132,210,246,.15)}.picker-foot .btn{min-width:160px}.wrong-prompt{background:#84d2f614;border-bottom:1px solid rgba(132,210,246,.2);padding:.9rem 1rem;display:flex;flex-direction:column;gap:.5rem}.wp-head{font-size:.95rem;color:var(--text-light)}.wp-head em{color:var(--frozen-lake);font-style:normal;font-weight:600}.wp-players{display:flex;flex-wrap:wrap;gap:.4rem}.wp-btn{padding:.55rem .9rem;border-radius:8px;border:1px solid rgba(132,210,246,.3);background:#386fa433;color:var(--text-light);font-weight:600;cursor:pointer;font-size:.95rem;font-family:inherit}.wp-btn:hover{border-color:var(--frozen-lake)}.wp-btn-up{background:var(--frozen-lake);color:var(--yale-blue);border-color:var(--frozen-lake);transform:scale(1.05)}.wrong-prompt #wp-ignore{align-self:flex-start}.overlay{position:fixed;inset:0;background:#0d2b3eb3;backdrop-filter:blur(4px);z-index:40;display:flex;align-items:flex-end;justify-content:center}.overlay-sheet{background:var(--yale-blue);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);width:100%;max-width:640px;max-height:92vh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom);border:1px solid rgba(132,210,246,.2);border-bottom:none}.sheet-head{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(132,210,246,.15);position:sticky;top:0;background:var(--yale-blue)}.sheet-head h2{margin:0;font-size:1.1rem}.score-list{list-style:none;margin:0;padding:0}.score-row{display:grid;grid-template-columns:40px 1fr auto;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(132,210,246,.1);align-items:center}.rank{font-size:1.5rem;font-weight:700;color:var(--text-muted);text-align:center}.score-name{font-weight:600;color:var(--white)}.score-total{font-weight:700;font-size:1.25rem;color:var(--frozen-lake)}.score-top{display:flex;justify-content:space-between;align-items:baseline}.score-sub{font-size:.85rem;margin:.25rem 0;color:var(--text-muted)}.rarity-bar{display:flex;gap:.25rem;margin-top:.25rem}.rb{font-size:.75rem;padding:.1rem .4rem;border-radius:4px;background:#84d2f626;color:var(--text-muted);min-width:22px;text-align:center}.rb.r1{background:#84d2f633}.rb.r2{background:#84d2f659;color:var(--text-light)}.rb.r3{background:#84d2f68c;color:var(--yale-blue)}.rb.r4{background:var(--frozen-lake);color:var(--yale-blue)}.rb.r5{background:var(--frosted-blue);color:var(--yale-blue);font-weight:700}.score-adj{display:flex;flex-direction:column;gap:.25rem}.adj-btn{min-width:44px;min-height:32px;border:1px solid rgba(132,210,246,.3);background:#386fa433;border-radius:6px;cursor:pointer;font-weight:600;color:var(--text-light);font-family:inherit;transition:all .2s}.adj-btn:hover{border-color:var(--frozen-lake);background:#84d2f61a}.adj-log{padding:1rem 1.25rem;border-top:1px solid rgba(132,210,246,.15)}.adj-log h3{margin:0 0 .5rem;font-size:.95rem}.adj-log ul{list-style:none;margin:0;padding:0;font-size:.9rem;color:var(--text-muted)}.adj-log li{padding:.35rem 0}.results{max-width:640px;margin:0 auto;width:100%;padding-bottom:4rem}.results.loading{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.results-head{padding:1.25rem 1.25rem .5rem}.results-title{text-align:center}.invincibles-banner{background:var(--frozen-lake);color:var(--yale-blue);padding:.75rem;text-align:center;font-weight:700;letter-spacing:.1em;margin:1rem 1.25rem;border-radius:var(--radius)}.winner{text-align:center;padding:1.5rem 1.25rem}.crown{font-size:3rem}.winner-name{font-size:2rem;font-weight:700;color:var(--frozen-lake)}.winner-score{font-size:1.15rem;color:var(--text-muted);margin-top:.25rem}.results-board{list-style:none;margin:0;padding:0 1.25rem}.results-row{display:grid;grid-template-columns:40px 1fr;gap:.75rem;padding:1rem 0;border-bottom:1px solid rgba(132,210,246,.15);align-items:center}.r-body{display:flex;flex-direction:column;gap:.25rem}.r-top{display:flex;justify-content:space-between;align-items:baseline}.r-name{font-weight:600;color:var(--white)}.r-total{font-weight:700;font-size:1.25rem;color:var(--frozen-lake)}.r-sub{font-size:.85rem;color:var(--text-muted)}.badge-bonus{display:inline-block;background:var(--frosted-blue);color:var(--yale-blue);padding:.1rem .4rem;border-radius:4px;font-size:.75rem;font-weight:700;margin-left:.5rem;vertical-align:middle}.missed{padding:1.5rem 1.25rem}.missed h3{margin:0 0 .75rem;font-size:1rem}.missed-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.missed-list li{padding:.4rem .75rem;border-radius:6px;background:#386fa433;border:1px solid rgba(132,210,246,.15);font-size:.9rem;color:var(--text-light)}.missed-list li.r5{background:var(--frozen-lake);color:var(--yale-blue);border-color:var(--frozen-lake);font-weight:600}.missed-list li.r4{background:#84d2f666;color:var(--yale-blue)}.results-foot{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1.25rem}.scoring-guide{max-width:640px;margin:0 auto;width:100%}.sg-content{padding:1.25rem}.sg-content h1{margin:0 0 1rem}.sg-content h2{margin:0 0 .5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600}.sg-section{padding:1rem 0;border-bottom:1px solid rgba(132,210,246,.15)}.sg-section:last-child{border-bottom:none}.sg-section p{margin:.5rem 0;line-height:1.5}.sg-section ol,.sg-section ul{padding-left:1.25rem;margin:.5rem 0;line-height:1.6;color:var(--text-muted)}.sg-section ol li,.sg-section ul li{margin:.25rem 0}.sg-section strong{color:var(--frozen-lake)}.sg-table{width:100%;border-collapse:collapse;margin:.5rem 0}.sg-table th,.sg-table td{padding:.5rem;border-bottom:1px solid rgba(132,210,246,.15);text-align:left;font-size:.9rem;color:var(--text-light)}.sg-table th{font-weight:600;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.head-link{color:var(--frozen-lake);text-decoration:none;font-size:.9rem;padding:.5rem .75rem;font-weight:500;text-align:right}.head-link:hover{color:var(--frosted-blue)}.kickoff{padding:3rem 1.25rem;text-align:center;display:flex;flex-direction:column;gap:1rem;align-items:center}.kickoff p{color:var(--text-muted);margin:0}