:root{--ink:#0a0f22;--panel:#0f162ec7;--panel-solid:#101830;--paper:#f2ead8;--paper-dim:#f2ead88f;--paper-faint:#f2ead852;--gold:#f0c36a;--gold-hot:#ffe3a3;--azure:#7ba7d9;--cinnabar:#d8432f;--hairline:#f0c36a42;--hairline-dim:#f0c36a21;--font-display:"Songti SC", "STSong", "NSimSun", "SimSun", serif;--font-body:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, system-ui, sans-serif;--font-mono:"SF Mono", Menlo, Consolas, "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--ink);height:100%;color:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow:hidden}#app{position:fixed;inset:0}#app:after{content:"";pointer-events:none;z-index:5;background:radial-gradient(at 50% 46%,#0000 46%,#05081380 100%);position:absolute;inset:0}.chart-canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.label-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.orb-label{font-family:var(--font-display);color:var(--gold-hot);text-shadow:0 0 8px #f0c36a80,0 1px 2px #000c;white-space:nowrap;letter-spacing:.08em;will-change:transform;transition:opacity .35s;position:absolute;top:0;left:0}.hud{pointer-events:none;z-index:20;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:absolute;top:0;left:0;right:0}.hud-left{align-items:baseline;gap:10px;display:flex}.hud-title{font-family:var(--font-display);letter-spacing:.35em;color:var(--gold);font-size:22px}.hud-sub{letter-spacing:.3em;color:var(--paper-faint);font-size:11px}.hud-right{pointer-events:auto;align-items:center;gap:10px;display:flex}.hud-stat{font-family:var(--font-mono);color:var(--paper-dim);border:1px solid var(--hairline-dim);background:#0a0f2280;border-radius:3px;padding:4px 10px;font-size:12px}.icon-btn{border:1px solid var(--hairline);width:30px;height:30px;color:var(--gold);cursor:pointer;background:#0a0f2280;border-radius:3px;font-size:14px;transition:all .2s}.icon-btn:hover{background:#f0c36a1f}.icon-btn.off{color:var(--paper-faint);text-decoration:line-through}.genie-line{text-align:center;max-width:80vw;font-family:var(--font-display);letter-spacing:.14em;color:#f0c36ac7;text-shadow:0 0 12px #f0c36a40;pointer-events:none;z-index:15;font-size:17px;position:absolute;top:15%;left:50%;transform:translate(-50%)}.genie-line.pop{animation:.5s line-pop}@keyframes line-pop{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.trail{scrollbar-width:none;z-index:18;gap:6px;padding:6px 18px;display:flex;position:absolute;top:56px;left:0;right:0;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.trail::-webkit-scrollbar{display:none}.chip{border:1px solid var(--hairline-dim);color:var(--paper-dim);font-size:11px;font-family:var(--font-body);cursor:pointer;background:#0a0f229e;border-radius:3px;flex:none;align-items:center;gap:5px;padding:4px 8px;transition:border-color .2s;display:inline-flex}.chip:hover{border-color:var(--gold)}.chip-a{font-family:var(--font-display);font-size:12px}.chip-yes .chip-a{color:var(--gold)}.chip-no .chip-a{color:var(--azure)}.chip-maybe .chip-a,.chip-skip .chip-a{color:var(--paper-faint)}.chip-skip{border-style:dashed}.chip-revised{border-color:#d8432f8c}.revise-pop{background:var(--panel-solid);border:1px solid var(--hairline);z-index:60;border-radius:6px;padding:10px 12px;position:fixed;transform:translate(-50%);box-shadow:0 8px 32px #0000008c}.revise-q{color:var(--paper-dim);text-align:center;margin-bottom:8px;font-size:12px}.revise-btns{gap:6px;display:flex}.qcard{left:50%;bottom:max(20px, env(safe-area-inset-bottom,0px) + 14px);background:var(--panel);-webkit-backdrop-filter:blur(14px);border:1px solid var(--hairline);z-index:30;border-radius:10px;width:min(560px,100vw - 24px);padding:18px 20px 16px;animation:.4s cubic-bezier(.2,.9,.3,1) card-in;position:absolute;transform:translate(-50%)}@keyframes card-in{0%{opacity:0;transform:translate(-50%)translateY(14px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.qcard.hidden{display:none}.qcard-eyebrow{font-family:var(--font-mono);letter-spacing:.22em;color:var(--paper-faint);margin-bottom:8px;font-size:11px}.qcard-text{font-family:var(--font-display);letter-spacing:.04em;margin-bottom:16px;font-size:21px;line-height:1.45}.qcard-buttons{gap:8px;display:flex}.ans-btn{border:1px solid var(--hairline);color:var(--paper);font-family:var(--font-body);letter-spacing:.1em;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#f0c36a08;border-radius:6px;flex:1;padding:12px 0;font-size:15px;transition:all .16s}.ans-btn:hover{border-color:var(--gold);background:#f0c36a1a;box-shadow:0 0 16px #f0c36a1f}.ans-btn:active{transform:scale(.96)}.ans-btn.previewing{border-color:var(--gold-hot);background:#f0c36a29;box-shadow:0 0 22px #f0c36a4d}.orb-label-new{color:#fff3d6;text-shadow:0 0 16px #ffe3a3e6}.ans-btn.ans-yes{border-color:#f0c36a73}.ans-btn.ans-no{border-color:#7ba7d973}.ans-btn.ans-maybe,.ans-btn.ans-skip{color:var(--paper-dim);flex:.75;font-size:13px}.ans-btn.small{flex:none;padding:7px 14px;font-size:13px}.ans-btn.small.current{border-color:var(--gold);background:#f0c36a24}.overlay{z-index:50;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay.hidden{display:none}.overlay.veil{background:radial-gradient(at 50% 42%,#101a389e 0%,#0a0f22f0 68%);transition:opacity .45s}.overlay.veil.fade-out{opacity:0}.overlay.guess,.overlay.endcard{background:radial-gradient(at 50% 55%,#0a0f221f 0%,#0a0f22b3 78%)}.veil-inner{text-align:center;padding:40px;position:relative}.veil-mark{font-family:var(--font-display);color:#f0c36a0d;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:250px;position:absolute;top:50%;left:50%;transform:translate(-50%,-56%)}.veil-title{font-family:var(--font-display);letter-spacing:.5em;text-indent:.5em;color:var(--gold-hot);text-shadow:0 0 30px #f0c36a59;margin-bottom:6px;font-size:54px;font-weight:400}.veil-sub{letter-spacing:.42em;color:var(--paper-dim);margin-bottom:34px;font-size:13px}.veil-rule{font-family:var(--font-display);letter-spacing:.1em;color:var(--paper);margin-bottom:14px;font-size:16px;line-height:2}.veil-learned{color:var(--paper-faint);margin-bottom:22px;font-size:12px}html[data-lang=en]{--font-display:"Iowan Old Style", "Palatino", Georgia, "Times New Roman", serif}html[data-lang=ja]{--font-display:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif}.veil-langs{justify-content:center;gap:8px;margin-top:26px;display:flex}.lang-pick{border:1px solid var(--hairline-dim);color:var(--paper-faint);letter-spacing:.08em;cursor:pointer;background:0 0;border-radius:4px;padding:5px 12px;font-size:12px;transition:all .18s}.lang-pick:hover{color:var(--paper-dim);border-color:var(--hairline)}.lang-pick.picked{color:var(--gold);border-color:var(--gold)}.veil-modes{justify-content:center;gap:10px;margin:4px 0 20px;display:flex}.mode-pick{border:1px solid var(--hairline-dim);color:var(--paper-dim);letter-spacing:.06em;cursor:pointer;background:#0a0f228c;border-radius:8px;flex-direction:column;gap:3px;padding:10px 16px;font-size:13px;transition:all .18s;display:flex}.mode-pick span{color:var(--paper-faint);font-size:11px}.mode-pick.picked{border-color:var(--gold);color:var(--gold-hot);background:#f0c36a14;box-shadow:0 0 18px #f0c36a24}.icon-btn.hidden{display:none}.icon-btn.mode-real{color:var(--gold-hot);border-color:var(--gold);box-shadow:0 0 10px #f0c36a40}.dialog{background:var(--panel);-webkit-backdrop-filter:blur(16px);border:1px solid var(--hairline);text-align:center;border-radius:12px;width:min(440px,100vw - 40px);padding:28px 28px 24px;animation:.45s cubic-bezier(.2,.9,.3,1) card-in-c}@keyframes card-in-c{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.dialog-eyebrow{font-family:var(--font-display);letter-spacing:.16em;color:var(--paper-dim);margin-bottom:10px;font-size:15px}.dialog-name{font-family:var(--font-display);letter-spacing:.12em;color:var(--gold-hot);text-shadow:0 0 24px #f0c36a66;margin-bottom:10px;font-size:38px}.dialog-note{color:var(--paper-dim);margin-bottom:10px;font-size:13px;line-height:1.7}.dialog-conf{font-family:var(--font-mono);color:var(--paper-faint);margin-bottom:18px;font-size:12px}.dialog-stats{font-family:var(--font-mono);color:var(--paper-dim);justify-content:center;gap:8px;margin:6px 0 20px;font-size:12px;display:flex}.dialog-stats .dot{color:var(--paper-faint)}.dialog-btns{justify-content:center;gap:10px;display:flex}.dialog-doubt{font-family:var(--font-display);letter-spacing:.12em;color:var(--paper-faint);margin:-2px 0 10px;font-size:13px}.spark-wrap{margin:2px 0 16px}.spark-caption{letter-spacing:.3em;color:var(--paper-faint);margin-top:2px;font-size:10px}.primary-btn{background:linear-gradient(180deg, var(--gold-hot), var(--gold));color:#241a05;font-family:var(--font-body);letter-spacing:.14em;cursor:pointer;border:none;border-radius:6px;padding:12px 30px;font-size:15px;font-weight:600;transition:all .18s;box-shadow:0 2px 18px #f0c36a40}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 2px 26px #f0c36a73}.primary-btn:active{transform:scale(.97)}.ghost-btn{border:1px solid var(--hairline);color:var(--paper-dim);letter-spacing:.1em;cursor:pointer;background:0 0;border-radius:6px;padding:12px 22px;font-size:14px;transition:all .18s}.ghost-btn:hover{border-color:var(--paper-dim);color:var(--paper)}.finalists{border-top:1px solid var(--hairline-dim);margin:8px 0 14px}.finalist{border-bottom:1px solid var(--hairline-dim);justify-content:space-between;padding:9px 6px;display:flex}.finalist-name{font-family:var(--font-display);letter-spacing:.1em;font-size:17px}.finalist-p{font-family:var(--font-mono);color:var(--paper-faint);font-size:12px}.defeat-ask{color:var(--paper-dim);margin-bottom:12px;font-size:13px;line-height:1.7}.defeat-input{border:1px solid var(--hairline);width:100%;color:var(--paper);font-family:var(--font-display);letter-spacing:.1em;text-align:center;background:#0a0f2299;border-radius:6px;outline:none;margin-bottom:16px;padding:12px 14px;font-size:17px}.defeat-input:focus{border-color:var(--gold);box-shadow:0 0 14px #f0c36a2e}.toast{background:var(--panel);border:1px solid var(--hairline-dim);color:var(--paper-dim);z-index:25;pointer-events:none;border-radius:6px;padding:8px 18px;font-size:12px;animation:.4s line-pop;position:absolute;bottom:208px;left:50%;transform:translate(-50%)}.toast.hidden{display:none}@media (max-width:520px){.hud{padding:10px 12px}.hud-title{font-size:18px}.hud-sub{display:none}.trail{padding:6px 12px;top:48px}.genie-line{max-width:88vw;font-size:15px;top:19%}.qcard{padding:14px 14px 12px}.qcard-text{font-size:18px}.ans-btn{padding:12px 0;font-size:14px}.veil-title{font-size:42px}.dialog-name{font-size:30px}}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (prefers-reduced-motion:reduce){.qcard,.dialog,.genie-line.pop,.toast{animation:none}}