:root{--bg: #0d0912;--bg-2: #150f1e;--panel: #1c1526;--panel-2: #241a31;--border: #3a2b4d;--ink: #f3ecff;--ink-soft: #c9bce0;--muted: #8f81a8;--gold: #d8b45a;--gold-soft: #e9d197;--blood: #8c1c2b;--blood-bright: #c02b3e;--purple: #6b3fa0;--purple-bright: #9a63d6;--good: #4caf7d;--shadow: 0 18px 50px rgba(0, 0, 0, .55);--radius: 16px;--radius-sm: 10px;--font-display: "Playfair Display", "Didot", "Bodoni MT", Georgia, "Times New Roman", serif;--font-body: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 600px at 50% -10%,rgba(107,63,160,.28),transparent 60%),radial-gradient(900px 500px at 90% 110%,rgba(140,28,43,.2),transparent 55%),var(--bg);background-attachment:fixed;line-height:1.55}body:before,body:after{content:"";position:fixed;width:220px;height:220px;pointer-events:none;opacity:.1;background-repeat:no-repeat;z-index:0}body:before{top:0;left:0;background-image:radial-gradient(circle at 0 0,transparent 30%,var(--purple-bright) 31%,transparent 33%),radial-gradient(circle at 0 0,transparent 55%,var(--purple-bright) 56%,transparent 58%),radial-gradient(circle at 0 0,transparent 80%,var(--purple-bright) 81%,transparent 83%)}body:after{bottom:0;right:0;transform:scaleX(-1) scaleY(-1);background-image:radial-gradient(circle at 0 0,transparent 30%,var(--purple-bright) 31%,transparent 33%),radial-gradient(circle at 0 0,transparent 55%,var(--purple-bright) 56%,transparent 58%),radial-gradient(circle at 0 0,transparent 80%,var(--purple-bright) 81%,transparent 83%)}.container{position:relative;z-index:1;width:min(960px,92vw);margin:0 auto;padding:clamp(1.5rem,4vw,3rem) 0 4rem}.container--narrow{width:min(680px,92vw)}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.1;margin:0 0 .4em}h1{font-size:clamp(2.1rem,6vw,3.4rem);letter-spacing:.02em}h2{font-size:clamp(1.5rem,4vw,2.2rem);color:var(--gold-soft)}h3{font-size:1.25rem;color:var(--gold-soft)}p{margin:0 0 1rem;color:var(--ink-soft)}a{color:var(--gold-soft)}.eyebrow{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.35em;font-size:.72rem;color:var(--gold);margin:0 0 .6rem}.subtitle{color:var(--muted);font-style:italic}.site-header{text-align:center;margin-bottom:2.5rem}.brand-link{display:inline-block;text-decoration:none;color:var(--muted);font-family:var(--font-ui);font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;margin-bottom:1rem}.brand-link:hover{color:var(--gold)}.topnav{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-top:1.2rem}.topnav a{font-family:var(--font-ui);font-size:.85rem;text-decoration:none;color:var(--ink-soft);padding:.4rem .9rem;border:1px solid var(--border);border-radius:999px;transition:.2s}.topnav a:hover,.topnav a[aria-current=page]{background:var(--panel-2);color:var(--gold-soft);border-color:var(--gold)}.panel{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(1.25rem,3.5vw,2.25rem)}.panel+.panel{margin-top:1.25rem}.card-grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.feature-card{display:flex;flex-direction:column;gap:.5rem;text-decoration:none;color:inherit;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:transform .18s,border-color .18s,box-shadow .18s}.feature-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:var(--shadow)}.feature-card .icon{font-size:2.2rem}.feature-card h3{margin:.2rem 0;color:var(--ink)}.feature-card p{margin:0;font-size:.95rem}.feature-card .go{margin-top:auto;padding-top:.8rem;color:var(--gold);font-family:var(--font-ui);font-size:.85rem;letter-spacing:.08em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-ui);font-size:1rem;font-weight:600;padding:.8rem 1.6rem;border-radius:999px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:.18s;line-height:1}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--purple-bright),var(--purple));color:#fff;border-color:var(--purple-bright)}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-gold{background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#211a0a}.btn-gold:hover:not(:disabled){filter:brightness(1.06)}.btn-ghost{background:transparent;color:var(--ink-soft);border-color:var(--border)}.btn-ghost:hover:not(:disabled){border-color:var(--gold);color:var(--gold-soft)}.btn-danger{background:transparent;color:var(--blood-bright);border-color:var(--blood)}.btn-danger:hover:not(:disabled){background:var(--blood);color:#fff}.btn-row{display:flex;gap:.75rem;flex-wrap:wrap}.btn-block{width:100%}label{display:block;font-family:var(--font-ui);font-size:.85rem;color:var(--muted);margin:0 0 .35rem;letter-spacing:.03em}input[type=text],input[type=email],input[type=password],textarea{width:100%;font-family:var(--font-body);font-size:1rem;color:var(--ink);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem .9rem;transition:border-color .18s}input:focus,textarea:focus{outline:none;border-color:var(--gold)}textarea{resize:vertical;min-height:90px}.field{margin-bottom:1.1rem}.char-count{font-family:var(--font-ui);font-size:.75rem;color:var(--muted);text-align:right;margin-top:.2rem}.emoji-picker{display:flex;gap:.4rem;flex-wrap:wrap}.emoji-picker button{font-size:1.5rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.35rem .5rem;cursor:pointer;transition:.15s}.emoji-picker button:hover{transform:scale(1.15)}.emoji-picker button[aria-pressed=true]{border-color:var(--gold);background:var(--panel-2)}.progress{height:8px;background:var(--bg-2);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--purple-bright),var(--gold));transition:width .35s}.meta{font-family:var(--font-ui);font-size:.85rem;color:var(--muted)}.pill{display:inline-block;font-family:var(--font-ui);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border:1px solid var(--border);border-radius:999px;padding:.2rem .7rem}.pill-warn{color:var(--blood-bright);border-color:var(--blood)}.pill-info{color:var(--purple-bright);border-color:var(--purple)}.entry-reason{font-family:var(--font-ui);font-size:.78rem;color:var(--muted);margin:.3rem 0 0;font-style:italic}.filter-bar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:1rem;padding:.9rem 1rem}.filter-buttons{display:flex;gap:.4rem;flex-wrap:wrap}.btn-sm{padding:.4rem .9rem;font-size:.82rem}.filter-btn[aria-pressed=true]{background:var(--panel-2);color:var(--gold-soft);border-color:var(--gold)}.filter-date{max-width:190px;font-family:var(--font-ui);font-size:.9rem;padding:.4rem .6rem;color-scheme:dark}.answers{display:grid;gap:.75rem;margin-top:1.4rem}.answer{text-align:left;font-family:var(--font-body);font-size:1.05rem;color:var(--ink);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem 1.1rem;cursor:pointer;transition:.15s}.answer:hover{border-color:var(--gold);transform:translate(4px)}.answer.correct{border-color:var(--good);background:#4caf7d26}.answer.wrong{border-color:var(--blood);background:#8c1c2b2e}.answer:disabled{cursor:default}.result-card{text-align:center}.result-portrait{width:180px;height:180px;margin:0 auto 1rem}.result-portrait svg,.char-portrait svg{width:100%;height:100%}.char-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:1.5rem}.char-card{display:flex;flex-direction:column;gap:.9rem;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-top:3px solid var(--accent, var(--gold));border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.char-card .char-portrait{width:160px;height:160px;margin:0 auto}.char-card .char-name{margin:0;font-family:var(--font-display);font-size:1.3rem;color:var(--gold-soft);display:flex;align-items:center;gap:.5rem}.char-card .char-emoji{font-size:1.4rem}.char-card .char-tagline{margin:0;color:var(--ink-soft);font-style:italic;font-size:.95rem}.char-card .char-blurb{margin:0;color:var(--ink);font-size:.95rem}.char-card .char-meta{margin:auto 0 0;padding-top:.6rem;border-top:1px dashed var(--border);font-family:var(--font-ui);font-size:.75rem;color:var(--muted)}.char-card .char-meta code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--bg-2);padding:.05rem .35rem;border-radius:4px}.feed{display:grid;gap:.9rem;margin-top:1.5rem}.entry{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-left:4px solid var(--purple-bright);border-radius:var(--radius-sm);padding:1rem 1.15rem;animation:rise .4s ease}.entry .entry-head{display:flex;align-items:baseline;gap:.6rem}.entry .entry-name{font-family:var(--font-display);font-size:1.15rem;color:var(--gold-soft)}.entry .entry-emoji{font-size:1.3rem}.entry .entry-time{margin-left:auto;font-family:var(--font-ui);font-size:.72rem;color:var(--muted)}.entry .entry-msg{margin:.4rem 0 0;color:var(--ink)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.leaderboard{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.5rem}.leaderboard li{display:flex;align-items:center;gap:.8rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem .9rem}.leaderboard .rank{font-family:var(--font-display);font-size:1.2rem;color:var(--muted);width:2ch;text-align:center}.leaderboard .lb-name{font-size:1.05rem}.leaderboard .lb-score{margin-left:auto;font-family:var(--font-ui);font-weight:700;color:var(--gold-soft)}.leaderboard li:nth-child(1) .rank{color:var(--gold)}.leaderboard li:nth-child(2) .rank{color:#cfd3dc}.leaderboard li:nth-child(3) .rank{color:#c68a5b}.notice{font-family:var(--font-ui);font-size:.9rem;border-radius:var(--radius-sm);padding:.75rem 1rem;margin:1rem 0}.notice-info{background:#6b3fa026;border:1px solid var(--purple);color:var(--ink-soft)}.notice-warn{background:#d8b45a1f;border:1px solid var(--gold);color:var(--gold-soft)}.notice-error{background:#8c1c2b2e;border:1px solid var(--blood);color:#f0c4ca}.empty{text-align:center;color:var(--muted);font-style:italic;padding:2rem 0}.center{text-align:center}.hidden{display:none!important}.spacer{height:1.5rem}.footer{text-align:center;margin-top:3rem;color:var(--muted);font-family:var(--font-ui);font-size:.8rem}.footer a{color:var(--muted)}.footer .credit{margin:.2rem 0 0;font-size:.7rem;opacity:.65;letter-spacing:.08em;text-transform:uppercase}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}