:root{--parchment: #f7f4eb;--parchment-deep: #f2ead8;--cream: #faf3e0;--surface: #fffdf7;--surface-raised: #ffffff;--surface-hover: #f1ebd9;--surface-sunken: #ede5d4;--ink: #1a0f0a;--ink-strong: #3c2f2f;--ink-mid: #4a4240;--ink-muted: #8c7f78;--ink-faint: #c5ae97;--panel: #161414;--panel-raised: #1f1a1a;--panel-border: #2e2a2a;--panel-text: #ece7e7;--panel-text-muted: #a8a29e;--crimson: #8c0e1a;--crimson-bright: #c42a38;--crimson-deep: #6b1018;--burgundy: #5c1520;--crimson-wash: rgba(140, 14, 26, .08);--gold: #c09c6a;--gold-deep: #ab8741;--gold-rich: #c9940a;--gold-light: #f0b429;--gold-pale: #f5e6b0;--gold-wash: rgba(192, 156, 106, .12);--accent: #f59e4e;--accent-hover: #e08333;--border: #d9c9a8;--border-soft: #e6dfdf;--success: #3f7d4e;--success-wash: rgba(63, 125, 78, .1);--warning: #a9750d;--warning-wash: rgba(240, 180, 41, .14);--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-full: 9999px;--cut: 1.25rem;--font-sans: "Manrope", ui-sans-serif, system-ui, sans-serif;--font-serif: "Cormorant Garamond", Georgia, serif;--font-mono: "Azeret Mono", ui-monospace, "SFMono-Regular", monospace;--font-display: "Birthstone", cursive;--shadow-sm: 0 1px 2px rgba(90, 40, 20, .06);--shadow: 0 4px 20px rgba(90, 40, 20, .1);--shadow-lg: 0 16px 60px rgba(90, 40, 20, .18);--t-fast: .15s;--t-normal: .25s;--ease-out: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--parchment);background-image:radial-gradient(circle at 12% 0%,rgba(140,14,26,.05) 0%,transparent 45%),radial-gradient(circle at 88% 100%,rgba(192,156,106,.1) 0%,transparent 50%);background-attachment:fixed}body{background:transparent;color:var(--ink-strong);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--gold-pale);color:var(--ink)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--parchment-deep)}::-webkit-scrollbar-thumb{background:var(--ink-faint)}::-webkit-scrollbar-thumb:hover{background:var(--gold-deep)}h1,h2,h3,.font-serif{font-family:var(--font-serif);font-weight:700;color:var(--ink);letter-spacing:.01em;line-height:1.2}.font-script{font-family:var(--font-display);font-weight:400}.eyebrow{font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-muted)}.eyebrow-gold{color:var(--gold-deep)}.eyebrow-crimson{color:var(--crimson)}.bracketed:before{content:"「";color:var(--crimson);margin-right:.15em}.bracketed:after{content:"」";color:var(--crimson);margin-left:.15em}.text-gold{color:var(--gold-deep)}.text-crimson{color:var(--crimson)}.text-muted{color:var(--ink-muted)}.chip-crimson{display:inline-block;background:var(--crimson);color:var(--cream);font-family:var(--font-sans);font-weight:700;font-size:.8rem;letter-spacing:.02em;padding:.4rem .9rem}.app-container{max-width:1040px;margin:0 auto;padding:1.5rem;min-height:100vh;display:flex;flex-direction:column}.rule-gold{height:1px;border:0;background:linear-gradient(90deg,var(--gold) 0%,rgba(192,156,106,.25) 60%,transparent 100%)}.riddle-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow);transition:border-color var(--t-normal) ease,box-shadow var(--t-normal) ease}.riddle-card:hover{border-color:var(--gold)}.cut-panel{background:var(--panel);color:var(--panel-text);padding:2rem;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.cut-panel h1,.cut-panel h2,.cut-panel h3{color:var(--cream)}.card-featured{border-color:var(--gold);box-shadow:var(--shadow-lg);position:relative}.card-featured:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--gold-rich),var(--gold-light),var(--gold-rich))}.btn-gold,.btn-secondary,.btn-ghost{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:background var(--t-fast) ease,color var(--t-fast) ease,border-color var(--t-fast) ease,transform var(--t-fast) ease,box-shadow var(--t-fast) ease}.btn-gold{background:var(--crimson);color:var(--cream);font-weight:700;letter-spacing:.03em;padding:.85rem 1.75rem;border:1px solid var(--crimson);box-shadow:var(--shadow-sm)}.btn-gold:hover:not(:disabled){background:var(--crimson-deep);border-color:var(--gold);transform:translateY(-2px);box-shadow:0 6px 18px #8c0e1a40}.btn-gold:active:not(:disabled){transform:translateY(0)}.btn-gold:disabled{background:var(--surface-sunken);border-color:var(--border);color:var(--ink-muted);cursor:not-allowed;box-shadow:none}.btn-brass{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-deep) 100%);color:var(--ink);border-color:var(--gold-deep)}.btn-brass:hover:not(:disabled){background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 100%);border-color:var(--gold-deep)}.btn-secondary{background:var(--surface);color:var(--ink-strong);border:1px solid var(--border);padding:.7rem 1.2rem;font-weight:600;font-size:.9rem}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--gold);color:var(--ink)}.btn-ghost{background:transparent;color:var(--ink-muted);border:1px solid transparent;padding:.5rem .8rem;font-weight:600;font-size:.85rem}.btn-ghost:hover:not(:disabled){color:var(--crimson);border-color:var(--border)}.btn-danger{border-color:var(--crimson-bright);color:var(--crimson-bright)}.btn-danger:hover:not(:disabled){background:var(--crimson-wash);border-color:var(--crimson);color:var(--crimson)}.field-label{display:block;font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:.5rem}.field-wrap{position:relative}.field-icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--ink-faint);pointer-events:none}.text-input{width:100%;background:var(--parchment);border:1px solid var(--border);border-radius:var(--radius-md);padding:.85rem 1rem .85rem 2.75rem;color:var(--ink);font-family:var(--font-sans);font-size:1rem;outline:none;transition:border-color var(--t-fast) ease,box-shadow var(--t-fast) ease,background var(--t-fast) ease}.text-input::placeholder{color:var(--ink-faint)}.text-input:focus{background:var(--surface-raised);border-color:var(--gold-deep);box-shadow:0 0 0 3px var(--gold-wash)}.media-container{min-height:240px;max-height:320px;width:100%;margin-bottom:.5rem;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;background:var(--parchment-deep);background-image:repeating-linear-gradient(45deg,rgba(192,156,106,.07) 0 10px,transparent 10px 20px)}.media-container.has-image{background:var(--panel);background-image:none}.media-image{width:100%;height:100%;object-fit:cover;transition:opacity var(--t-normal) ease}.options-grid{display:flex;flex-direction:column;gap:.6rem}.option-button{background:var(--surface);border:1px solid var(--border-soft);border-left:3px solid transparent;border-radius:var(--radius-md);padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:background var(--t-fast) ease,border-color var(--t-fast) ease,transform var(--t-fast) ease;text-align:left;color:var(--ink-strong);width:100%;font-family:var(--font-sans);font-size:1rem}.option-button:hover{background:var(--surface-hover);border-color:var(--border);border-left-color:var(--gold);transform:translate(3px)}.option-button.selected{background:var(--gold-wash);border-color:var(--gold);border-left-color:var(--crimson);color:var(--ink);font-weight:600}.option-key-badge{background:var(--parchment-deep);border:1px solid var(--border);border-radius:var(--radius-sm);width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.8rem;font-weight:600;text-transform:uppercase;color:var(--ink-mid);flex-shrink:0;transition:background var(--t-fast) ease,color var(--t-fast) ease}.option-button.selected .option-key-badge{background:var(--crimson);border-color:var(--crimson);color:var(--cream)}.timer-badge{display:flex;align-items:center;gap:.55rem;background:var(--surface);border:1px solid var(--gold);padding:.5rem 1rem;border-radius:var(--radius-md);font-family:var(--font-mono);font-weight:600;font-size:1.05rem;font-variant-numeric:tabular-nums;color:var(--ink);box-shadow:var(--shadow-sm)}.timer-badge.warning-5m{border-color:var(--gold-light);background:var(--warning-wash);color:var(--warning);animation:pulse-warn 2s infinite}.timer-badge.warning-1m{border-color:var(--crimson);background:var(--crimson-wash);color:var(--crimson);animation:pulse-crimson 1s infinite}@keyframes pulse-warn{0%,to{box-shadow:0 0 #f0b42959}50%{box-shadow:0 0 0 6px #f0b42900}}@keyframes pulse-crimson{0%,to{box-shadow:0 0 #8c0e1a66}50%{box-shadow:0 0 0 7px #8c0e1a00}}.site-header{background:radial-gradient(at 10% 60%,rgba(140,14,26,.95) 0%,transparent 55%),radial-gradient(at 75% 20%,rgba(107,16,24,.85) 0%,transparent 50%),radial-gradient(at 50% 95%,rgba(201,148,10,.25) 0%,transparent 55%),var(--burgundy);border-bottom:2px solid var(--gold);color:var(--cream);padding:1rem 1.5rem;margin:-1.5rem -1.5rem 1.75rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.site-header h1,.site-header h2{color:var(--cream)}.site-header .eyebrow{color:var(--gold-pale)}.site-header .btn-secondary{background:#faf3e014;border-color:#f0b42980;color:var(--cream)}.site-header .btn-secondary:hover:not(:disabled){background:#faf3e02e;border-color:var(--gold-light);color:#fff}.site-header .timer-badge{background:#1614148c;border-color:var(--gold-light);color:var(--gold-pale)}.site-header .timer-badge.warning-5m{background:#f0b42933;color:#ffe9a8}.site-header .timer-badge.warning-1m{background:#c42a3859;border-color:#ff8a94;color:#ffd9dc}.progress-track{width:100%;height:6px;background:#1a0f0a26;overflow:hidden}.site-header .progress-track{background:#faf3e033}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-rich),var(--gold-light));transition:width var(--t-normal) ease}.grid-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a0f0a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.grid-modal{background:var(--surface);border:1px solid var(--gold);border-top:3px solid var(--crimson);border-radius:var(--radius-lg);max-width:620px;width:100%;padding:1.75rem;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.q-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:.5rem;overflow-y:auto;padding:.25rem;margin-top:1rem}.q-grid-item{height:48px;border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:var(--parchment);color:var(--ink-muted);font-family:var(--font-mono);font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--t-fast) ease}.q-grid-item:hover{border-color:var(--gold);background:var(--surface-hover);color:var(--ink)}.q-grid-item.answered{background:var(--gold-wash);border-color:var(--gold);color:var(--ink)}.q-grid-item.current{outline:2px solid var(--crimson);outline-offset:1px;color:var(--crimson);font-weight:700}.callout{border:1px solid var(--border);border-left:3px solid var(--ink-faint);border-radius:var(--radius-md);padding:.9rem 1.1rem;font-size:.9rem;display:flex;align-items:flex-start;gap:.7rem}.callout-warning{background:var(--warning-wash);border-color:#f0b42973;border-left-color:var(--gold-light);color:var(--warning)}.callout-success{background:var(--success-wash);border-color:#3f7d4e4d;border-left-color:var(--success);color:var(--success)}.callout-error{background:var(--crimson-wash);border-color:#8c0e1a4d;border-left-color:var(--crimson);color:var(--crimson)}.callout-muted{background:var(--parchment);border-left-color:var(--gold);color:var(--ink-muted)}.leaderboard-table{width:100%;border-collapse:collapse;margin-top:1.25rem}.leaderboard-table th{text-align:left;padding:.7rem 1rem;font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);border-bottom:2px solid var(--gold);white-space:nowrap}.leaderboard-table td{padding:.9rem 1rem;border-bottom:1px solid var(--border-soft);font-size:.95rem;color:var(--ink-strong)}.leaderboard-table tbody tr{transition:background var(--t-fast) ease}.leaderboard-table tbody tr:hover{background:var(--surface-hover)}.leaderboard-table tr.is-you{background:var(--gold-wash);font-weight:700}.leaderboard-table tr.is-you td{color:var(--ink)}.mono-num{font-family:var(--font-mono);font-size:.85rem;font-variant-numeric:tabular-nums;color:var(--ink-mid)}.rank-badge{font-family:var(--font-mono);font-weight:700;font-size:.85rem;color:var(--ink-muted);white-space:nowrap}.rank-1{color:var(--gold-rich);font-size:.95rem}.rank-2{color:#8c8582;font-size:.9rem}.rank-3{color:#a9662d;font-size:.9rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);margin-top:1.5rem}.stat-tile{background:var(--surface);padding:1.1rem 1.25rem}.stat-value{font-family:var(--font-serif);font-size:1.85rem;font-weight:700;color:var(--ink);margin-top:.25rem;display:flex;align-items:center;gap:.45rem;line-height:1.1}.status-pill{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.45rem .85rem;border:1px solid;margin-top:.4rem}.status-locked{background:var(--warning-wash);border-color:var(--gold-light);color:var(--warning)}.status-active{background:var(--success-wash);border-color:#3f7d4e66;color:var(--success)}.status-finished{background:var(--crimson-wash);border-color:#8c0e1a66;color:var(--crimson)}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-seal{0%,to{box-shadow:0 0 #8c0e1a4d}50%{box-shadow:0 0 0 12px #8c0e1a00}}.crest{width:76px;height:76px;border-radius:50%;background:var(--panel);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;color:var(--gold-light);box-shadow:var(--shadow)}.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}@media(max-width:640px){.app-container{padding:1rem}.site-header{margin:-1rem -1rem 1.25rem;padding:.9rem 1rem}.riddle-card{padding:1.35rem}:root{--cut: .9rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}