@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/barlow-condensed-500.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/barlow-condensed-600.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/barlow-condensed-700.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/barlow-condensed-800.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url('/fonts/dm-sans-latin.woff2') format('woff2')}
:root{--ink:#0c1422;--panel:#192536;--panel2:#202d40;--cream:#f5f1e8;--muted:#adbac8;--lime:#dcff68;--orange:#ff7755;--line:#536276;--font:'DM Sans',system-ui,sans-serif;--display:'Barlow Condensed',Impact,'Arial Narrow',sans-serif}*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;color:var(--cream);font-family:var(--font);background:radial-gradient(circle at 15% 15%,#1d2d45 0%,transparent 32%),var(--ink);min-height:100vh}button,input{font:inherit}button{cursor:pointer}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.arena{position:fixed;inset:0;overflow:hidden;pointer-events:none;opacity:.55}.court-arc{position:absolute;border:1px solid rgba(245,241,232,.10);border-radius:50%;transform:rotate(-12deg)}.arc-one{width:1100px;height:560px;top:9%;left:-340px}.arc-two{width:1000px;height:500px;right:-450px;bottom:-200px}.shell{position:relative;z-index:1;width:min(100%,1120px);min-height:100vh;margin:auto;padding:24px 28px 12px;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.wordmark{font:800 31px/.9 var(--display);letter-spacing:.02em;text-decoration:none}.wordmark span{color:var(--lime)}.top-meta{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.site-foot{display:flex;justify-content:space-between;gap:16px;margin-top:auto;padding:25px 0 8px;color:#8291a2;font-size:11px}.site-foot a{text-decoration:underline;text-underline-offset:3px}#app{width:100%}.eyebrow,.kicker{color:var(--lime);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.pill{display:inline-flex;align-items:center;gap:6px;width:max-content;border:1px solid #a8c944;border-radius:99px;padding:7px 12px;color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.display{font:800 clamp(78px,13vw,156px)/.79 var(--display);letter-spacing:-.02em;text-transform:uppercase;margin:22px 0 25px}.copy{color:var(--muted);line-height:1.55;font-size:16px;max-width:440px}.btn{width:100%;border:0;border-radius:13px;min-height:60px;padding:12px 18px;background:var(--lime);color:var(--ink);font-weight:800;font-size:16px;letter-spacing:.01em}.btn:hover{filter:brightness(1.05)}.btn:disabled{opacity:.5;cursor:wait}.btn.secondary{background:var(--panel2);border:1px solid #52647a;color:var(--cream)}.btn.text{background:transparent;border:1px solid #52647a;color:var(--cream)}.small-btn{border:1px solid #56687d;background:#26354a;color:var(--cream);border-radius:9px;padding:9px 12px;font-size:12px;font-weight:700}.micro{font-size:12px;color:var(--muted)}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,440px);gap:56px;align-items:stretch;min-height:min(650px,calc(100vh - 150px))}.home-copy{display:flex;flex-direction:column;padding-top:40px}.home-actions{margin-top:auto;max-width:430px}.home-actions .btn{margin-top:14px}.guest-credit{border-top:1px solid #3c4b5d;padding:14px 0;display:flex;gap:12px;align-items:center}.guest-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--orange);color:var(--ink);font-weight:800;font-size:13px;flex:none}.guest-credit small{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.guest-credit strong{font-size:13px}.guest-credit a{color:var(--lime)}.home-art{position:relative;min-height:570px;display:grid;place-items:center;overflow:hidden}.home-art:before,.home-art:after{content:"";position:absolute;border:1px solid rgba(245,241,232,.18);border-radius:50%}.home-art:before{width:450px;height:450px}.home-art:after{width:330px;height:330px}.basketball{position:relative;z-index:1;display:grid;place-items:center;width:210px;height:210px;border-radius:50%;color:var(--ink);font:800 155px/.8 var(--display);background:radial-gradient(circle at 30% 25%,#ffb482,#ff7855 55%,#c64738);box-shadow:0 0 0 22px rgba(255,119,85,.1),0 26px 48px #0007}.basketball:before,.basketball:after{content:"";position:absolute;inset:13px;border:1px solid #5c2b27;border-radius:50%;opacity:.55}.basketball:after{inset:0 55px;border-width:0 1px}.spark{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--lime)}.spark.a{top:18%;left:15%}.spark.b{right:10%;top:42%}.spark.c{left:19%;bottom:24%}.game-layout{max-width:620px;margin:0 auto;min-height:min(690px,calc(100vh - 150px));display:flex;flex-direction:column}.round-line{display:flex;justify-content:space-between;align-items:center;gap:15px}.round-no{font:800 29px var(--display);color:var(--lime)}.dots{display:flex;gap:6px}.dots i{display:block;width:23px;height:5px;background:#455267;border-radius:10px}.dots i.done{background:var(--orange)}.dots i.current{background:var(--lime)}.question{font:700 clamp(40px,6vw,61px)/1.03 var(--display);margin:20px 0 16px;letter-spacing:.005em}.hint{border-left:3px solid var(--orange);padding-left:14px;color:var(--muted);line-height:1.5;font-size:14px;max-width:520px}.guess-panel{margin-top:auto;padding-top:40px}.input-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.big-value{display:flex;align-items:baseline;gap:10px;margin:10px 0 21px;color:var(--lime)}.big-value button{padding:0;border:0;background:transparent;color:inherit;font:800 clamp(100px,17vw,150px)/.75 var(--display);letter-spacing:-.02em}.big-value span{font:700 27px var(--display);color:var(--cream);text-transform:uppercase}.input-adjust{display:flex;align-items:center;gap:12px;margin-bottom:8px}.adjust{border:1px solid #52647a;border-radius:10px;background:var(--panel);color:var(--cream);width:42px;height:42px;font-size:24px;font-weight:700}.range-wrap{position:relative;padding:11px 0;flex:1}.range{appearance:none;width:100%;height:8px;border-radius:10px;margin:0;background:linear-gradient(to right,var(--lime) 0%,var(--lime) var(--pct),#536276 var(--pct),#536276 100%);cursor:pointer;touch-action:none}.range::-webkit-slider-thumb{appearance:none;width:34px;height:34px;border:5px solid var(--ink);outline:3px solid var(--lime);border-radius:50%;background:var(--lime);box-shadow:0 1px 8px #0008}.range::-moz-range-thumb{width:26px;height:26px;border:3px solid var(--ink);outline:3px solid var(--lime);border-radius:50%;background:var(--lime)}.range-labels{display:flex;justify-content:space-between;color:var(--muted);font-weight:700;margin:0 54px 28px;font-size:14px}.guess-panel .btn{margin-top:20px}.guess-panel .micro{text-align:center}.number-dialog{border:1px solid #64758a;border-radius:17px;background:#1b293a;color:var(--cream);padding:24px;box-shadow:0 30px 80px #000b;width:min(340px,calc(100% - 28px))}.number-dialog::backdrop{background:#07101bd9}.number-dialog h2{font:700 29px var(--display);margin:0 0 8px}.number-dialog label{display:block;margin:12px 0 6px;color:var(--muted);font-size:12px}.number-dialog input{width:100%;background:#0c1422;border:1px solid #5b6c80;border-radius:9px;color:var(--cream);padding:12px;font-size:22px}.number-dialog .btn{margin-top:16px}.reveal-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:15px}.point-badge{background:var(--orange);color:var(--ink);padding:12px 17px;border-radius:12px;font:800 34px/.9 var(--display);white-space:nowrap}.answer-value{font:800 clamp(145px,24vw,220px)/.78 var(--display);color:var(--lime);margin:20px 0 24px;letter-spacing:-.03em}.answer-value span{font-size:33px;color:var(--cream);letter-spacing:0;text-transform:uppercase}.compare{position:relative;height:116px;margin:12px 10px 10px}.compare-track{position:absolute;left:0;right:0;top:72px;height:8px;border-radius:8px;background:#536276}.compare-gap{position:absolute;top:72px;height:8px;background:var(--orange);transform-origin:left;animation:gapIn .55s ease-out both}.marker{position:absolute;top:58px;width:34px;height:34px;border-radius:50%;transform:translateX(-50%);z-index:2}.marker.guess{background:var(--ink);border:5px solid var(--cream)}.marker.answer{background:var(--lime);box-shadow:0 0 0 12px #dcff6826;animation:answerIn .55s cubic-bezier(.2,1.4,.5,1) both}.marker-label{position:absolute;top:22px;transform:translateX(-50%);font-size:12px;font-weight:800;white-space:nowrap}.marker-label.guess{color:var(--muted)}.marker-label.answer{color:var(--lime)}.compare.collide .marker-label.guess{top:0}.compare.collide .marker-label.answer{top:34px}.compare.collide .marker.guess{top:65px}.compare.collide .marker.answer{top:65px}.distance{color:var(--orange);font:800 42px/1 var(--display);text-transform:uppercase;margin:13px 0 20px}.story{background:var(--panel);padding:22px;border-radius:17px}.story strong{color:var(--lime);font-size:12px;letter-spacing:.13em;text-transform:uppercase}.story p{line-height:1.58;margin:12px 0 14px}.story a{color:var(--muted);font-size:13px;text-underline-offset:3px}.reveal-foot{margin-top:auto;padding-top:28px}.result-layout{max-width:670px;margin:0 auto}.score-kicker{text-align:center;margin-top:14px}.total-score{text-align:center;font:800 clamp(140px,25vw,220px)/.8 var(--display);margin:24px 0 5px}.total-score span{font-size:60px;color:var(--lime)}.result-sub{text-align:center;color:var(--muted);margin-bottom:22px}.bands{display:flex;gap:8px;max-width:400px;margin:0 auto 28px}.bands span{height:12px;flex:1;border-radius:10px;background:var(--lime)}.bands .mid{background:#bddc75}.bands .warm{background:var(--orange)}.bands .low{background:#526071}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{background:var(--panel);border-radius:17px;padding:20px;margin-bottom:14px}.card h2{font:800 27px var(--display);margin:0 0 12px;text-transform:uppercase}.card p{line-height:1.5;color:var(--muted);font-size:14px}.group-select{width:100%;border:1px solid #56667a;border-radius:9px;background:var(--ink);color:var(--cream);padding:11px;margin:8px 0 12px}.board-toggle{display:flex;gap:7px;margin:10px 0}.board-toggle button{flex:1;background:#27364a;color:var(--cream);border:1px solid #53647a;border-radius:8px;padding:9px}.board-toggle button.active{background:var(--lime);color:var(--ink);border-color:var(--lime)}.board-row{display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;border-top:1px solid #405064;padding:13px 0;font-size:14px}.board-row.me{color:var(--lime);font-weight:800}.board-row small{font-size:11px;color:var(--muted)}.chase{color:var(--orange);font:800 30px var(--display);text-transform:uppercase;margin:10px 0}.actions{display:grid;gap:10px;margin:15px 0}.form-line{display:flex;gap:8px}.form-line input{min-width:0;flex:1;border:1px solid #5b6d82;background:#0e1928;border-radius:9px;color:var(--cream);padding:11px}.form-line button{flex:none}.field{display:block;margin:12px 0 6px;color:var(--muted);font-size:12px;font-weight:700}.full-input{width:100%;border:1px solid #5b6d82;background:#0e1928;border-radius:9px;color:var(--cream);padding:11px}.invite-banner{border:1px solid #a6c943;border-radius:13px;padding:14px;margin:0 0 15px;color:var(--lime);font-size:14px}.loading{padding:40px;text-align:center;color:var(--muted)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;max-width:min(520px,calc(100% - 24px));padding:12px 18px;background:var(--lime);color:var(--ink);border-radius:10px;font-weight:700;z-index:20;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.empty{color:var(--muted);font-size:13px;padding:12px 0}.inline-link{color:var(--lime);font-size:13px;text-underline-offset:3px}.owner-controls{display:grid;gap:8px;margin-top:12px;border-top:1px solid #415066;padding-top:12px}.owner-controls button{text-align:left}.pending-card{background:#27364a;border:1px solid #a8c944;border-radius:15px;padding:18px;margin:14px 0}.pending-card h2{margin:0 0 5px;font:800 27px var(--display)}.pending-card p{color:var(--muted);font-size:13px}.pulse{animation:answerIn .5s ease-out}@keyframes answerIn{from{opacity:0;transform:translateX(-50%) scale(.25)}to{opacity:1;transform:translateX(-50%) scale(1)}}@keyframes gapIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:700px){.shell{padding:18px 20px 8px}.topbar{margin-bottom:18px}.home-layout{display:block;min-height:calc(100svh - 128px)}.home-copy{padding-top:4px;min-height:calc(100svh - 130px)}.display{font-size:clamp(80px,22vw,116px);margin:23px 0 16px}.home-art{position:absolute;z-index:-1;left:0;right:0;top:48%;height:28%;min-height:0;opacity:.9}.home-art:before{width:330px;height:330px}.home-art:after{width:250px;height:250px}.basketball{width:150px;height:150px;font-size:110px}.home-copy .copy{max-width:310px}.home-actions{padding-top:240px}.game-layout{min-height:calc(100svh - 127px)}.question{font-size:clamp(36px,9vw,54px)}.guess-panel{padding-top:24px}.big-value button{font-size:clamp(100px,27vw,142px)}.answer-value{font-size:clamp(145px,37vw,200px)}.result-grid{grid-template-columns:1fr}.site-foot{padding-top:14px}.card{padding:18px}}
@media(max-width:370px){.shell{padding-inline:15px}.display{font-size:79px}.question{font-size:37px}.home-actions{padding-top:160px}.answer-value{font-size:137px}.point-badge{font-size:27px;padding:10px}.story{padding:16px}.btn{min-height:54px}.range-labels{margin-inline:50px}.compare{margin-inline:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:370px){.round-no{font-size:25px;white-space:nowrap}.dots i{width:16px}.question{font-size:34px;line-height:1.01;margin:15px 0 12px}.guess-panel{padding-top:12px}.big-value{margin:6px 0 12px}.big-value button{font-size:90px}.range-labels{margin-bottom:16px}.guess-panel .btn{margin-top:8px}}
@media(max-width:370px){.total-score{font-size:122px}.total-score span{font-size:48px}}

/* A manual display ad stays in page flow, clear of all game and footer controls. */
.shell{min-height:100svh}
.ad-dock{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:130px;margin:150px auto 0;padding:0 0 calc(28px + env(safe-area-inset-bottom,0px));width:100%}
.ad-label{color:#aebccd;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.ad-slot{display:grid;place-items:center;width:728px;max-width:100%;height:90px;border:1px dashed #64748a;border-radius:8px;background:#1b293a;color:#aebccd;font-size:10px;font-weight:800;letter-spacing:.15em;text-align:center}
.ad-slot.live{border:0;background:transparent}
.ad-placeholder{padding:8px}
.toast{top:16px;bottom:auto}
@media(max-width:799px){.ad-slot{width:468px;height:60px}}
@media(max-width:499px){.ad-slot{width:320px;height:50px}.ad-dock{min-height:85px}}
@media(max-width:339px){.ad-slot{width:300px}}
@media(max-width:319px){.ad-slot{width:280px}}
@media(max-width:299px){.ad-slot{width:250px}}
.site-foot{flex-wrap:wrap;line-height:1.7}
.info-page{width:min(100%,760px);margin:0 auto}.info-page h1{font:800 clamp(54px,10vw,96px)/.9 var(--display);margin:28px 0 24px}.info-page h2{font:800 31px var(--display);margin:34px 0 10px}.info-page p,.info-page li{color:var(--muted);line-height:1.6}.info-page a{color:var(--lime);text-underline-offset:3px}.info-page ul,.info-page ol{padding-left:22px}.info-page .card{margin:22px 0}.info-page .card p{margin:0 0 12px}.info-page .card p:last-child{margin-bottom:0}.info-page label{display:block;margin:18px 0 6px;color:var(--cream);font-weight:700}.info-page input,.info-page select,.info-page textarea{display:block;width:100%;border:1px solid #5b6d82;background:#152235;color:var(--cream);border-radius:10px;padding:12px}.info-page textarea{min-height:150px;resize:vertical}.info-page .btn{max-width:320px;margin-top:20px}.info-page .note{font-size:13px}