@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&display=swap";@font-face{font-family:Comic Neue;src:url(/assets/ComicNeue-Regular-BbLjOEhH.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Comic Neue;src:url(/assets/ComicNeue-Bold-DgE-aKN6.otf) format("opentype");font-style:normal;font-weight:700;font-display:swap}:root{--ink: #1a1008;--paper: #faf6ee;--paper-warm: #f3ead8;--rule-line: #ddd5c2;--red: #e63322;--yellow: #f5c800;--blue: #1a55d4;--green: #1a9448;--muted: #7a6e60;--comic-faux-bold-shadow: .018em 0 0 currentColor, -.018em 0 0 currentColor, 0 .018em 0 currentColor, 0 -.018em 0 currentColor, .012em .012em 0 currentColor, -.012em .012em 0 currentColor, .012em -.012em 0 currentColor, -.012em -.012em 0 currentColor;--font-comic: "Comic Neue", "Comic Sans MS", "Chalkboard SE", "Comic Sans", cursive;--font-body: Georgia, "Times New Roman", serif;font-family:var(--font-body);font-size:16px;line-height:1.55;color:var(--ink);background-color:var(--paper);background-image:repeating-linear-gradient(to bottom,transparent,transparent 31px,var(--rule-line) 31px,var(--rule-line) 32px);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;transition:background-color .4s ease,color .4s ease}html.dark{--paper: #2d2a27;--paper-warm: #3b3834;--rule-line: #4a4641;--comic-faux-bold-shadow: .012em .012em 0 #1a1008, -.012em .012em 0 #1a1008, .012em -.012em 0 #1a1008, -.012em -.012em 0 #1a1008}html.dark body,html.dark .hero h1,html.dark .hub-title,html.dark .stat-value,html.dark .guess-input,html.dark .keyboard-key,html.dark .privacy-body,html.dark .stats-header h2,html.dark .distribution-label{color:#f2ece4}html.dark .title-reveal-value{color:#f2ece4!important}html.dark .guess-input::placeholder{color:#a39d94}html.dark .back-nav-btn,html.dark .clue-label,html.dark .hero-copy,html.dark .eyebrow,html.dark .attempts-remaining,html.dark .attempt-row,html.dark .meta-hint,html.dark .stat-label,html.dark .distribution h3,html.dark .footer-credit,html.dark .footer-link,html.dark .title-reveal-label{color:#b5b0a6}html.dark .guess-input,html.dark .attempt-row,html.dark .stat-card,html.dark .distribution-bar-shell,html.dark .keyboard-key{background-color:var(--paper-warm)}html.dark .clue-card,html.dark .clue-box,html.dark .synopsis-section,html.dark .end-section.is-win,html.dark .share-text{color:#1a1008!important}html.dark .clue-dot,html.dark .clue-nav-arrow,html.dark .clue-nav-label strong{color:#f2ece4}html.dark .dropdown-list{background:var(--paper-warm);color:#f2ece4}html.dark .dropdown-option{color:#f2ece4}html.dark .dropdown-option.is-selected,html.dark .dropdown-option:hover{color:var(--ink)}html.dark .settings-popup .popup-close{color:#f2ece4}*{box-sizing:border-box}html,body{overscroll-behavior:none}body{margin:0;min-height:100vh}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}#root{min-height:100vh;overflow-x:hidden}:where(.eyebrow,.hero h1,.mode-toggle-button,.hero-stamp,.meta-pill,.bracket-bound,.title-reveal-label,.title-reveal-value,.clue-nav-label,.clue-nav-arrow,.clue-dot,.composer-label,.submit-button,.composer-message.is-visible,.history-label,.history-attempt,.end-heading,.end-film-title,.try-other-mode-btn,.footer-credit,.privacy-link,.stats-header h2,.ghost-button,.reset-button,.stat-value,.distribution h3,.distribution-label,.distribution-bar,.hub-title,.hub-motd-text,.hub-mode-card,.hub-daily-btn){font-weight:700;text-shadow:var(--comic-faux-bold-shadow)}.loading-text{text-align:center;padding:4rem 1rem 1rem;opacity:.6}.loading-spinner{width:32px;height:32px;margin:0 auto;border:3px solid var(--rule-line);border-top-color:var(--ink);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.no-puzzle-action{display:flex;justify-content:center;margin-top:16px}.app-shell{width:min(100%,640px);margin:0 auto;padding:28px 18px 60px;transition:color .28s ease,filter .28s ease}.page-enter{animation:page-enter-anim .4s cubic-bezier(.2,.9,.3,1) both}@keyframes page-enter-anim{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.app-shell.is-tv-mode{--yellow: #4ec7ff}.hero h1,.hero-stamp,.meta-pill,.clue-card,.clue-dot,.end-section,.stat-card,.distribution-bar-shell{transition:background-color .28s ease,border-color .28s ease,color .28s ease,box-shadow .28s ease,text-shadow .28s ease}.submit-button,.ghost-button,.reset-button,.dropdown-option,.clue-nav-arrow,.footer-link{transition:transform .18s ease,opacity .22s ease,box-shadow .18s ease}.app-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;min-height:38px}.back-nav-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;padding:4px 8px 4px 0;font-family:var(--font-comic);font-size:.95rem;font-weight:700;color:var(--muted);transition:color .15s ease,transform .15s ease}.back-nav-btn:hover{color:var(--ink);transform:translate(-2px)}.back-nav-icon{font-size:1.1rem;line-height:1}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:4px;padding-bottom:14px;border-bottom:3px solid var(--ink)}.hero-left{flex:1 1 auto}.hero-right{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;align-self:center;gap:10px}.eyebrow{margin:0 0 4px;font-family:var(--font-comic);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hero h1{margin:0;font-family:var(--font-comic);font-size:clamp(2.4rem,7vw,3.6rem);line-height:1.05;color:var(--ink);text-shadow:var(--comic-faux-bold-shadow),3px 3px 0 var(--yellow)}.hero-copy{margin:6px 0 0;font-size:1rem;color:#4a423a;font-style:italic}.mode-toggle{display:inline-flex;position:relative;align-items:stretch;padding:3px;border:3px solid var(--ink);border-radius:999px;background:var(--paper-warm);box-shadow:4px 4px 0 var(--ink);z-index:10}.mode-toggle-highlight{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 4.5px);border-radius:999px;background:var(--yellow);transition:transform .25s cubic-bezier(.22,1,.36,1),background-color .25s ease;z-index:1}.mode-toggle-highlight.is-active-tv{transform:translate(calc(100% + 3px))}.mode-toggle-button{flex:1;position:relative;z-index:2;min-width:78px;padding:7px 12px;border:0;border-radius:999px;background:transparent;font-family:var(--font-comic);font-size:.85rem;font-weight:700;line-height:1;color:var(--muted);transition:color .16s ease}.mode-toggle-button.is-active{color:var(--ink)}.mode-toggle-button+.mode-toggle-button{margin-left:3px}.hero-stamp{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 14px;border:3px solid var(--ink);border-radius:4px;background:var(--yellow);box-shadow:4px 4px 0 var(--ink);font-family:var(--font-comic);line-height:1.2;transform:rotate(2deg);min-width:80px}.hero-stamp .stamp-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);opacity:.7}.hero-stamp .stamp-number{font-size:1.5rem;font-weight:700;color:var(--ink)}.hero-stamp .stamp-date{font-size:.62rem;color:var(--ink);opacity:.65}.meta-row{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0 10px;border-bottom:2px dashed var(--rule-line);margin-bottom:0}.meta-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px 4px 8px;border:2px solid var(--ink);border-radius:999px;font-family:var(--font-comic);font-size:.85rem;background:var(--paper-warm);box-shadow:2px 2px 0 var(--ink);transition:background .2s ease}.meta-pill .pill-icon{font-size:1rem;line-height:1}.meta-pill.is-revealed{background:var(--green);color:#fff;border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.meta-pill.is-fail{background:var(--red);color:#fff;border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.meta-pill.is-hidden{background:var(--paper-warm);color:var(--muted)}.meta-pill .pill-redact{letter-spacing:.15em;color:var(--muted)}.genre-pill{font-size:.78rem}.meta-pill.year-bracket{gap:6px;padding:4px 12px;border-radius:999px}.bracket-bound{font-family:var(--font-comic);font-weight:700;font-size:.88rem;color:var(--ink);min-width:2ch;text-align:center}.bracket-arrow{font-size:.75rem;color:var(--muted);font-weight:700;line-height:1}.title-reveal{display:flex;flex-direction:column;gap:2px;padding:14px 0 16px;border-bottom:2px dashed var(--rule-line);animation:clue-pop .28s cubic-bezier(.3,.8,.4,1.1) both}.title-reveal-label{font-family:var(--font-comic);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.title-reveal-value{font-family:var(--font-comic);font-size:clamp(2rem,6.5vw,3.2rem);font-weight:700;line-height:1.05;color:var(--ink);text-shadow:var(--comic-faux-bold-shadow),3px 3px 0 var(--yellow)}.synopsis-section{margin-top:18px;margin-bottom:18px}.clue-nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;margin-bottom:8px}.clue-nav-label{font-family:var(--font-comic);font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);min-width:70px;text-align:center}.clue-nav-label strong{color:var(--ink)}.clue-nav-arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--paper-warm);border:2px solid var(--ink);border-radius:2px;box-shadow:2px 2px 0 var(--ink);font-family:var(--font-comic);font-size:1.3rem;line-height:1;color:var(--ink);transition:transform 70ms ease,box-shadow 70ms ease}.clue-nav-arrow:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.clue-nav-arrow:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.clue-nav-arrow:disabled{opacity:.28;cursor:not-allowed;box-shadow:none}.clue-dots{position:relative;z-index:10;display:flex;justify-content:center;gap:6px;margin-bottom:12px}.clue-dot{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:2px solid var(--ink);border-radius:2px;font-family:var(--font-comic);font-size:.82rem;font-weight:700;transition:transform 70ms ease,box-shadow 70ms ease,background .12s ease}.clue-dot.is-locked{background:var(--paper-warm);color:var(--rule-line);border-color:var(--rule-line);box-shadow:none;cursor:not-allowed}.clue-dot.is-revealed{background:var(--paper-warm);color:var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer}.clue-dot.is-revealed:hover:not(.is-active){transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.clue-dot.is-active{background:var(--ink);color:var(--yellow);box-shadow:2px 2px 0 var(--muted);cursor:default}.clue-card{position:relative;z-index:1;padding:16px 18px 14px;min-height:calc(3.2rem + 30px);display:flex;align-items:center;background:var(--yellow);border:3px solid var(--ink);border-radius:2px;box-shadow:5px 5px 0 var(--ink);font-family:var(--font-body);font-size:1rem;line-height:1.6;transform-origin:center center}.clue-card.flip-from-top,.clue-card.flip-from-bottom{animation:slide-from-bottom .55s cubic-bezier(.22,1.4,.36,1) both}@keyframes slide-from-top{0%{transform:translateY(-60px) scaleY(.7);opacity:0}50%{opacity:1}to{transform:translateY(0) scaleY(1);opacity:1}}@keyframes slide-from-bottom{0%{transform:translateY(60px) scaleY(.7) rotate(0);opacity:0}40%{opacity:1}75%{transform:translateY(-2px) scaleY(1.01) rotate(.4deg)}90%{transform:translateY(1px) scaleY(.99) rotate(-.4deg)}to{transform:translateY(0) scaleY(1) rotate(0);opacity:1}}@keyframes clue-pop{0%{transform:translateY(6px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.section-divider{border:none;border-top:2px dashed var(--rule-line);margin:16px 0}.composer-section{margin-bottom:6px}.composer-label{display:block;font-family:var(--font-comic);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px}.composer-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.composer-input-shell{position:relative}.guess-input{width:100%;min-height:50px;padding:0 14px;background:#fff;border:3px solid var(--ink);border-radius:2px;box-shadow:3px 3px 0 var(--ink);outline:none;transition:box-shadow .12s ease}.guess-input:focus{box-shadow:3px 3px 0 var(--blue);border-color:var(--blue)}.guess-input::placeholder{color:#b0a898;font-style:italic}.guess-input:disabled{background:var(--paper-warm);opacity:.7;cursor:not-allowed}.dropdown-list{position:absolute;inset:calc(100% + 6px) 0 auto;margin:0;padding:6px;list-style:none;background:#fff;border:3px solid var(--ink);border-radius:2px;box-shadow:4px 4px 0 var(--ink);z-index:10;max-height:220px;overflow-y:auto;overscroll-behavior:none}.dropdown-option{width:100%;text-align:left;padding:9px 12px;background:transparent;border:0;border-radius:2px;font-family:var(--font-body)}.dropdown-option.is-selected,.dropdown-option:hover{background:var(--yellow)}.dropdown-list:has(.dropdown-option:hover) .dropdown-option.is-selected:not(:hover){background:transparent}.submit-button{min-height:50px;padding:0 20px;background:var(--red);color:#fff;font-family:var(--font-comic);font-weight:700;font-size:1rem;border:3px solid var(--ink);border-radius:2px;box-shadow:4px 4px 0 var(--ink);white-space:nowrap;transition:transform 80ms ease,box-shadow 80ms ease;letter-spacing:.04em}.submit-button:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.submit-button:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.submit-button:disabled{opacity:.45;cursor:not-allowed}.composer-message{margin:8px 2px 0;min-height:1.4rem;font-size:.86rem;color:var(--muted);font-style:italic}.composer-message.is-visible{color:var(--red);font-style:normal;font-family:var(--font-comic)}.history-section{margin-bottom:4px}.history-label{font-family:var(--font-comic);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px}.history-list{list-style:none;margin:0;padding:0;display:grid;gap:5px}.history-row{display:grid;grid-template-columns:24px 26px minmax(0,1fr) 42px;align-items:center;gap:8px;padding:6px 10px;border-radius:2px;font-size:.9rem}.history-row.is-filled{background:var(--paper-warm);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}.history-row.is-empty{border:2px dashed var(--rule-line);color:var(--muted);opacity:.6}.history-attempt{font-family:var(--font-comic);font-size:.78rem;color:var(--muted);text-align:center}.history-icon,.history-hints{text-align:center}.history-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic}.history-row.is-empty .history-title{font-style:normal}.popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#1e1c188c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:backdrop-in .3s ease both}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.popup-backdrop.is-closing{animation:backdrop-out .25s ease forwards}@keyframes backdrop-out{0%{opacity:1}to{opacity:0}}.popup-card{position:relative;width:min(100%,480px);max-height:calc(100vh - 48px);overflow-y:auto;overscroll-behavior:none;animation:popup-pop .4s cubic-bezier(.22,1.4,.36,1) both}@keyframes popup-pop{0%{transform:translateY(40px) scale(.92);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.popup-card.is-closing{animation:popup-out .25s ease forwards}@keyframes popup-out{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(40px) scale(.92);opacity:0}}.end-section{margin-top:20px;padding:28px 24px 24px;background:var(--paper);border:3px solid var(--ink);border-radius:4px}.end-section.popup-card{margin-top:0}.end-section.is-win{background:var(--yellow);box-shadow:6px 6px 0 var(--ink)}.end-section.settings-popup{background:var(--green);color:#fff;box-shadow:6px 6px 0 var(--ink)}.settings-list{display:flex;flex-direction:column;gap:16px;margin-top:24px}.settings-popup .end-heading,.settings-row,.settings-label{text-shadow:none!important}.settings-row{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-comic);font-size:1.15rem;font-weight:700;cursor:pointer}.switch-track{position:relative;width:48px;height:26px;background:#00000040;border:2px solid var(--ink);border-radius:999px;cursor:pointer;transition:background .2s ease;flex-shrink:0}.switch-input{position:absolute;opacity:0;width:0;height:0}.switch-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;border:1px solid var(--ink);box-shadow:1px 1px 0 var(--ink);transition:transform .2s ease}.switch-input:checked+.switch-thumb{transform:translate(22px)}.switch-input:checked~.switch-thumb{transform:translate(22px)}.switch-track:has(.switch-input:checked){background:#ffffff59}.popup-close{position:absolute;top:10px;right:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;background:var(--paper-warm);border:2px solid var(--ink);border-radius:2px;box-shadow:2px 2px 0 var(--ink);font-size:1rem;line-height:1;color:var(--ink);cursor:pointer;transition:transform 70ms ease,box-shadow 70ms ease}.popup-close:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.popup-close:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.is-win .popup-close,.settings-popup .popup-close{background:#ffffff80}.end-heading{margin:0 0 6px;font-family:var(--font-comic);font-size:1.8rem;line-height:1.1}.end-film-title{margin:0 0 10px;font-family:var(--font-comic);font-size:clamp(1.6rem,6vw,2.2rem);font-weight:700;line-height:1.2;color:var(--ink);text-shadow:var(--comic-faux-bold-shadow),2px 2px 0 rgba(0,0,0,.15)}.end-subheading{margin:0 0 14px;font-size:.95rem;color:var(--muted);font-style:italic}.share-text{width:100%;min-height:130px;padding:10px 14px;resize:vertical;background:#ffffff8c;border:2px solid var(--ink);border-radius:2px;font-family:var(--font-body);line-height:1.7}.end-actions{display:grid;gap:10px;margin-top:12px}.end-action-buttons{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.copy-status{display:block;width:100%;font-size:.84rem;color:var(--muted);font-style:italic}.share-image-btn{display:none}@media (pointer: coarse){.share-image-btn{display:inline-flex;align-items:center;background:var(--blue)}.end-action-buttons .submit-button{width:auto;position:static;flex:1 1 0}}.end-try-other{display:flex;justify-content:flex-end;margin-top:10px}.try-other-mode-btn{padding:5px 12px;background:transparent;border:2px solid var(--ink);border-radius:999px;font-family:var(--font-comic);font-size:.72rem;font-weight:700;color:var(--ink);letter-spacing:.04em;cursor:pointer;transition:background .12s ease,transform 70ms ease,box-shadow 70ms ease;box-shadow:2px 2px 0 var(--ink)}.try-other-mode-btn:hover{background:#ffffff73;transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.try-other-mode-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.try-other-mode-btn.is-target-tv{background:#4ec7ff;border-color:var(--ink);color:var(--ink)}.try-other-mode-btn.is-target-movie{background:#f5c800;border-color:var(--ink);color:var(--ink)}.app-footer{margin-top:32px;padding-top:14px;border-top:2px solid var(--rule-line);text-align:center}.footer-contact-row{margin-bottom:10px}.footer-links-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.footer-link{background:none;border:none;padding:0;font-size:.82rem;color:var(--muted);text-decoration:underline;cursor:pointer}.footer-link:hover{color:var(--ink)}.footer-sep{color:var(--rule-line);margin:0 6px}.footer-credit{margin:10px 0 0;font-family:var(--font-comic);font-size:.82rem;font-weight:700;color:var(--muted)}.privacy-body{font-size:.95rem;line-height:1.6;color:var(--ink)}.privacy-body p{margin:0 0 14px}.privacy-link{display:inline-block;font-family:var(--font-comic);font-size:1rem;font-weight:700;color:var(--ink);text-decoration:underline}.privacy-link:hover{opacity:.7}.stats-section{margin-top:24px;padding-top:16px;border-top:3px solid var(--ink)}.stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stats-header h2{margin:0;font-family:var(--font-comic);font-size:1.1rem}.ghost-button{padding:5px 12px;background:transparent;border:2px solid var(--ink);border-radius:2px;font-family:var(--font-comic);font-size:.78rem;box-shadow:2px 2px 0 var(--ink);transition:transform 80ms ease,box-shadow 80ms ease}.reset-button{padding:5px 12px;background:var(--red);color:#fff;border:2px solid var(--ink);border-radius:2px;font-family:var(--font-comic);font-size:.78rem;box-shadow:2px 2px 0 var(--ink);transition:transform 80ms ease,box-shadow 80ms ease}.reset-button:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.reset-button:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.ghost-button:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.ghost-button:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px}.stat-card{padding:10px 8px;background:var(--paper-warm);border:2px solid var(--ink);border-radius:2px;box-shadow:2px 2px 0 var(--ink);text-align:center}.stat-value{display:block;font-family:var(--font-comic);font-size:1.5rem;font-weight:700;line-height:1.1}.stat-label{display:block;font-size:.72rem;color:var(--muted);margin-top:2px}.distribution h3{margin:0 0 10px;font-family:var(--font-comic);font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.distribution-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.distribution-row{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:center}.distribution-label{font-family:var(--font-comic);font-size:.85rem;text-align:center}.distribution-bar-shell{height:24px;background:var(--paper-warm);border:2px solid var(--ink);border-radius:2px;overflow:hidden}.distribution-bar{height:100%;display:flex;align-items:center;justify-content:flex-end;padding:0 8px;background:var(--blue);color:#fff;font-family:var(--font-comic);font-size:.8rem;font-weight:700;transition:width .22s ease}@media (max-width: 520px){.app-shell{padding:18px 12px 48px}.composer-controls{grid-template-columns:1fr}.composer-controls>.submit-button{width:100%;position:static}.stats-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:2.2rem}}.hub-screen{width:min(100%,640px);margin:0 auto;padding:48px 24px 100px;min-height:100vh;display:flex;flex-direction:column;align-items:center}.hub-title{margin:0 0 4px;font-family:var(--font-comic);font-size:clamp(3.2rem,12vw,5rem);line-height:1.05;color:var(--ink);text-shadow:var(--comic-faux-bold-shadow),4px 4px 0 var(--yellow);text-align:center}.hub-motd{align-self:stretch;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:10px 16px;background:var(--yellow);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);margin-bottom:32px;text-align:center}.hub-motd-text{font-family:var(--font-comic);font-size:1.05rem;font-weight:700;color:var(--ink)}.hub-modes{width:100%;display:flex;flex-direction:column;gap:40px;align-items:center}.hub-mode-group{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.hub-mode-card{width:80%;padding:8px 20px;border:3px solid var(--ink);border-radius:2px;font-family:var(--font-comic);font-size:clamp(1.6rem,5.5vw,2.2rem);font-weight:700;color:var(--ink);text-align:center;box-shadow:6px 6px 0 var(--ink)}.hub-mode-card.is-movie{background:var(--yellow)}.hub-mode-card.is-tv{background:#4ec7ff}.hub-daily-btn{padding:6px 28px;border:3px solid var(--ink);border-radius:2px;font-family:var(--font-comic);font-size:1.15rem;font-weight:700;color:var(--ink);box-shadow:4px 4px 0 var(--ink);transition:transform 80ms ease,box-shadow 80ms ease;cursor:pointer}.hub-daily-btn.is-movie{background:var(--yellow)}.hub-daily-btn.is-tv{background:#4ec7ff}.hub-daily-btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.hub-daily-btn:active{transform:translate(1px,1px);box-shadow:3px 3px 0 var(--ink)}.hub-settings{position:fixed;bottom:24px;right:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--green);border:2px solid var(--ink);border-radius:2px;box-shadow:2px 2px 0 var(--ink);font-size:1.4rem;color:var(--ink);cursor:pointer;transition:transform 70ms ease,box-shadow 70ms ease}.hub-settings:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.hub-settings:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}