:root{color-scheme:dark;--bg: #0F173D;--bg-top: #1A2560;--card: #1C2654;--card-strong: #253168;--line: #2E3A72;--text: #EEF0FA;--muted: #A3ABCB;--faint: #6F78A3;--accent: #6479DB;--accent-soft: rgba(100, 121, 219, .25);--green: #30D158;--red: #FF453A;--orange: #FF9F0A;--rounded: ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0}body{min-height:100vh;background:linear-gradient(180deg,var(--bg-top),var(--bg) 320px) no-repeat,var(--bg);color:var(--text);font-family:var(--sans);line-height:1.4;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a{color:var(--accent)}h1,h2,h3{margin:0}.col{width:100%;max-width:560px;margin:0 auto;padding-left:16px;padding-right:16px}.muted{color:var(--muted)}.moon-dark{text-shadow:0 0 .08em rgba(204,217,255,.9),0 0 .03em rgba(204,217,255,.5)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:14px;padding:12px 20px;font-weight:700;font-size:17px;cursor:pointer}.btn:focus-visible,.item-card:focus-visible,.bet:focus-visible,.row:focus-visible,.icon-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:disabled{opacity:.45;cursor:default}.btn-secondary{background:var(--card-strong);color:var(--text)}.btn-plain{background:none;color:var(--accent);padding:8px 12px}.btn-block{display:block;width:100%}.btn-wide{display:block;width:100%;max-width:280px;margin:0 auto}.icon-btn{background:none;border:0;cursor:pointer;color:var(--accent);padding:8px;font-size:22px;line-height:1}.help-btn{width:32px;height:32px;border:2px solid var(--accent);border-radius:50%;font-size:17px;font-weight:800;padding:0;display:flex;align-items:center;justify-content:center}.home{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.home-top{display:flex;justify-content:flex-start;padding-top:12px}.home-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;text-align:center;padding:24px 0}.home-title{display:flex;flex-direction:column;gap:6px}.title{font-family:var(--rounded);font-size:48px;font-weight:900;letter-spacing:-.5px}.game-number{font-size:20px;color:var(--muted);font-variant-numeric:tabular-nums}.emojis{font-size:34px;letter-spacing:4px}.streak{color:var(--orange);font-weight:600}.streak.zero{color:var(--muted)}.play-btn{font-size:22px;padding:16px 20px;white-space:pre-line;width:100%;max-width:280px}.skeleton{visibility:hidden}.error-box{display:flex;flex-direction:column;gap:12px;align-items:center}.error-box h2{font-size:22px}.error-box p{margin:0}.site-footer{text-align:center;font-size:14px;color:var(--muted);padding:20px 0 28px}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer .sep{margin:0 8px;opacity:.6}.site-info{padding-top:8px;padding-bottom:40px;color:var(--muted);font-size:15px;line-height:1.55}.site-info[hidden]{display:none}.site-info h2{color:var(--text);font-size:20px;margin:28px 0 10px}.site-info h2:first-child{margin-top:0}.site-info p,.site-info ol,.site-info dl{margin:0 0 12px}.site-info ol{padding-left:22px}.site-info li{margin-bottom:6px}.site-info strong,.site-info dt{color:var(--text);font-weight:600}.site-info dt{margin-top:12px}.site-info dd{margin:4px 0 0}.noscript{text-align:center;padding-top:40px;padding-bottom:20px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05091ebf;display:flex;align-items:center;justify-content:center;z-index:10;padding:16px}.modal{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:24px;width:100%;max-width:440px;min-height:480px;padding:32px 24px 20px;display:flex;flex-direction:column}.modal-skip{position:absolute;top:10px;right:10px}.how-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center}.how-page h2{font-size:26px}.how-page p{font-size:19px;color:var(--muted);margin:0}.how-visual{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.how-lines{display:flex;flex-direction:column;gap:8px;font-size:20px;font-weight:700}.mini{width:110px;height:110px;background:var(--card);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-weight:600}.mini span{font-size:44px}.big-emoji{font-size:64px}.dots{display:flex;gap:8px;justify-content:center;margin:16px 0 12px}.dot{width:8px;height:8px;border-radius:50%;background:var(--line)}.dot.on{background:var(--accent)}.game{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.game-scroll{flex:1;display:flex;flex-direction:column;gap:20px;padding-top:12px;padding-bottom:20px}.game-head{display:flex;align-items:center;gap:8px}.round-label{font-weight:700;flex:1}.chip{background:#a3abcb26;border-radius:999px;padding:4px 10px;font-size:15px;white-space:nowrap}.score-row{display:flex;flex-direction:column;align-items:center;gap:8px}.progress{display:flex;gap:6px}.progress i{width:8px;height:8px;border-radius:50%;background:#a3abcb4d}.progress i.done{background:var(--accent)}.question{font-size:22px;font-weight:800;text-align:center}.cards{display:flex;align-items:stretch;gap:10px}.vs{align-self:center;color:var(--muted);font-weight:700}.item-card{flex:1 1 0;min-width:0;min-height:160px;background:var(--card);border:3px solid transparent;border-radius:20px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;cursor:pointer;transition:transform .2s,border-color .2s,opacity .3s}.item-card:disabled{cursor:default;color:var(--text)}.item-card.selected{border-color:var(--accent);transform:scale(1.04)}.item-card.pick-border{border-color:var(--accent)}.item-card.right{border-color:var(--green);animation:pulse .5s}.item-card.wrong{border-color:var(--red)}.item-card.missed{border-color:var(--muted)}.item-card.dim{opacity:.5}.tag{font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;background:var(--accent-soft);letter-spacing:.3px;white-space:nowrap}.tag.missed{background:#a3abcb33}.hidden{visibility:hidden}.item-name{font-size:21px;font-weight:800;line-height:1.2;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.spacer{flex:1}.bar{width:48px;height:110px;border-radius:8px;background:#a3abcb26;position:relative;overflow:hidden;flex:none}.bar>i{position:absolute;left:0;right:0;bottom:0;border-radius:8px;background:var(--muted)}.bar.pick>i{background:var(--accent)}.bar.right>i{background:var(--green)}.bar.wrong>i{background:var(--red)}.bar.missed>i{background:#eef0fa8c}.bar.other>i{background:#8e8e93}.count{display:flex;flex-direction:column;align-items:center;gap:2px}.count b{font-size:19px;font-variant-numeric:tabular-nums;white-space:nowrap}.as-of{font-size:12px;color:var(--muted)}.mark{font-size:28px;line-height:1}.result{text-align:center;display:flex;flex-direction:column;gap:14px;animation:rise .35s ease-out}.result-line{font-size:28px;font-weight:800}.result-line.right{color:var(--green)}.result-line.wrong{color:var(--red)}.fact{color:var(--muted);font-size:16px;margin:0}.controls{position:sticky;bottom:0;background:#0f173df0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:12px 0 calc(12px + env(safe-area-inset-bottom))}.hint{text-align:center;color:var(--muted);font-weight:600;padding:20px 0;margin:0}.bet-panel{display:flex;flex-direction:column;gap:14px}.bet-panel h3{text-align:center;font-size:17px}.bets{display:flex;gap:10px}.bet{flex:1;border:2px solid transparent;border-radius:12px;background:#a3abcb1f;padding:10px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .2s}.bet b{font-size:15px}.bet span{font-size:13px}.bet.on{border-color:var(--accent);background:var(--accent-soft);transform:scale(1.04)}.score-badge{position:relative;font-family:var(--rounded);font-size:22px;font-weight:800;padding:8px 18px;border-radius:999px;background:#6479db1f;min-width:7em;text-align:center;font-variant-numeric:tabular-nums;transition:background .3s}.score-badge.up{background:#30d1584d;animation:pop .6s}.score-badge.down{background:#ff453a4d;animation:pop .6s}.delta{position:absolute;left:50%;top:0;font-size:17px;white-space:nowrap;pointer-events:none;animation:float 1.2s ease-out forwards}.delta.up{color:var(--green)}.delta.down{color:var(--red)}.ad-slot{display:block;background:#a3abcb0f;border-radius:4px;margin-left:auto;margin-right:auto}.ad-320x50{width:320px;height:50px;margin-top:24px}.ad-300x250{width:300px;height:250px}.results{display:flex;flex-direction:column;gap:22px;padding-top:40px;padding-bottom:30px}.results-head{text-align:center;display:flex;flex-direction:column;gap:6px}.results-head h1{font-size:28px}.total{font-family:var(--rounded);font-size:56px;font-weight:900;line-height:1.1}.summary{font-weight:600;color:var(--muted);font-size:17px}.peer-headline{font-weight:700;font-size:15px}.rows{display:flex;flex-direction:column;gap:8px}.row{display:block;width:100%;text-align:left;background:var(--card);border:0;border-radius:14px;padding:12px 16px;cursor:pointer;animation:rise .25s ease-out both}.row-main{display:flex;align-items:center;gap:12px}.row-mark{font-size:22px}.row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.row-title{font-size:16px}.row-sub{font-size:13px;color:var(--muted)}.row-score{display:flex;flex-direction:column;align-items:flex-end;gap:3px;white-space:nowrap;font-size:16px}.chev{color:var(--faint);font-size:12px;transition:transform .3s}.chev.open{transform:rotate(180deg)}.row-details{display:flex;flex-direction:column;gap:6px;padding:10px 0 2px 40px}.detail-line{display:flex;justify-content:space-between;gap:12px;font-size:15px}.detail-line b{font-variant-numeric:tabular-nums;white-space:nowrap}.row-fact{display:block;font-size:13px;color:var(--muted);margin-top:2px}.panel{background:var(--card);border-radius:14px;padding:16px}.panel h2{font-size:17px;margin-bottom:8px}.chart{position:relative;height:160px}.chart svg{position:absolute;left:0;top:0;width:100%;height:140px;overflow:visible}.chart .you{position:absolute;transform:translate(-50%);font-size:12px;font-weight:800;color:var(--accent)}.chart .tick{position:absolute;bottom:0;transform:translate(-50%);font-size:11px;color:var(--muted)}.stats-strip{display:flex;justify-content:space-around;text-align:center}.stat b{display:block;font-family:var(--rounded);font-size:28px;font-weight:900}.stat span{font-size:13px;color:var(--muted)}.pitch{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.pitch h2{font-size:18px;margin:0}.pitch p{margin:0;color:var(--muted);font-size:15px}.pitch img{display:block;width:162px;height:54px}.pitch-line,.countdown{text-align:center;color:var(--muted);font-size:14px;margin:0}.toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%);background:var(--card-strong);padding:10px 18px;border-radius:999px;font-weight:700;z-index:20;animation:toast-in .2s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes pulse{0%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes float{0%{opacity:1;transform:translate(-50%,-6px)}to{opacity:0;transform:translate(-50%,-30px)}}@media(max-width:360px){.item-name{font-size:18px}.question{font-size:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important}}