:root{--frost: #eef3fc;--frost-deep: #dfe9f9;--snow: #f8fbff;--surface: #fdfeff;--surface-raised: #ffffff;--surface-hover: #e9f1fd;--surface-sunken: #dbe6f6;--ink: #0b1226;--ink-strong: #22304f;--ink-mid: #3e4f75;--ink-muted: #62739a;--ink-faint: #a7b6d2;--panel: #0e1533;--panel-raised: #18204a;--panel-border: #2a3462;--panel-text: #e9eeff;--panel-text-muted: #a5b0d0;--azure: #2a63c8;--azure-bright: #4d8ff0;--azure-deep: #1c47a0;--midnight: #131c46;--azure-wash: rgba(42, 99, 200, .09);--ice: #9fc4e8;--ice-deep: #3a6da4;--ice-rich: #5aa9e6;--ice-light: #8fd8ff;--ice-pale: #e2f0ff;--ice-wash: rgba(122, 169, 230, .14);--iris: #7b5fc4;--iris-bright: #9b7ce0;--iris-wash: rgba(123, 95, 196, .12);--rose: #b02a6b;--rose-bright: #e0559a;--rose-wash: rgba(176, 42, 107, .09);--accent: #8f6fd6;--accent-hover: #7a58c4;--border: #c8daf0;--border-soft: #e3ecf8;--success: #2f7d6e;--success-wash: rgba(47, 125, 110, .1);--warning: #5b47a8;--warning-wash: rgba(123, 95, 196, .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(20, 40, 90, .07);--shadow: 0 4px 20px rgba(20, 40, 90, .1);--shadow-lg: 0 16px 60px rgba(20, 40, 90, .18);--glow: 0 0 24px rgba(143, 216, 255, .45);--t-fast: .15s;--t-normal: .25s;--ease-out: cubic-bezier(.34, 1.56, .64, 1);--parchment: var(--frost);--parchment-deep: var(--frost-deep);--cream: var(--snow);--crimson: var(--azure);--crimson-bright: var(--azure-bright);--crimson-deep: var(--azure-deep);--crimson-wash: var(--azure-wash);--burgundy: var(--midnight);--gold: var(--ice);--gold-deep: var(--ice-deep);--gold-rich: var(--ice-rich);--gold-light: var(--ice-light);--gold-pale: var(--ice-pale);--gold-wash: var(--ice-wash)}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--frost);background-image:radial-gradient(circle at 14% -4%,rgba(255,255,255,.9) 0%,transparent 38%),radial-gradient(circle at 12% 0%,rgba(42,99,200,.07) 0%,transparent 48%),radial-gradient(circle at 88% 100%,rgba(90,169,230,.14) 0%,transparent 52%),radial-gradient(circle at 68% 88%,rgba(123,95,196,.07) 0%,transparent 45%);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(--ice-pale);color:var(--ink)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--frost-deep)}::-webkit-scrollbar-thumb{background:var(--ink-faint)}::-webkit-scrollbar-thumb:hover{background:var(--ice-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(--ice-deep)}.eyebrow-crimson{color:var(--azure)}.eyebrow-iris{color:var(--iris)}.bracketed:before{content:"「";color:var(--azure);margin-right:.15em}.bracketed:after{content:"」";color:var(--azure);margin-left:.15em}.text-gold{color:var(--ice-deep)}.text-crimson{color:var(--azure)}.text-iris{color:var(--iris)}.text-muted{color:var(--ink-muted)}.chip-crimson{display:inline-block;background:var(--azure);color:var(--snow);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(--ice-rich) 0%,rgba(159,196,232,.3) 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(--ice)}.cut-panel{background:linear-gradient(#0d152573,#0d1525bf),url(/images/moon-cover.webp) center / cover no-repeat;color:var(--panel-text);padding:2.5rem 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(--snow)}.card-featured{border-color:var(--ice);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(--azure) 0%,var(--ice-light) 50%,var(--iris-bright) 100%)}.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(--azure);color:var(--snow);font-weight:700;letter-spacing:.03em;padding:.85rem 1.75rem;border:1px solid var(--azure);box-shadow:var(--shadow-sm)}.btn-gold:hover:not(:disabled){background:var(--azure-deep);border-color:var(--ice-light);transform:translateY(-2px);box-shadow:0 6px 18px #2a63c84d}.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(--ice-light) 0%,var(--ice) 100%);color:var(--ink);border-color:var(--ice-deep)}.btn-brass:hover:not(:disabled){background:linear-gradient(135deg,#b6e6ff 0%,var(--ice-light) 100%);border-color:var(--ice-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(--ice);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(--azure);border-color:var(--border)}.btn-danger{border-color:var(--rose-bright);color:var(--rose)}.btn-danger:hover:not(:disabled){background:var(--rose-wash);border-color:var(--rose);color:var(--rose)}.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(--frost);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(--azure);box-shadow:0 0 0 3px var(--ice-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(--frost-deep);background-image:radial-gradient(circle at 22% 28%,rgba(143,216,255,.35) 0%,transparent 42%),radial-gradient(circle at 76% 72%,rgba(123,95,196,.16) 0%,transparent 46%)}.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(--ice);transform:translate(3px)}.option-button.selected{background:var(--ice-wash);border-color:var(--ice);border-left-color:var(--azure);color:var(--ink);font-weight:600}.option-key-badge{background:var(--frost-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(--azure);border-color:var(--azure);color:var(--snow)}.timer-badge{display:flex;align-items:center;gap:.55rem;background:var(--surface);border:1px solid var(--ice);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(--iris-bright);background:var(--warning-wash);color:var(--warning);animation:pulse-warn 2s infinite}.timer-badge.warning-1m{border-color:var(--rose);background:var(--rose-wash);color:var(--rose);animation:pulse-crimson 1s infinite}@keyframes pulse-warn{0%,to{box-shadow:0 0 #7b5fc459}50%{box-shadow:0 0 0 6px #7b5fc400}}@keyframes pulse-crimson{0%,to{box-shadow:0 0 #b02a6b66}50%{box-shadow:0 0 0 7px #b02a6b00}}.site-header{background:radial-gradient(at 8% 55%,rgba(143,216,255,.28) 0%,transparent 42%),radial-gradient(at 40% 10%,rgba(42,99,200,.55) 0%,transparent 55%),radial-gradient(at 82% 80%,rgba(123,95,196,.35) 0%,transparent 52%),var(--midnight);border-bottom:2px solid var(--ice-rich);color:var(--snow);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(--snow)}.site-header .eyebrow{color:var(--ice-pale)}.site-header .btn-secondary{background:#e9f2ff14;border-color:#8fd8ff80;color:var(--snow)}.site-header .btn-secondary:hover:not(:disabled){background:#e9f2ff2e;border-color:var(--ice-light);color:#fff}.site-header .timer-badge{background:#0b12268c;border-color:var(--ice-light);color:var(--ice-pale)}.site-header .timer-badge.warning-5m{background:#9b7ce047;border-color:var(--iris-bright);color:#e4d8ff}.site-header .timer-badge.warning-1m{background:#e0559a4d;border-color:#ff9dc6;color:#ffd7e8}.progress-track{width:100%;height:6px;background:#0b122624;overflow:hidden}.site-header .progress-track{background:#e9f2ff33}.progress-fill{height:100%;background:linear-gradient(90deg,var(--azure),var(--ice-light));transition:width var(--t-normal) ease}.grid-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b12268c;-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(--ice);border-top:3px solid var(--azure);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(--frost);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(--ice);background:var(--surface-hover);color:var(--ink)}.q-grid-item.answered{background:var(--ice-wash);border-color:var(--ice);color:var(--ink)}.q-grid-item.current{outline:2px solid var(--azure);outline-offset:1px;color:var(--azure);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:#7b5fc466;border-left-color:var(--iris);color:var(--warning)}.callout-success{background:var(--success-wash);border-color:#2f7d6e4d;border-left-color:var(--success);color:var(--success)}.callout-error{background:var(--rose-wash);border-color:#b02a6b4d;border-left-color:var(--rose);color:var(--rose)}.callout-muted{background:var(--frost);border-left-color:var(--ice);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(--ice);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(--ice-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(--azure);font-size:.95rem;text-shadow:0 0 12px rgba(143,216,255,.7)}.rank-2{color:var(--ice-deep);font-size:.9rem}.rank-3{color:var(--iris);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:#7b5fc473;color:var(--warning)}.status-active{background:var(--success-wash);border-color:#2f7d6e66;color:var(--success)}.status-finished{background:var(--azure-wash);border-color:#2a63c866;color:var(--azure)}.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 #8fd8ff73}50%{box-shadow:0 0 0 12px #8fd8ff00}}.crest{width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(143,216,255,.35) 0%,transparent 60%),var(--panel);border:2px solid var(--ice-rich);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;color:var(--ice-light);box-shadow:var(--shadow),var(--glow);overflow:hidden}.crest img{width:100%;height:100%;object-fit:cover;border-radius:50%}.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:.75rem}.site-header{margin:-.75rem -.75rem 1.25rem;padding:.9rem 1rem}.riddle-card{padding:1.25rem 1rem}.cut-panel{padding:1.75rem .85rem}:root{--cut: .9rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}