@font-face{font-family:DM Sans;src:url(../fonts/dm-sans-latin.woff2) format("woff2");font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(../fonts/bricolage-grotesque-latin.woff2) format("woff2");font-style:normal;font-weight:400 800;font-display:swap}:root{--cream-100:#f8f3e7;--cream-50:#fffcf4;--cream-200:#eee8d9;--brown-900:#302a25;--brown-600:#696151;--brown-300:#c9c0ad;--orange-200:#f7b28e;--orange-100:#fbe1cd;--green-200:#d4e4b2;--green-100:#e9efd9;--green-800:#3a4e2d;--violet-200:#dad1e8;--violet-100:#eeE8f4;--violet-800:#514365;--red-800:#913b2b;--color-page:var(--cream-100);--color-surface:var(--cream-50);--color-subtle:var(--cream-200);--color-ink:var(--brown-900);--color-muted:var(--brown-600);--color-line:var(--brown-300);--color-outline:var(--brown-900);--color-action:var(--brown-900);--color-on-action:var(--cream-50);--color-sprint:var(--orange-200);--color-nap:var(--violet-200);--color-success:var(--green-200);--color-success-ink:var(--green-800);--color-error:var(--red-800);--color-focus:#1658b3;--font-body:"DM Sans",sans-serif;--font-display:"Bricolage Grotesque",sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-heading:1.75rem;--text-display:4rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius:22px;--radius-small:12px;--border:2px solid var(--color-outline);--ease:cubic-bezier(.2,0,0,1);font-family:var(--font-body);color:var(--color-ink);background:var(--color-page);font-size:16px;font-weight:400;line-height:1.5;font-optical-sizing:auto;scroll-behavior:smooth;accent-color:var(--color-ink);color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:280px}button,input,select,textarea{font:inherit;color:inherit}button,a,input,label,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button{touch-action:manipulation}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}button,input,select,textarea{font-size:var(--text-base)}button{font-weight:600}button:not(:disabled),a{transition:background-color .15s var(--ease),color .15s var(--ease),transform .15s var(--ease)}button:active:not(:disabled){transform:scale(.96)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.15;text-wrap:balance}h1{font-size:var(--text-display);letter-spacing:-.05em}h2{font-size:var(--text-heading);letter-spacing:-.025em}h3{font-size:var(--text-lg);letter-spacing:-.015em}p{text-wrap:pretty}small,.small{font-size:var(--text-sm)}.muted{color:var(--color-muted)}.numeric,time{font-variant-numeric:tabular-nums}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.pixel-hamster{display:block;width:100%;height:100%;image-rendering:pixelated;overflow:visible}.site-shell{max-width:1248px;margin-inline:auto;padding:0 40px}.site-header{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);text-decoration:none;letter-spacing:-.025em}#brand-mark{width:39px;height:39px;display:block}.brand-light{font-weight:400}.header-tools{display:flex;align-items:center;gap:10px}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;min-height:44px;padding:10px;border:0;border-radius:50%;background:transparent}.icon-button .icon{width:22px;height:22px}.profile-button{width:42px;min-height:42px;display:grid;place-items:center;border:var(--border);border-radius:50%;background:var(--color-nap);font-size:var(--text-sm);font-weight:700}.intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:16px 24px}.intro p{color:var(--color-muted);margin-top:10px;font-size:var(--text-base)}.title-or{font-weight:400}.title-question{color:var(--violet-800)}.chain-label{font-size:var(--text-sm);display:flex;align-items:center;gap:8px;white-space:nowrap}.status-dot{width:8px;height:8px;display:inline-block;background:var(--color-success-ink);border-radius:50%;flex-shrink:0}.status-dot.offline{background:var(--color-error)}.view-nav{display:flex;gap:28px;border-bottom:1px solid var(--color-line);margin-bottom:24px}.nav-button{min-height:48px;position:relative;border:0;background:transparent;color:var(--color-muted);padding:8px 0 14px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:var(--text-sm)}.nav-button.is-active{color:var(--color-ink)}.nav-button.is-active:after{position:absolute;content:"";height:3px;border-radius:2px;background:var(--color-ink);inset-inline:0;bottom:-1px}.nav-button span{font-size:var(--text-xs);min-width:20px;min-height:20px;border-radius:50%;background:var(--color-subtle);display:inline-grid;place-items:center}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:24px;align-items:start}.panel{border:var(--border);border-radius:var(--radius);background:var(--color-surface);overflow:clip}.round-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 18px}.round-id{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.round-id h2{font-size:var(--text-lg)}.state-label{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:600}.state-label .status-dot{width:6px;height:6px}.countdown-wrap{text-align:end;min-width:112px}.countdown-wrap .small{font-size:var(--text-xs);color:var(--color-muted)}.countdown{display:block;font-family:var(--font-display);font-size:var(--text-heading);font-weight:700;line-height:1.15;letter-spacing:-.025em}.round-timing{font-size:var(--text-xs);color:var(--color-muted);margin-top:7px}.round-timing time{cursor:help;text-decoration:underline dotted var(--color-line);text-underline-offset:3px}.wheel-stage{position:relative;border-block:1px solid var(--color-line);background:#eeebe3}.wheel-scene{height:220px;position:relative;overflow:hidden;background:#eeebe3}.scene-scenery{width:100%;height:100%;position:absolute;inset:0}.wheel-assembly{position:absolute;width:220px;height:220px;inset-inline-start:50%;bottom:0;transform:translate(-50%)}.wheel-frame{width:100%;height:100%;position:absolute;inset:0}.wheel-rotor{transform-origin:110px 100px}.is-spinning .wheel-rotor{animation:wheel-spin var(--wheel-duration) linear infinite}.wheel-hamster{width:76px;height:79px;position:absolute;bottom:40px;inset-inline-start:72px}.is-napping .wheel-hamster{width:86px;height:84px;inset-inline-start:68px;bottom:39px}.hamster-running{animation:hamster-bob .2s steps(2,end) infinite}.sleep-z{position:absolute;font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--violet-800)}.z-one{top:70px;inset-inline-start:135px;animation:snooze 3s ease-in-out infinite}.z-two{top:48px;inset-inline-start:154px;font-size:var(--text-sm);animation:snooze 3s 1s ease-in-out infinite}.wheel-motion{position:absolute;top:66px;inset-inline-start:145px;font-size:var(--text-heading)}.is-stale .wheel-rotor,.is-stale .hamster-running,.is-stale .sleep-z{animation-play-state:paused}.wheel-status{position:absolute;top:14px;inset-inline-start:20px;display:flex;align-items:center;gap:7px;font-size:var(--text-xs);font-weight:600}.wheel-rpm{position:absolute;top:14px;inset-inline-end:20px;font-size:var(--text-xs);color:var(--color-muted)}.live-strip{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 22px;font-size:var(--text-sm);border-bottom:1px solid var(--color-line)}.live-strip strong{font-weight:700}.live-strip .live-note{font-size:var(--text-xs);color:var(--color-muted)}.prediction-form{padding:20px 24px 24px}.form-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:14px}.form-heading h3{font-size:var(--text-lg)}.points-hint{font-size:var(--text-xs);color:var(--color-muted)}fieldset{padding:0;border:0;margin:0;min-width:0}legend{font-size:var(--text-sm);font-weight:600;margin-bottom:10px}.call-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{position:relative;display:flex;align-items:center;gap:12px;min-height:92px;padding:16px;border:2px solid var(--color-line);border-radius:14px;cursor:pointer;background:var(--color-surface);transition:background-color .15s var(--ease),border-color .15s var(--ease)}.choice input,.bracket-choice input{position:absolute;width:1px;height:1px;opacity:0}.choice:has(input:focus-visible),.bracket-choice:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:4px}.choice:has(input:checked){border-color:var(--color-outline)}.choice:has(input[aria-invalid=true]),.bracket-choice:has(input[aria-invalid=true]){border-color:var(--color-error)}.nap-choice:has(input:checked){background:var(--color-nap)}.sprint-choice:has(input:checked){background:var(--color-sprint)}.choice:has(input:disabled){cursor:default}.choice-symbol{width:39px;height:39px;display:grid;place-items:center}.choice-symbol .icon{width:34px;height:34px;stroke-width:1.8}.choice-title{font-family:var(--font-display);font-size:var(--text-heading);font-weight:700;letter-spacing:-.025em;line-height:1.15;display:block}.choice-copy{font-size:var(--text-xs);color:var(--color-muted);display:block;margin-top:4px}.choice:has(input:checked) .choice-copy{color:var(--color-ink)}.choice-check{position:absolute;top:9px;inset-inline-end:9px;display:none;width:15px;height:15px}.choice:has(input:checked) .choice-check{display:block}.bracket-field{margin-top:18px}.bracket-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bracket-choice{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-line);border-radius:9px;min-height:44px;font-size:var(--text-sm);font-weight:600;padding:8px 4px}.bracket-choice:has(input:checked){background:var(--orange-100);border-color:var(--color-ink)}.primary-button,.secondary-button,.small-button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:10px 20px;border:var(--border);border-radius:var(--radius-small);text-decoration:none;font-size:var(--text-sm);font-weight:700;line-height:1.4;text-align:center}.primary-button{background:var(--color-action);color:var(--color-on-action);border-bottom-width:5px}.secondary-button{background:transparent;color:var(--color-ink)}.small-button{background:transparent;min-height:44px;padding:8px 12px;font-size:var(--text-xs)}.primary-button:disabled{color:#e0d9cb;background:var(--color-muted);border-color:var(--color-muted)}.primary-button.full,.secondary-button.full{width:100%}.prediction-submit{margin-top:18px;min-height:52px;font-size:var(--text-base)}.prediction-note{font-size:var(--text-xs);color:var(--color-muted);margin-top:10px;text-align:center}.form-error{color:var(--color-error);font-size:var(--text-sm);margin-top:10px}.saved-call-line{display:flex;align-items:center;gap:7px;font-size:var(--text-sm);margin-bottom:14px;font-weight:600;color:var(--color-success-ink)}.saved-call-line .icon{width:18px;height:18px}.saved-call-line.has-unsaved{color:var(--color-muted)}.challenge-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;font-size:var(--text-xs)}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;padding:10px 2px;min-height:44px;font-size:var(--text-sm);text-decoration:underline;text-underline-offset:4px}.coach{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--color-line);padding:14px 22px;background:var(--green-100)}.coach strong{font-size:var(--text-sm);display:block;font-weight:600}.coach p{font-size:var(--text-xs);color:var(--color-muted);margin-top:3px}.coach .icon-button{min-width:36px;min-height:36px;padding:6px}.coach-count{font-size:var(--text-xs);color:var(--color-muted);white-space:nowrap}.sidebar{display:grid;gap:20px}.professor-panel{background:var(--color-nap);padding:22px}.professor-heading{display:flex;align-items:center;gap:14px;margin-bottom:20px}.professor-avatar{width:65px;height:68px;flex-shrink:0}.professor-heading h2{font-size:var(--text-lg)}.professor-heading p{font-size:var(--text-xs);margin-top:5px;color:var(--violet-800)}.rival-call{display:flex;justify-content:space-between;align-items:center;gap:12px}.rival-pick{font-size:var(--text-heading);font-family:var(--font-display);font-weight:700;display:flex;gap:9px;align-items:center}.rival-pick .icon{width:27px;height:27px}.rival-confidence{font-size:var(--text-sm);font-weight:600}.confidence-track{height:6px;border-radius:3px;background:#c2b4d3;margin-top:12px;overflow:hidden}.confidence-track span{display:block;height:100%;background:var(--violet-800);border-radius:3px}.professor-quote{margin:18px 0 0;font-size:var(--text-sm);line-height:1.6}.professor-bracket{font-size:var(--text-xs);margin-top:8px}.model-details{font-size:var(--text-xs);margin-top:15px}.model-details summary{cursor:pointer;min-height:32px;display:list-item;list-style-position:inside;text-decoration:underline;text-underline-offset:3px}.model-details p{padding-top:8px;line-height:1.6}.score-panel{padding:22px;background:var(--color-success)}.section-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.section-row h2{font-size:var(--text-lg)}.score-week{font-size:var(--text-xs);color:var(--color-success-ink)}.score-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0}.score-row+.score-row{border-top:1px solid #a7b990}.score-person{font-size:var(--text-sm);display:flex;align-items:center;gap:9px;overflow-wrap:anywhere}.score-person .icon{width:18px;height:18px}.score-value{font-size:var(--text-heading);line-height:1.1;font-family:var(--font-display);font-weight:700;white-space:nowrap}.score-value small{font-family:var(--font-body);font-weight:400;font-size:var(--text-xs)}.score-taunt{font-size:var(--text-xs);color:var(--color-success-ink);margin-top:12px;line-height:1.6}.score-lead{font-size:var(--text-xs);font-weight:600;color:var(--color-success-ink);margin-top:12px}.score-explainer{font-size:var(--text-xs);color:var(--color-success-ink);margin-top:10px}.weekly-reset{font-size:var(--text-xs);margin-top:7px;color:var(--color-muted)}.activity-panel{margin-top:24px;padding:22px 24px}.activity-panel .section-row{margin-bottom:16px}.activity-panel .small{font-size:var(--text-xs)}.hour-strip{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:5px;align-items:end;min-height:48px}.hour-bar{min-width:0;min-height:15px;border:1px solid #c5bca8;border-radius:4px;background:var(--color-subtle);position:relative}.hour-bar.known{background:var(--color-success);border-color:#97a77e}.hour-bar.current{outline:2px solid var(--color-ink);outline-offset:2px}.hour-axis{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-muted);margin-top:8px}.activity-foot{display:flex;justify-content:space-between;gap:16px;font-size:var(--text-xs);color:var(--color-muted);margin-top:14px}.activity-foot span{display:flex;align-items:center;gap:7px}.legend-square{width:10px;height:10px;border-radius:2px;background:var(--color-success);border:1px solid #97a77e;display:inline-block}.below-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:34px}.recent-list,.call-history,.duel-list{list-style:none;margin:0;padding:0}.recent-item{display:flex;gap:14px;align-items:center;padding:13px 0;border-top:1px solid var(--color-line)}.recent-art{width:58px;height:43px;flex-shrink:0;border-radius:7px;display:block}.recent-art:not(canvas){display:grid;place-items:center;background:var(--color-subtle)}.recent-meta{flex:1;min-width:0}.recent-meta strong{font-size:var(--text-sm);font-weight:600;display:block}.recent-meta p{font-size:var(--text-xs);color:var(--color-muted);margin-top:3px}.recent-result{font-size:var(--text-sm);display:flex;align-items:center;gap:6px;white-space:nowrap}.recent-result .icon{width:16px;height:16px}.recent-link{min-height:44px;min-width:34px;display:grid;place-items:center}.recent-link .icon{width:16px;height:16px}.section-subtitle{font-size:var(--text-sm);color:var(--color-muted);margin-top:-8px;margin-bottom:20px}.showcase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.showcase-piece canvas{width:100%;height:auto;aspect-ratio:640/420;border-radius:12px;display:block}.showcase-piece figcaption{font-size:var(--text-xs);margin-top:9px;display:flex;justify-content:space-between;gap:8px}.showcase-caption{font-size:var(--text-xs);color:var(--color-muted);margin-top:14px}.notice{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--orange-100);border:1px solid var(--color-line);padding:12px 18px;border-radius:12px;font-size:var(--text-sm);margin-bottom:20px;line-height:1.5}.notice .icon{flex-shrink:0}.notice-copy{flex:1}.notice strong{font-weight:700}.notice small{display:block;margin-top:4px}.notice .small-button{flex-shrink:0}.notice.offline-notice{background:var(--color-subtle)}.notice.duel-notice{background:var(--violet-100)}.initial-loading{display:flex;gap:12px;align-items:center;min-height:180px;justify-content:center;font-size:var(--text-sm);padding:24px;text-align:center}.loading-dot{width:10px;height:10px;border-radius:50%;background:var(--color-muted);animation:snooze 1.5s infinite;flex-shrink:0}.view-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.view-title p{font-size:var(--text-sm);color:var(--color-muted);margin-top:8px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.filter-button{min-height:44px;border:1px solid var(--color-line);border-radius:10px;padding:8px 16px;background:transparent;font-size:var(--text-sm)}.filter-button[aria-pressed=true]{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-on-action)}.empty-state{border:2px dashed var(--color-line);border-radius:var(--radius);padding:44px 24px;text-align:center;background:var(--color-surface);max-width:100%;margin-bottom:24px}.empty-mascot{width:86px;height:90px;margin:0 auto 16px}.empty-state h3{font-size:var(--text-heading)}.empty-state p{max-width:43ch;margin:12px auto 20px;color:var(--color-muted);font-size:var(--text-sm);line-height:1.7}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.art-piece{border:var(--border);border-radius:18px;overflow:clip;background:var(--color-surface)}.art-open{display:block;border:0;background:transparent;width:100%;padding:0;text-align:start;border-radius:0}.art-open canvas{display:block;width:100%;height:auto;aspect-ratio:640/420}.art-piece-content{padding:18px}.art-piece-content h3{font-size:var(--text-lg)}.art-piece-content p{font-size:var(--text-xs);color:var(--color-muted);margin-top:7px}.art-actions{display:flex;gap:8px;justify-content:space-between;margin-top:14px}.art-actions button{font-size:var(--text-xs)}.badges-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.badge-card{border:var(--border);border-color:var(--color-line);border-radius:18px;padding:24px;text-align:center;background:var(--color-surface)}.badge-card.is-unlocked{border-color:var(--color-ink)}.badge-illustration{width:84px;height:84px;display:grid;place-items:center;margin:0 auto 16px;background:var(--color-subtle);border:2px solid var(--color-line);border-radius:28px;transform:rotate(-6deg)}.badge-illustration .icon{width:40px;height:40px;transform:rotate(6deg);stroke-width:1.7}.badge-illustration.peach{background:var(--orange-100)}.badge-illustration.lavender{background:var(--violet-100)}.badge-illustration.green{background:var(--green-100)}.is-unlocked .badge-illustration{border-color:var(--color-ink)}.badge-card:not(.is-unlocked) .badge-illustration{filter:grayscale(.7);opacity:.65}.badge-card p{font-size:var(--text-sm);color:var(--color-muted);margin-top:8px}.badge-status{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:14px;font-size:var(--text-xs);font-weight:600;color:var(--color-muted)}.badge-status .icon{width:14px;height:14px}.duel-intro{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.duel-start{padding:28px;background:var(--violet-100)}.duel-start .icon{width:34px;height:34px;margin-bottom:16px}.duel-start p{font-size:var(--text-sm);color:var(--color-muted);margin:12px 0 22px;max-width:45ch}.duel-instructions{padding:20px 4px}.duel-instructions h3{margin-bottom:14px}.duel-instructions ol{padding-inline-start:21px;margin:0;font-size:var(--text-sm);color:var(--color-muted)}.duel-instructions li{padding:6px 0 6px 6px}.duel-item,.history-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0;border-top:1px solid var(--color-line);flex-wrap:wrap}.duel-item h3{font-size:var(--text-base);font-family:var(--font-body);letter-spacing:0;overflow-wrap:anywhere}.duel-item p,.history-item p{font-size:var(--text-xs);color:var(--color-muted);margin-top:6px}.duel-outcome{font-size:var(--text-sm);font-weight:600;display:flex;align-items:center;gap:8px}.record-list{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.record-chip{border:1px solid var(--color-line);border-radius:10px;padding:10px 14px;font-size:var(--text-sm);overflow-wrap:anywhere}.record-chip span{display:block;font-size:var(--text-xs);color:var(--color-muted);margin-top:4px}.call-history-section{margin-top:36px}.history-item .history-call{font-size:var(--text-sm);font-weight:600}.result-points{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700}.pending-label{font-size:var(--text-xs);color:var(--color-muted)}.site-footer{margin-top:58px;border-top:1px solid var(--color-line);padding:24px 0 28px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--color-muted);font-size:var(--text-xs)}.site-footer p{font-size:var(--text-xs)}.footer-heart{font-size:var(--text-base);vertical-align:-1px;margin-inline-end:4px}dialog{max-width:540px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);margin:auto;padding:32px;border:var(--border);border-radius:24px;background:var(--color-surface);color:var(--color-ink);overscroll-behavior:contain}dialog::backdrop{background:#302a257a;backdrop-filter:blur(3px)}.dialog-close{position:absolute;top:12px;inset-inline-end:12px;z-index:2}#dialog-title{font-size:var(--text-heading);padding-inline-end:30px}.dialog-intro{font-size:var(--text-sm);color:var(--color-muted);margin-top:12px;line-height:1.7;max-width:48ch}.dialog-section{margin-top:24px}.dialog-section h3{margin-bottom:12px}.dialog-section p,.dialog-section li{font-size:var(--text-sm);line-height:1.7}.dialog-section ul,.dialog-section ol{padding-inline-start:20px;margin:8px 0}.dialog-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.dialog-actions>*{flex:1}.field-label{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:8px}.text-input{min-height:48px;padding:11px 14px;border:2px solid var(--color-line);border-radius:10px;width:100%;background:var(--color-surface);font-size:var(--text-base)}.field-help{font-size:var(--text-xs);color:var(--color-muted);margin-top:7px;line-height:1.6}.profile-form{margin-top:24px}.profile-form .primary-button{margin-top:14px}.settings-divider{border:0;border-top:1px solid var(--color-line);margin:26px 0}.data-actions{display:flex;gap:12px;flex-wrap:wrap}.import-label{position:relative;cursor:pointer;display:inline-flex;align-items:center}.import-label input{position:absolute;width:1px;height:1px;opacity:0}.import-label:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:4px}.import-confirm{padding:16px 0 0}.import-stats{margin:18px 0;display:flex;gap:24px;font-size:var(--text-sm)}.link-field{font-size:var(--text-base);line-height:1.5;min-height:88px;resize:vertical;overflow-wrap:anywhere;word-break:break-all}.locked-summary{display:flex;align-items:center;gap:12px;padding:18px 0;margin-top:12px;border-block:1px solid var(--color-line);font-size:var(--text-sm)}.locked-summary .icon{width:25px;height:25px}.result-art{width:100%;height:auto;aspect-ratio:640/420;display:block;border-radius:12px;margin-top:24px}.result-hero{margin-top:24px;padding:24px;background:var(--green-100);border-radius:12px;text-align:center}.result-hero.missed{background:var(--orange-100)}.result-hero .pixel-hamster{width:78px;height:82px;margin:0 auto 12px}.result-hero strong{font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.04em;line-height:1.1;display:block}.result-hero p{margin-top:8px;font-size:var(--text-sm)}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.result-grid dt{font-size:var(--text-xs);color:var(--color-muted)}.result-grid dd{margin:4px 0 0;font-size:var(--text-lg);font-weight:700}.result-breakdown{font-size:var(--text-sm);padding-top:18px;border-top:1px solid var(--color-line);margin-top:20px}.result-breakdown p{display:flex;justify-content:space-between;gap:14px;padding:4px 0}.result-explorer{display:inline-flex;align-items:center;gap:7px;font-size:var(--text-sm);min-height:44px;margin-top:14px}.result-explorer .icon{width:16px;height:16px}.reveal-enter{animation:reveal .5s var(--ease) both}.toast-region{position:fixed;inset-inline:16px;bottom:max(20px,env(safe-area-inset-bottom));z-index:50;max-width:430px;margin-inline:auto;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--color-ink);color:var(--color-on-action);border-radius:14px;font-size:var(--text-sm);animation:reveal .2s var(--ease)}.toast strong{font-weight:700;display:block}.toast small{font-size:var(--text-xs);display:block;color:#e7decd;margin-top:3px}.toast .icon{width:27px;height:27px;flex-shrink:0}.skip-link{position:absolute;top:12px;inset-inline-start:-999px;z-index:100;background:var(--color-ink);color:var(--color-on-action);padding:12px;border-radius:8px}.skip-link:focus{inset-inline-start:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript-message{margin:24px;padding:24px;border:var(--border);border-radius:12px;background:var(--color-surface)}@keyframes wheel-spin{to{transform:rotate(360deg)}}@keyframes hamster-bob{to{transform:translateY(-3px) rotate(-3deg)}}@keyframes snooze{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover){.icon-button:hover,.nav-button:hover{background:var(--color-subtle);color:var(--color-ink)}.nav-button:hover{background:transparent}.secondary-button:hover,.small-button:hover,.filter-button:not([aria-pressed=true]):hover{background:var(--color-subtle)}.primary-button:hover:not(:disabled){background:#4a4137}.choice:not(:has(input:checked)):hover{border-color:var(--color-ink);background:var(--color-subtle)}a:hover{color:var(--violet-800)}.art-open:hover{opacity:.9}}@media(max-width:62rem){.site-shell{padding-inline:28px}.game-grid{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.professor-panel,.score-panel{padding:20px}.professor-heading{gap:9px}.professor-avatar{width:50px;height:54px}.professor-heading h2{font-size:var(--text-base)}.choice{padding:14px;gap:8px}.choice-title{font-size:var(--text-lg)}.choice-symbol{width:28px}.choice-symbol .icon{width:27px}.round-header,.prediction-form{padding-inline:20px}.chain-label{display:none}.site-footer{gap:16px}.site-footer>div{width:100%}}@media(max-width:48rem){:root{--text-display:3rem}.site-shell{padding-inline:24px}.site-header{min-height:80px}.intro{padding-block:16px 24px}.game-grid{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr;align-items:start}.professor-heading{gap:10px}.professor-heading h2{font-size:var(--text-lg)}.professor-avatar{width:54px;height:57px}.choice-title{font-size:var(--text-heading)}.choice-symbol{width:38px}.choice-symbol .icon{width:34px}.wheel-scene{height:210px}.wheel-assembly{width:210px;height:210px}.wheel-hamster{bottom:37px;inset-inline-start:68px}.is-napping .wheel-hamster{bottom:35px;inset-inline-start:63px}.below-grid{gap:24px}.gallery-grid,.badges-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.duel-intro{gap:20px}.view-nav{gap:26px}.site-footer{margin-top:42px}}@media(max-width:36rem){.site-shell{padding-inline:18px}.site-header{min-height:70px}.brand{font-size:var(--text-base);gap:8px}#brand-mark{width:32px;height:34px}.header-tools{gap:2px}.header-tools .icon-button{min-width:40px;min-height:44px;padding:9px}.profile-button{width:36px;min-height:36px;margin-inline-start:4px}.brand-light{display:none}.intro{padding-block:12px 18px}.intro p{font-size:var(--text-sm);margin-top:8px}.view-nav{gap:0;justify-content:space-between;margin-bottom:20px}.nav-button{font-size:var(--text-sm);min-height:46px;gap:5px;padding-bottom:12px}.nav-button span{min-width:17px;min-height:17px;font-size:var(--text-xs)}.round-header{padding:17px 18px 15px;gap:8px}.round-id{gap:8px}.round-id h2{font-size:var(--text-lg)}.state-label{font-size:var(--text-xs)}.countdown-wrap{min-width:94px}.round-timing{font-size:var(--text-xs);max-width:170px;line-height:1.6;margin-top:5px}.wheel-scene{height:152px}.wheel-assembly{width:167px;height:167px;bottom:-3px}.wheel-hamster{width:60px;height:62px;inset-inline-start:55px;bottom:29px}.is-napping .wheel-hamster{width:68px;height:66px;inset-inline-start:51px;bottom:28px}.z-one{inset-inline-start:106px;top:44px}.z-two{inset-inline-start:125px;top:27px}.wheel-status{top:10px;inset-inline-start:14px;font-size:var(--text-xs);max-width:115px;line-height:1.4}.wheel-rpm{top:10px;inset-inline-end:14px}.live-strip{padding:10px 16px;gap:5px;font-size:var(--text-xs)}.live-strip .live-note{font-size:var(--text-xs)}.prediction-form{padding:16px 18px 18px}.form-heading{margin-bottom:12px}.form-heading h3{font-size:var(--text-base)}.points-hint{font-size:var(--text-xs)}.choice{padding:12px 10px;min-height:82px;gap:6px;border-radius:12px}.choice-symbol{width:28px;height:30px}.choice-symbol .icon{width:27px;height:27px}.choice-title{font-size:var(--text-heading)}.choice-copy{font-size:var(--text-xs)}.choice-check{width:13px;height:13px;top:7px;inset-inline-end:6px}.prediction-submit{margin-top:14px;min-height:50px}.prediction-note{margin-top:8px}.bracket-field{margin-top:14px}.bracket-choices{gap:6px}.coach{padding:12px 16px}.coach p{max-width:34ch}.coach strong{font-size:var(--text-xs)}.coach-count{display:none}.sidebar{grid-template-columns:1fr}.professor-heading h2{font-size:var(--text-lg)}.professor-avatar{width:60px;height:64px}.professor-panel,.score-panel{padding:20px}.professor-panel .professor-heading{margin-bottom:16px}.professor-quote{margin-top:12px}.score-panel .section-row{margin-bottom:8px}.score-row{padding:9px 0}.activity-panel{margin-top:20px;padding:18px}.activity-panel .section-row{align-items:flex-start;gap:10px}.activity-panel .section-row h2{font-size:var(--text-base)}.activity-panel .section-row .small{max-width:90px;text-align:end}.hour-strip{gap:3px}.hour-bar{border-radius:3px}.activity-foot{flex-direction:column;gap:6px}.below-grid{grid-template-columns:1fr;gap:32px;margin-top:30px}.section-row{margin-bottom:16px}.section-row h2{font-size:var(--text-lg)}.showcase-grid{gap:12px}.view-title{align-items:flex-start;gap:12px}.view-title h2{font-size:var(--text-heading)}.view-title .secondary-button{padding:9px 12px;font-size:var(--text-xs)}.view-title p{font-size:var(--text-sm)}.gallery-grid{gap:16px;grid-template-columns:1fr}.art-piece-content{padding:18px}.badges-grid{gap:12px}.badge-card{padding:20px 12px}.badge-card h3{font-size:var(--text-base)}.badge-card p{font-size:var(--text-xs)}.badge-illustration{width:68px;height:68px;border-radius:22px;margin-bottom:14px}.badge-illustration .icon{width:32px;height:32px}.badge-status{font-size:var(--text-xs)}.duel-intro{grid-template-columns:1fr;gap:12px}.duel-start{padding:24px}.duel-instructions{padding:12px 4px}.notice{padding:12px 14px;gap:10px;flex-wrap:wrap;font-size:var(--text-sm)}.notice .notice-copy{min-width:180px}.notice>.small-button{margin-inline-start:auto}.site-footer{align-items:flex-start;gap:14px;font-size:var(--text-xs);margin-top:36px}.site-footer p{max-width:29ch}.site-footer>div{font-size:var(--text-xs)}dialog{padding:28px 22px;border-radius:20px;width:calc(100% - 28px)}#dialog-title{font-size:var(--text-heading)}.result-hero{padding:20px}.dialog-actions{gap:10px}.dialog-actions .secondary-button,.dialog-actions .primary-button{padding-inline:12px}.empty-state{padding:32px 20px}.filter-button{padding:8px 14px}.toast-region{inset-inline:14px}.toast{padding:14px 16px}}@media(max-width:23rem){:root{--text-display:2.75rem}.site-shell{padding-inline:14px}.intro p,.nav-button{font-size:var(--text-xs)}.round-id h2{font-size:var(--text-base)}.round-header,.prediction-form{padding-inline:14px}.call-choices{gap:8px}.choice{gap:4px;padding-inline:8px}.choice-title{font-size:var(--text-lg)}.choice-copy{font-size:var(--text-xs)}.choice-symbol,.choice-symbol .icon{width:23px}.points-hint{max-width:80px;text-align:end}.live-strip{padding-inline:14px}.live-note{display:none}.challenge-row{flex-wrap:wrap;gap:0}.showcase-piece figcaption{flex-wrap:wrap}.badge-card{padding-inline:9px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}button:active:not(:disabled){transform:none}}@media(forced-colors:active){:focus-visible,.choice:has(input:focus-visible),.bracket-choice:has(input:focus-visible){outline-color:Highlight}.primary-button,.choice:has(input:checked),.filter-button[aria-pressed=true]{border-color:Highlight}.status-dot,.confidence-track span,.hour-bar{border:1px solid CanvasText}}