:root{color-scheme:dark;--bg: #111827;--surface: #1f2937;--surface-hover: #27324a;--border: #374151;--text: #f9fafb;--muted: #9ca3af;--accent: #22c55e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app{max-width:640px;margin:0 auto;padding:24px 16px 64px;display:flex;flex-direction:column;align-items:center;gap:20px}@media (min-width: 860px){.app{max-width:820px}}.app-header{text-align:center}.app-header h1{margin:0;font-size:28px}.app-header p{margin:4px 0 0;color:var(--muted)}.app-subtitle{font-size:14px}.app-onboarding{margin-top:16px;padding:12px 14px;border-radius:12px;background:var(--surface);display:flex;gap:10px;align-items:center}.app-onboarding-avatar{width:32px;height:32px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#111827}.app-onboarding-body{text-align:left}.app-onboarding-copy{margin:4px 0 8px;color:var(--muted);font-size:14px}.primary-button{padding:6px 12px;border-radius:999px;border:none;background:var(--accent);color:#052e16;font-size:14px;font-weight:600;cursor:pointer}.primary-button:hover{filter:brightness(1.05)}.centered-message{max-width:480px;margin:80px auto;text-align:center;color:var(--muted);padding:0 16px;line-height:1.6}.grid{display:grid;gap:6px;width:100%}.grid-row{display:contents}.grid-cell{display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 6px;border-radius:10px;font-size:13px;line-height:1.3;min-height:76px}.movie-poster{width:64px;height:96px;object-fit:cover;border-radius:6px;background:var(--border)}.movie-poster-placeholder{display:flex;align-items:center;justify-content:center;font-size:22px}@media (min-width: 860px){.grid-cell{padding:12px 8px;font-size:14px;min-height:175px}.movie-poster{width:100px;height:150px;border-radius:7px}.movie-poster-placeholder{width:100px;height:150px;font-size:30px}}.grid-corner{background:transparent}.grid-header{background:var(--surface);font-weight:600;color:var(--text)}.clue-header{position:relative;display:inline-block;border-bottom:1px dotted var(--muted);cursor:help}.clue-tooltip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%) translateY(4px);z-index:20;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;background:#0b1220;border:1px solid var(--border);border-radius:8px;padding:6px;white-space:nowrap;box-shadow:0 6px 16px #0006}.clue-header:hover .clue-tooltip,.clue-header:focus-visible .clue-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.clue-tooltip-photo{display:block;width:92px;height:138px;object-fit:cover;border-radius:6px}.clue-tooltip-type{display:block;padding:4px 8px;font-size:12px;font-weight:500;color:var(--muted)}.grid-answer{background:#2b3648;border:2px solid var(--border);color:var(--text);cursor:pointer;flex-direction:column;gap:4px;font:inherit}.grid-answer:disabled{cursor:default}.grid-answer:not(:disabled):hover{background:var(--surface-hover)}.answer-selected{border-color:var(--accent)}.answer-correct{background:#14532d;border-color:#22c55e}.answer-revealed{background:#1f2937;border-color:#4b5563;color:var(--muted)}.answer-title{font-weight:600}.answer-rarity{font-size:11px;color:#86efac}.answer-plus{font-size:22px;color:var(--muted)}.hint{color:var(--muted);font-size:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal-content{width:100%;max-width:420px;max-height:80vh;overflow-y:auto}.guess-panel{width:100%;background:var(--surface);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 32px #00000080}.guess-panel-header{gap:8px}.guess-panel-labels{display:flex;flex-direction:column}.guess-panel-labels-main{display:flex;flex-wrap:wrap;gap:4px}.guess-panel-labels-help{color:var(--muted);font-size:12px}.guess-panel-header{display:flex;justify-content:space-between;align-items:center}.link-button{background:none;border:none;color:var(--muted);cursor:pointer;font:inherit;text-decoration:underline}.guess-input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:15px}.guess-feedback{color:#fca5a5;font-size:13px}.guess-results{list-style:none;margin:0;padding:0;max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.guess-result{width:100%;text-align:left;padding:8px 10px;border-radius:8px;border:none;background:var(--bg);color:var(--text);cursor:pointer;font:inherit}.guess-result:not(:disabled):hover{background:var(--surface-hover)}.guess-result:disabled{color:var(--muted);cursor:not-allowed}.guess-result-used{color:var(--muted);font-size:12px}.answer-key-list{max-height:340px}.answer-key-item{display:flex;align-items:center;gap:10px;padding:4px 2px;font-size:13px}.answer-key-item .movie-poster,.answer-key-item .movie-poster-placeholder{width:40px;height:60px;flex-shrink:0}.guess-panel-footer{color:var(--muted);font-size:13px;text-align:right}.rules-panel{width:100%;background:var(--surface);border-radius:12px;padding:16px;box-shadow:0 12px 32px #00000080}.rules-panel-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.rules-panel-header h2{margin:0;font-size:18px}.rules-list{margin:8px 0 0;padding-left:18px;font-size:14px;color:var(--muted)}.rules-list li+li{margin-top:6px}.completion-panel{width:100%;text-align:center;background:var(--surface);border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:12px}.share-button{padding:10px 20px;border-radius:999px;border:none;background:var(--accent);color:#052e16;font-weight:600;cursor:pointer;font-size:15px}.share-button:hover{filter:brightness(1.05)}.share-message{color:var(--muted);font-size:13px}.reveal-list{width:100%;text-align:left;background:var(--bg);border-radius:8px;padding:12px 16px;font-size:14px}.reveal-title{margin:0 0 6px;color:var(--muted);font-weight:600}.reveal-list ul{margin:0;padding-left:18px}.top-nav{width:100%;max-width:820px;margin:0 auto;padding:16px 16px 0;display:flex;align-items:center;gap:16px;font-size:14px}.top-nav a{color:var(--muted);text-decoration:none;padding-bottom:4px;border-bottom:2px solid transparent;white-space:nowrap}.top-nav a.active,.top-nav a:hover{color:var(--text);border-bottom-color:var(--accent)}.top-nav-spacer{flex:1}.auth-widget{color:var(--muted);white-space:nowrap}.auth-widget-link{white-space:nowrap}.archive-list{width:100%;max-width:640px;margin:24px auto;padding:0 16px;display:flex;flex-direction:column;gap:8px}.archive-entry{display:flex;justify-content:space-between;align-items:center;background:var(--surface);border-radius:10px;padding:12px 16px;text-decoration:none;color:var(--text)}.archive-entry:hover{background:var(--surface-hover)}.archive-entry-solved{color:#86efac;font-size:13px}.reverse-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;font-size:12px;line-height:1.25}.axis-slot{cursor:pointer}.axis-slot.axis-slot-solved{background:#14532d;border-color:#22c55e;cursor:default}.axis-slot-guess-btn{font-size:20px;color:var(--muted)}.comment-section{width:100%;background:var(--surface);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.comment-section h3{margin:0;font-size:15px}.comment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;max-height:320px;overflow-y:auto}.comment{background:var(--bg);border-radius:8px;padding:10px 12px}.comment-header{display:flex;justify-content:space-between;gap:8px;font-size:12px}.comment-time{color:var(--muted)}.comment-body{margin:6px 0 0;font-size:14px;white-space:pre-wrap;overflow-wrap:break-word}.comment-form{display:flex;flex-direction:column;gap:8px}.comment-textarea{min-height:70px;resize:vertical;font-family:inherit}