@font-face{font-family:Plantin MT Pro;src:url(/fonts/PlantinMTPro-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Biro Script Plus;src:url(/fonts/BiroScriptPlus.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Biro Script;src:url(/fonts/Biro_Script_reduced.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--panel-bg:rgba(10,12,18,.58);--panel-blur:10px;--panel-stroke:rgba(255,255,255,.06);--panel-glow-a:rgba(160,190,255,.18);--panel-glow-b:rgba(100,140,255,.12);--ink:#FEFCFD;--ink-muted:#ABA597}body,html{background-color:#000}body{margin:0;padding:20px;height:auto;position:relative;color:#ABA597;font-family:Plantin MT Pro,sans‑serif}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,1),rgba(0,0,0,.5)),url(/images/Illustration.webp);background-repeat:no-repeat,no-repeat;background-position:0 0,50%;background-size:100% 100%,cover;z-index:0}body>*{position:relative;z-index:1}body{min-height:100dvh}@supports (padding-top:env(safe-area-inset-top)){body{padding-top:calc(20px + env(safe-area-inset-top))}body:before{top:calc(-1 * env(safe-area-inset-top))}.filter-container{top:env(safe-area-inset-top)}}h1{font-family:Plantin MT Pro,sans-serif;font-size:2rem;color:#ABA597;margin-bottom:40px;text-align:center}h1,h2,h3{font-weight:400}p{font-family:Plantin MT Pro,sans-serif}.intro-container{text-align:center;padding:20px}.filter-search{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:min(18rem,92vw);margin-right:0;padding:.7rem 1rem;font-family:Plantin MT Pro,sans-serif;font-size:1.05rem;color:var(--ink);background:rgba(20,22,26,.42);border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.filter-search:focus{outline:none;border-color:rgba(180,210,255,.85);box-shadow:0 0 0 3px rgba(120,160,255,.16),inset 0 1px 0 rgba(255,255,255,.08);background:rgba(24,28,36,.5)}.filter-search::placeholder{color:rgba(254,252,253,.67)}.filter-label{margin-right:.4rem;font-family:Plantin MT Pro,sans-serif;font-size:.9rem;letter-spacing:.08em;text-transform:none;font-feature-settings:"smcp";font-variant:small-caps;color:var(--ink-muted);opacity:.95}.filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:10.5rem;padding:.7rem .9rem;font-size:1.02rem;color:var(--ink);background:rgba(20,22,26,.42);border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.filter-select:focus{outline:none;border-color:rgba(180,210,255,.85);box-shadow:0 0 0 3px rgba(120,160,255,.16),inset 0 1px 0 rgba(255,255,255,.08);background:rgba(24,28,36,.5)}.filter-container{position:-webkit-sticky;top:0;z-index:60;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;padding:1.05rem 1.25rem;margin:0 auto 14px;max-width:1100px;background:var(--panel-bg);border:1px solid transparent;border-radius:18px;box-shadow:0 12px 28px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05);-webkit-backdrop-filter:blur(var(--panel-blur)) saturate(1.06);backdrop-filter:blur(var(--panel-blur)) saturate(1.06);position:sticky}.filter-container:before{content:"";position:absolute;inset:1px;border-radius:17px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0));mix-blend-mode:screen;opacity:.35}.filter-container:after{content:"";position:absolute;inset:0;border-radius:18px;pointer-events:none;background:linear-gradient(180deg,var(--panel-glow-a),var(--panel-glow-b));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;opacity:.7}.filter-container input,.filter-container label,.filter-container select{font-family:Plantin MT Pro,sans-serif;color:#ABA597}.filter-container label:last-of-type select{min-width:15rem;padding:.7rem .9rem}.filter-container>*{flex:0 0 auto}.quote-wrapper{display:flex;margin-left:-1.25rem}.quote-column{padding-left:1.25rem;background-clip:padding-box}.quote-column>.quote-container{margin-bottom:1.25rem}.quote-container{position:relative;display:flex;flex-direction:column;gap:20px;padding:5px;background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,0));border-radius:1em;max-width:600px;margin-left:auto;margin-right:auto}.quote-container h2{padding:1em 0 0 .8em;margin:0}.quote-container h3{padding:0 0 0 1em;margin:-.6em 0 0}.delete-container-btn{position:absolute;top:.3em;right:.3em;background:transparent;border:none;cursor:pointer;font-size:1.5rem;color:#ABA597}.message{display:flex;align-items:flex-start;gap:10px;padding:10px;color:#FEFCFD;position:relative}.link-icon{right:5px}.link-icon,.pin-icon{position:absolute;top:5px;background:transparent;border:none;cursor:pointer;font-size:1em;color:#ABA597}.pin-icon{right:30px}.portrait{width:6em;height:auto}.character-name{font-family:Plantin MT Pro,sans-serif;color:#ABA597;text-align:center}.quote-wrapper[data-tab=support] .quote-container h3{text-align:center;padding-left:0}.message-content{display:flex;flex:1 1;flex-direction:column}.choice-group{margin:.5em 0 .5em 1em;padding-left:1em;border-left:3px solid #aba597}.choice-message{color:#ABA597;font-family:Plantin MT Pro,sans-serif}.choice-group .message.choice-related{padding:1em 1em 0 0}.flash{animation:flash-bg 2s ease-out}@keyframes flash-bg{0%{background-color:rgba(0,123,255,.7)}to{background-color:transparent}}:root{--bg-dark:#0b0a0f;--glowA:rgba(180,210,255,.45);--glowB:rgba(180,210,255,.8);--texMs:18s;--pulseMs:5s;--flashOffset:.80}.loading-overlay{position:fixed;inset:0;background:var(--bg-dark);display:grid;place-items:center;z-index:9999;opacity:1;visibility:visible;transition:opacity .55s ease,visibility 0s linear}.loading-overlay.is-hidden{opacity:0;visibility:hidden;transition:opacity .55s ease,visibility 0s linear .55s}.crest-wrap{position:relative;width:192px;height:192px}.crest-wrap--sm{width:24px;height:24px}.crest-wrap--sm .crest{inset:0;width:100%;height:100%}.crest-wrap--sm .crest-tex{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);top:auto}@keyframes texUpA_sm{to{transform:translateY(-100%)}}@keyframes texUpB_sm{to{transform:translateY(0)}}.crest-wrap--sm .crest-tex--a{transform:translateY(0);animation:texUpA_sm var(--texMs) linear infinite}.crest-wrap--sm .crest-tex--b{transform:translateY(100%);animation:texUpB_sm var(--texMs) linear infinite}.crest{inset:0;width:100%;mask-mode:alpha;animation:crestFlash var(--pulseMs) linear infinite;will-change:filter;isolation:isolate}.crest,.crest-tex{position:absolute;height:100%}.crest-tex{left:0;right:0;background-image:url(/images/Illustration.webp);background-repeat:repeat-y;background-position:50% 0;background-size:160% auto;will-change:top;z-index:1}.crest-tex--a{top:0;animation:texUpA var(--texMs) linear infinite}.crest-tex--b{top:100%;animation:texUpB var(--texMs) linear infinite}@keyframes texUpA{to{top:-100%}}@keyframes texUpB{to{top:0}}.crest:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:50%;background:rgba(255,255,255,.001);-webkit-backdrop-filter:brightness(2) saturate(1.15) contrast(1.05);backdrop-filter:brightness(2) saturate(1.15) contrast(1.05);--inner:38%;--rimStart:58%;-webkit-mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,0) 0,rgba(0,0,0,0) var(--inner),rgba(0,0,0,.6) var(--rimStart),rgba(0,0,0,1) 100%);mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,0) 0,rgba(0,0,0,0) var(--inner),rgba(0,0,0,.6) var(--rimStart),rgba(0,0,0,1) 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transform-origin:50% 50%;opacity:1;transform:scale(.05);will-change:transform;animation:ringGrow var(--pulseMs) linear infinite}@keyframes ringGrow{0%{opacity:.95;transform:scale(0)}15%{opacity:.95;transform:scale(.01)}40%{opacity:.95;transform:scale(.5)}50%{opacity:.95;transform:scale(2)}60%{opacity:0;transform:scale(4)}to{opacity:0;transform:scale(8)}}@keyframes crestFlash{39%{filter:drop-shadow(0 0 14px var(--glowB)) drop-shadow(0 0 36px var(--glowB)) brightness(1.25)}49%{filter:drop-shadow(0 0 10px var(--glowA)) drop-shadow(0 0 26px var(--glowA)) brightness(4)}90%{filter:drop-shadow(0 0 10px var(--glowA)) drop-shadow(0 0 26px var(--glowA)) brightness(1)}}@media (prefers-reduced-motion:reduce){.crest,.crest-tex--a,.crest-tex--b,.crest:before{animation:none}}.tabs{display:flex;justify-content:center;align-items:center;gap:1.25rem;margin:12px 0 16px;flex-wrap:wrap}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:#ABA597;text-transform:uppercase;letter-spacing:.1em;padding:.35rem .75rem;cursor:pointer;position:relative;transition:color .2s ease,text-shadow .2s ease,transform .08s ease}.tab,.tab:after,.tab:before{font-family:Plantin MT Pro,sans-serif}.tab:after,.tab:before{opacity:.9}.tab:before{content:"<< "}.tab:after{content:" >>"}.tab:hover{color:#FEFCFD;text-shadow:0 0 8px rgba(255,255,255,.12)}.tab--active{color:#FEFCFD;text-shadow:0 0 10px rgba(255,255,255,.16)}.tab:focus-visible{outline:2px solid rgba(255,255,255,.25);outline-offset:2px;border-radius:6px}@media (max-width:480px){.tab{letter-spacing:.08em;padding:.3rem .5rem}.tabs{gap:.6rem}}.layout-toggle{display:flex;align-items:center;gap:.5rem;flex:0 0 auto;order:99;margin-left:auto;justify-content:flex-end}@media (max-width:520px){.layout-toggle{min-width:140px}}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#ABA597;font-size:1.05rem;padding:.45rem .55rem;cursor:pointer;transition:color .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.icon-btn:hover{color:#FEFCFD;border-color:rgba(180,210,255,.7);box-shadow:0 0 0 3px rgba(120,160,255,.12);background:rgba(255,255,255,.055)}.icon-btn:disabled{opacity:.45}.cols-count{font-family:Plantin MT Pro,sans-serif;letter-spacing:.05em;min-width:1.6ch;text-align:center;opacity:.9}.pill-group{display:flex;align-items:center;gap:.45rem}.pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(22,24,30,.42);border:1px solid rgba(255,255,255,.1);border-radius:14px;color:var(--ink-muted);font-family:Plantin MT Pro,sans-serif;font-size:1rem;letter-spacing:.015em;padding:.5rem .85rem;cursor:pointer;transition:color .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .06s ease}.pill:hover{color:var(--ink);border-color:rgba(180,210,255,.6);box-shadow:0 0 0 3px rgba(120,160,255,.1);background:rgba(28,32,42,.5)}.pill--active,.pill[aria-pressed=true]{color:var(--ink);background:linear-gradient(180deg,rgba(180,210,255,.25),rgba(120,160,255,.18));border-color:rgba(180,210,255,.95);box-shadow:inset 0 0 10px rgba(120,160,255,.25),0 0 0 3px rgba(120,160,255,.18);text-shadow:0 1px 0 rgba(0,0,0,.35)}.choice-message,.message{scroll-margin-top:40px}.character-name--link{cursor:pointer}.letter-text{white-space:pre-wrap}@media (max-width:480px){.profile-modal__row{flex-direction:column}}.profile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(3px) saturate(1.1);backdrop-filter:blur(3px) saturate(1.1);z-index:7000}.profile-modal-layer{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;z-index:7010}.profile-modal{max-height:90vh;overflow:auto;border-radius:16px;background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.62));border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06);color:#FEFCFD;position:relative}.modal-close{position:absolute;top:6px;right:6px}.profile-modal__content{padding:10px 14px 18px}@media (max-width:520px){.profile-modal{width:96vw;max-height:88vh}}.quote-container .route-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:end;grid-gap:12px;gap:12px;padding-left:1em;margin:6px 0 10px;border-bottom:1px solid rgba(255,255,255,.18)}.route-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-bottom:3px solid transparent;border-radius:0;padding:10px 0;min-height:44px;width:100%;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s ease,transform .06s ease,opacity .2s ease,background .2s ease}.route-tab:hover{border-bottom-color:rgba(180,210,255,.5)}.route-tab--active{border-bottom-color:rgba(180,210,255,1)}.route-tab:disabled{opacity:.45;cursor:not-allowed}.route-flag{display:block;height:35px;width:auto;border-radius:3px}@media (max-width:520px){.route-flag{height:22px}.quote-container .route-tabs{gap:10px}.route-tab{min-height:40px;padding:8px 0}}.choice-group .choice-message+.choice-message:before{content:"OR";display:block;text-transform:uppercase;color:#ABA597}.choice-era-label,.choice-group .choice-message+.choice-message:before{margin:.5em 0;opacity:.5;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.choice-conditional-text:before{content:"If ";opacity:.5}.choice-conditional-text:after{content:" was chosen:";opacity:.5}.route-flag-filter{display:inline-flex;gap:20px;margin:0 8px;vertical-align:middle}.route-flag-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;display:inline-block;line-height:0;cursor:pointer}.route-flag-btn img{display:block;height:36px;width:auto;border-radius:4px;transition:transform 80ms ease,opacity .12s ease,filter .12s ease,box-shadow .12s ease}@media (max-width:520px){.route-flag-btn img{height:28px}}.route-flag-btn.is-on{opacity:1}.route-flag-btn.is-off{opacity:.45;filter:grayscale(100%)}.copy-toast{position:fixed;top:10px;left:50%;transform:translateX(-50%);z-index:5000;padding:.5rem .9rem;background:var(--panel-bg);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--ink);box-shadow:0 10px 24px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.05);animation:copyToastFade 1.8s ease forwards}@keyframes copyToastFade{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}10%{opacity:1;transform:translateX(-50%) translateY(0)}80%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-6px)}}.pin-toast{position:fixed;top:52px;left:50%;transform:translateX(-50%);z-index:5000;padding:.5rem .9rem;background:var(--panel-bg);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--ink);box-shadow:0 10px 24px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.05);animation:copyToastFade 1.6s ease forwards}.pinboard-title-btn{position:static;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;color:var(--ink);font-family:Plantin MT Pro,sans-serif;font-size:1.4rem;letter-spacing:.02em;cursor:text;text-shadow:0 0 8px rgba(255,255,255,.1);margin-top:-60px}.pinboard-title-btn i{opacity:.9}.pinboard-title-input{position:static;display:block;min-width:14rem;max-width:60vw;padding:.5rem .75rem;font-family:Plantin MT Pro,sans-serif;font-size:1.05rem;color:var(--ink);background:rgba(20,22,26,.42);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.35);margin-top:-60px}.pinboard-title-input:focus{outline:none;border-color:rgba(180,210,255,.85);box-shadow:0 0 0 3px rgba(120,160,255,.16),inset 0 1px 0 rgba(255,255,255,.08);background:rgba(24,28,36,.5)}.pinboard-header{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin:1.25rem 0 1rem}.pinboard-wrap{padding-top:56px}.share-pinboard-btn{position:static;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .9rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:12px;color:var(--ink);font-family:Plantin MT Pro,sans-serif;font-size:1.02rem;cursor:pointer;transition:color .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.share-pinboard-btn:hover{color:#FEFCFD;border-color:rgba(180,210,255,.7);box-shadow:0 0 0 3px rgba(120,160,255,.12);background:rgba(255,255,255,.055)}.choice-conditional .choice-icon,.choice-message .choice-icon,.choice-with-icon .choice-icon{block-size:1lh;object-fit:contain;vertical-align:middle;margin-right:.2rem;margin-bottom:.4rem}