:root{--bg: #0a0812;--bg-panel: #141020;--bg-inset: #0d0a16;--border: #2b2340;--border-bright: #4a3b66;--gold: #d4af37;--gold-bright: #f3d878;--gold-dim: #8a7020;--bronze: #a8763e;--text: #ddd6ca;--text-dim: #8b8496;--arcane: #8b6cff;--r-common: #9aa0a6;--r-enchanted: #4cc98a;--r-uncommon: #4caf50;--r-rare: #3d9bff;--r-epic: #b44dff;--r-legendary: #ff8c1a;--r-unique: #e6cc80;--r-celestial: #40e8e0;font-size:15px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1400px 700px at 50% -250px,rgba(88,56,160,.22) 0%,transparent 60%),radial-gradient(900px 500px at 15% 110%,rgba(160,100,30,.07) 0%,transparent 60%),radial-gradient(900px 500px at 85% 110%,rgba(88,56,160,.08) 0%,transparent 60%),var(--bg);color:var(--text);font-family:Crimson Pro,Georgia,serif;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column;position:relative}.embers{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1}#root:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;box-shadow:inset 0 0 180px 40px #0000008c}h1,h2,h3{font-family:Cinzel,serif;letter-spacing:.04em}.site-header{text-align:center;padding:2rem 1rem .5rem;position:relative;z-index:3}.site-header h1{margin:0;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:900;background:linear-gradient(180deg,#f8e6ae 0%,var(--gold) 45%,#7a5c12 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 12px rgba(212,175,55,.35))}.site-header .tagline{color:var(--text-dim);font-style:italic;margin-top:.3rem;font-size:1rem}.header-rule{width:min(420px,70%);height:14px;margin:.6rem auto 0;background:radial-gradient(circle at 50% 50%,var(--gold) 0 2.5px,transparent 3px),linear-gradient(90deg,transparent,var(--gold-dim) 20%,var(--gold-dim) 80%,transparent) center / 100% 1px no-repeat}.sheets{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;max-width:1220px;width:100%;margin:1.2rem auto 0;padding:0 1.2rem 11rem;flex:1;align-items:start;position:relative;z-index:3}@media(max-width:920px){.sheets{grid-template-columns:1fr}}.panel{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.025) 0%,transparent 30%),radial-gradient(140% 60% at 50% 0%,#1c1530 0%,var(--bg-panel) 55%),var(--bg-panel);border:1px solid var(--border-bright);border-radius:4px;box-shadow:0 0 0 1px #05040a,0 0 0 4px #4a3b662e,0 24px 60px #000000a6}.panel:before,.panel:after,.panel .corner-b:before,.panel .corner-b:after{content:"";position:absolute;width:26px;height:26px;border:2px solid var(--gold-dim);z-index:4;pointer-events:none}.panel:before{top:-3px;left:-3px;border-right:none;border-bottom:none;border-top-left-radius:6px}.panel:after{top:-3px;right:-3px;border-left:none;border-bottom:none;border-top-right-radius:6px}.panel .corner-b:before{bottom:-3px;left:-3px;border-right:none;border-top:none;border-bottom-left-radius:6px}.panel .corner-b:after{bottom:-3px;right:-3px;border-left:none;border-top:none;border-bottom-right-radius:6px}.panel-head{display:flex;align-items:center;gap:1rem;padding:1.05rem 1.2rem .95rem;background:linear-gradient(180deg,rgba(212,175,55,.09),rgba(212,175,55,.015) 70%,transparent);border-bottom:1px solid var(--border);position:relative}.panel-head:after{content:"";position:absolute;left:8%;right:8%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent)}.portrait{width:72px;height:72px;display:grid;place-items:center;color:var(--gold);background:radial-gradient(circle at 35% 28%,#332752,#120e1e 72%);border:2px solid transparent;border-radius:50%;background-clip:padding-box;position:relative;flex-shrink:0;box-shadow:0 0 0 2px var(--gold-dim),0 0 0 3.5px #0a0812,0 0 0 4.5px #8a702066,0 0 22px #d4af3740,inset 0 0 18px #000000bf}.portrait svg{filter:drop-shadow(0 0 8px rgba(212,175,55,.55))}.identity{min-width:0}.identity h2{margin:0;font-size:1.35rem;font-weight:700;color:#f4ead2;text-shadow:0 1px 0 #000,0 0 18px rgba(212,175,55,.18);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity .subtitle{color:var(--text-dim);font-size:.84rem;letter-spacing:.02em}.identity .raceclass{color:var(--gold);font-size:.92rem;margin-top:3px}.level-badge{margin-left:auto;text-align:center;flex-shrink:0;width:64px;height:64px;position:relative;display:grid;place-content:center;background:radial-gradient(circle,#221a38,#130f20 70%);border-radius:50%;box-shadow:0 0 0 2px var(--gold-dim),0 0 0 3.5px #0a0812,0 0 0 4.5px #8a702059,inset 0 0 14px #000c}.level-badge .num{font-family:Cinzel;font-weight:900;font-size:1.5rem;background:linear-gradient(180deg,var(--gold-bright),var(--gold) 60%,#86651a);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}.level-badge .lbl{font-size:.52rem;text-transform:uppercase;letter-spacing:.18em;color:var(--text-dim);margin-top:2px}.level-badge.flash{animation:badgeburst .9s ease-out}@keyframes badgeburst{0%{box-shadow:0 0 0 2px var(--gold),0 0 0 3.5px #0a0812,0 0 46px 6px #d4af37e6,inset 0 0 14px #000c;transform:scale(1.12)}to{transform:scale(1)}}.panel-body{padding:1rem 1.2rem 1.2rem;display:flex;flex-direction:column;gap:1.05rem}.section-title{font-family:Cinzel,serif;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:var(--bronze);display:flex;align-items:center;gap:.6rem;margin-bottom:.55rem}.section-title .st-icon{color:var(--gold-dim);display:inline-flex}.section-title:after{content:"";flex:1;height:3px;background:linear-gradient(90deg,var(--border-bright),transparent) center / 100% 1px no-repeat}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem}@media(max-width:480px){.stat-grid{grid-template-columns:repeat(3,1fr)}}.stat{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 40%),var(--bg-inset);border:1px solid var(--border);border-radius:3px;padding:.5rem .3rem .42rem;text-align:center;cursor:default;transition:border-color .2s,transform .2s;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}.stat:hover{border-color:var(--gold-dim);transform:translateY(-2px)}.stat .abbr{font-family:Cinzel;font-size:.66rem;font-weight:700;letter-spacing:.14em;color:var(--bronze)}.stat .val{font-family:Cinzel;font-size:1.55rem;font-weight:700;line-height:1.15;color:#f2e9d4;text-shadow:0 0 14px rgba(212,175,55,.25),0 2px 2px #000;font-variant-numeric:tabular-nums}.stat .gear{font-size:.68rem;color:var(--r-uncommon);min-height:.9rem;text-shadow:0 0 8px rgba(76,175,80,.5)}.stat.unknown .val{color:#453e58;text-shadow:none}.stat.changed{border-color:var(--gold);animation:statglow 1s ease-out}@keyframes statglow{0%{box-shadow:0 0 26px #d4af37d9,inset 0 0 14px #d4af374d}to{box-shadow:none}}.equip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:.5rem}.slot{--qcolor: var(--r-common);display:flex;align-items:center;gap:.6rem;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 50%),var(--bg-inset);border:1px solid var(--border);border-radius:3px;padding:.45rem .55rem;min-height:58px;cursor:default;position:relative;overflow:hidden;transition:border-color .18s,transform .18s,box-shadow .18s}.slot.filled{border-color:color-mix(in srgb,var(--qcolor) 45%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--qcolor) 7%,transparent),transparent 55%),var(--bg-inset)}.slot.filled.tier-common{background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 50%),var(--bg-inset)}.slot-tier{font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;opacity:.95}.slot.filled:hover{transform:translateY(-2px);border-color:var(--qcolor);box-shadow:0 6px 18px #00000080,0 0 14px color-mix(in srgb,var(--qcolor) 40%,transparent)}.slot .slot-icon{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,#241c3a,#100c1c 75%);border:1px solid color-mix(in srgb,var(--qcolor) 55%,#000);border-radius:3px;color:var(--qcolor);box-shadow:inset 0 0 10px #000c,0 0 8px color-mix(in srgb,var(--qcolor) 25%,transparent)}.slot.empty .slot-icon{color:#37304a;border-color:var(--border);box-shadow:inset 0 0 10px #000c}.slot .slot-info{min-width:0}.slot .slot-name{font-size:.85rem;font-weight:600;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.slot .slot-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim);margin-top:1px}.slot.empty .slot-name{color:#453e58;font-style:italic;font-weight:400}.slot.changed{animation:statglow 1s ease-out;border-color:var(--gold)}.slot.shine:after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(105deg,transparent,color-mix(in srgb,var(--qcolor) 22%,transparent),transparent);animation:sweep 3.8s ease-in-out infinite}@keyframes sweep{0%,55%{left:-80%}85%,to{left:130%}}.q-common{color:var(--r-common)}.q-enchanted{color:var(--r-enchanted)}.q-uncommon{color:var(--r-uncommon)}.q-rare{color:var(--r-rare)}.q-epic{color:var(--r-epic)}.q-legendary{color:var(--r-legendary)}.q-unique{color:var(--r-unique)}.q-celestial{color:var(--r-celestial)}.inv-grid{display:flex;flex-wrap:wrap;gap:.4rem}.inv-item{--qcolor: var(--r-common);display:inline-flex;align-items:center;gap:.42rem;background:linear-gradient(180deg,color-mix(in srgb,var(--qcolor) 8%,transparent),transparent 70%),var(--bg-inset);border:1px solid color-mix(in srgb,var(--qcolor) 40%,var(--border));border-radius:3px;padding:.3rem .6rem .3rem .45rem;font-size:.84rem;cursor:default;transition:border-color .15s,transform .15s,box-shadow .15s}.inv-item.tier-common{border-color:var(--border);background:var(--bg-inset)}.inv-item .inv-icon{color:color-mix(in srgb,var(--qcolor) 80%,#fff 5%);display:inline-flex;opacity:.9}.inv-item:hover{border-color:var(--qcolor);transform:translateY(-1px);box-shadow:0 0 10px color-mix(in srgb,var(--qcolor) 30%,transparent)}.inv-item .qty{color:var(--text-dim);font-size:.72rem;font-variant-numeric:tabular-nums}.inv-more{color:var(--text-dim);font-size:.8rem;font-style:italic;padding:.3rem}.tags{display:flex;flex-wrap:wrap;gap:.35rem}.tag{display:inline-flex;align-items:center;gap:.3rem;background:var(--bg-inset);border:1px solid var(--border);border-radius:3px;padding:.22rem .55rem;font-size:.8rem;color:var(--text);transition:border-color .15s}.tag:hover{border-color:var(--gold-dim)}.tag b{color:var(--gold);font-weight:700;font-family:Cinzel;font-size:.75rem;font-variant-numeric:tabular-nums}.tag.spell{border-color:#322a58}.tag.spell:hover{border-color:var(--arcane)}.tag.spell b{color:var(--arcane)}.ach-count{color:var(--text-dim);font-weight:400;font-size:.7rem;letter-spacing:0;text-transform:none}.ach-list{max-height:158px;overflow-y:auto;display:flex;flex-direction:column;gap:.32rem;padding-right:.3rem;scrollbar-width:thin;scrollbar-color:var(--border-bright) transparent}.ach{font-size:.82rem;border-left:2px solid var(--gold-dim);padding:.12rem 0 .12rem .6rem;background:linear-gradient(90deg,rgba(212,175,55,.05),transparent 60%)}.ach .ach-name{color:var(--gold);font-weight:600}.ach .ach-desc{color:var(--text-dim)}.tooltip{--qcolor: var(--r-common);position:fixed;z-index:100;width:300px;pointer-events:none;background:linear-gradient(180deg,#1d1729,#100c19);border:1px solid color-mix(in srgb,var(--qcolor) 60%,#333);border-radius:4px;box-shadow:0 0 0 1px #000,0 18px 50px #000000d9,0 0 24px color-mix(in srgb,var(--qcolor) 22%,transparent);padding:0;font-size:.86rem;animation:ttfade .14s ease-out;overflow:hidden}@keyframes ttfade{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1}}.tooltip .tt-head{display:flex;align-items:center;gap:.6rem;padding:.7rem .9rem .55rem;background:linear-gradient(180deg,color-mix(in srgb,var(--qcolor) 14%,transparent),transparent);border-bottom:1px solid rgba(255,255,255,.05)}.tooltip .tt-icon{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,#241c3a,#100c1c 75%);border:1px solid color-mix(in srgb,var(--qcolor) 60%,#000);border-radius:3px;color:var(--qcolor)}.tooltip .tt-name{font-family:Cinzel;font-weight:700;font-size:.92rem;line-height:1.25}.tooltip .tt-inner{padding:.55rem .9rem .75rem}.tooltip .tt-type{color:var(--text-dim);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.4rem}.tooltip .tt-stats{color:var(--r-uncommon)}.tooltip .tt-stats div{margin:.12rem 0}.tooltip .tt-effects{color:var(--r-rare);margin-top:.35rem;line-height:1.35}.tooltip .tt-desc{color:#a89f8f;font-style:italic;margin-top:.45rem;line-height:1.4}.tooltip .tt-src{color:#59516d;font-size:.72rem;margin-top:.55rem;border-top:1px solid rgba(255,255,255,.06);padding-top:.4rem}.toasts{position:fixed;top:1rem;right:1rem;z-index:90;display:flex;flex-direction:column;gap:.5rem;pointer-events:none;max-width:min(340px,86vw)}.toast{display:flex;align-items:center;gap:.65rem;background:linear-gradient(180deg,#221a33,#140f21);border:1px solid var(--gold-dim);border-left:3px solid var(--gold);border-radius:3px;padding:.55rem .9rem .55rem .65rem;box-shadow:0 10px 30px #000000b3,0 0 18px #d4af371f;--d: 0ms;animation:toastin .35s cubic-bezier(.2,.9,.3,1.2) backwards,toastout .4s ease-in forwards;animation-delay:var(--d),calc(2.9s + var(--d))}@keyframes toastin{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:none}}@keyframes toastout{to{opacity:0;transform:translate(40px)}}.toast-icon{color:var(--gold);display:grid;place-items:center;flex-shrink:0;filter:drop-shadow(0 0 6px rgba(212,175,55,.6))}.toast-head{font-family:Cinzel;font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.toast-body{font-size:.86rem;color:var(--text);line-height:1.25}.toast-level_up{border-left-color:var(--r-celestial)}.toast-level_up .toast-icon,.toast-level_up .toast-head{color:var(--r-celestial);filter:drop-shadow(0 0 6px rgba(64,232,224,.5))}.toast-item_gained{border-left-color:var(--r-epic)}.toast-item_gained .toast-icon,.toast-item_gained .toast-head{color:var(--r-epic);filter:drop-shadow(0 0 6px rgba(180,77,255,.5))}.timeline{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,#0a081266,#0a0812f5 35%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-bright);padding:.75rem 1.4rem .9rem;z-index:50}.timeline:before{content:"";position:absolute;top:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent)}.timeline-inner{max-width:1220px;margin:0 auto}.timeline-top{display:flex;align-items:center;margin-bottom:.4rem;gap:1rem}.play-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--gold-dim);background:radial-gradient(circle at 38% 30%,#2a2142,#150f24);color:var(--gold);font-size:.85rem;cursor:pointer;display:grid;place-items:center;transition:box-shadow .2s,border-color .2s;flex-shrink:0}.play-btn:hover{border-color:var(--gold);box-shadow:0 0 14px #d4af3766}.timeline-top .where{font-family:Cinzel;color:var(--gold);font-weight:700;font-size:1.02rem;white-space:nowrap;text-shadow:0 0 12px rgba(212,175,55,.3)}.timeline-top .floor{color:var(--text-dim);font-size:.8rem;font-family:Cinzel;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);padding:.15rem .6rem;border-radius:2px;background:var(--bg-inset)}.timeline-top .hint{color:#5c556e;font-size:.76rem;font-style:italic;text-align:right;flex:1}@media(max-width:700px){.timeline-top{flex-wrap:wrap;row-gap:.35rem}.timeline-top .hint{display:none}.cap-select{margin-left:auto}.cap-select span{display:none}}.scrubber{position:relative;height:36px}.scrubber input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:36px;margin:0;background:transparent;position:relative;z-index:2;cursor:pointer}.scrubber input[type=range]::-webkit-slider-runnable-track{height:8px;background:transparent}.scrubber input[type=range]::-moz-range-track{height:8px;background:transparent}.scrubber input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-8px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#ffedb0,var(--gold) 55%,#6e5511);border:2px solid #0a0812;box-shadow:0 0 0 1px var(--gold-dim),0 0 16px #d4af37cc}.scrubber input[type=range]::-moz-range-thumb{width:21px;height:21px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#ffedb0,var(--gold) 55%,#6e5511);border:2px solid #0a0812;box-shadow:0 0 0 1px var(--gold-dim),0 0 16px #d4af37cc}.track{position:absolute;top:14px;left:0;right:0;height:8px;border-radius:4px;background:linear-gradient(180deg,#060410,#120d1f);border:1px solid var(--border);overflow:hidden;z-index:1}.track .fill{height:100%;background:linear-gradient(90deg,#5c4512,var(--gold));box-shadow:0 0 12px #d4af3799}.ticks{position:absolute;top:0;left:0;right:0;height:36px;z-index:1;pointer-events:none}.tick{position:absolute;top:25px;width:1px;height:6px;background:var(--border-bright)}.tick.floor{top:6px;height:26px;width:2px;background:var(--arcane);opacity:.75;box-shadow:0 0 8px #8b6cffb3}.tick-label{position:absolute;top:-4px;transform:translate(-50%);font-size:.58rem;color:var(--arcane);font-family:Cinzel;font-weight:700;letter-spacing:.08em;white-space:nowrap;text-shadow:0 0 8px rgba(139,108,255,.6)}.tick.book{top:2px;height:30px;width:2px;background:var(--gold);opacity:.85;box-shadow:0 0 8px #d4af37b3}.tt-stats-label{color:var(--text-dim);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.15rem}.tt-meta-label{color:#7a7290}.cap-select{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;color:var(--text-dim);white-space:nowrap}.cap-select select{background:var(--bg-inset);color:var(--gold);border:1px solid var(--border-bright);border-radius:3px;font-family:Cinzel,serif;font-size:.78rem;padding:.25rem .4rem;cursor:pointer}.cap-select select:hover{border-color:var(--gold-dim)}.search-pill{display:inline-flex;align-items:center;gap:.5rem;margin-top:.7rem;background:var(--bg-inset);border:1px solid var(--border-bright);border-radius:999px;padding:.35rem .6rem .35rem .8rem;color:var(--text-dim);font-family:Crimson Pro,serif;font-size:.88rem;cursor:pointer;transition:border-color .15s,box-shadow .15s,color .15s}.search-pill:hover{border-color:var(--gold-dim);color:var(--text);box-shadow:0 0 14px #d4af3733}.search-pill-glyph{color:var(--gold-dim);font-size:1rem}.search-pill kbd,.palette kbd{font-family:Cinzel,serif;font-size:.62rem;letter-spacing:.06em;color:var(--gold);background:#1d1729;border:1px solid var(--border-bright);border-bottom-width:2px;border-radius:4px;padding:.15rem .4rem}.palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#06040c99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;padding:12vh 1rem 0}.palette{width:min(620px,100%);height:fit-content;max-height:70vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#1c1628 0%,var(--bg-panel) 100%);border:1px solid var(--border-bright);border-radius:8px;box-shadow:0 0 0 1px #000,0 30px 90px #000000d9,0 0 40px #d4af3712;overflow:hidden;animation:ttfade .14s ease-out}.palette-input-row{display:flex;align-items:center;gap:.65rem;padding:.8rem .9rem;border-bottom:1px solid var(--border)}.palette-glyph{color:var(--gold);font-size:1.15rem}.palette-input-row input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:Crimson Pro,serif;font-size:1.05rem}.palette-input-row input::placeholder{color:#5c556e}.palette-results{overflow-y:auto;padding:.35rem .45rem .5rem;scrollbar-width:thin;scrollbar-color:var(--border-bright) transparent}.palette-group{font-family:Cinzel,serif;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--bronze);padding:.55rem .6rem .25rem}.palette-item{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:4px;padding:.42rem .6rem;color:var(--text);font-family:Crimson Pro,serif;font-size:.92rem;cursor:pointer}.palette-item.active{background:#d4af3714;border-color:var(--gold-dim)}.palette-icon{display:inline-flex;flex-shrink:0;opacity:.9}.palette-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette-detail{color:var(--text-dim);font-size:.84rem}.palette-where{color:var(--text-dim);font-size:.74rem;white-space:nowrap;flex-shrink:0}.palette-item.active .palette-where{color:var(--gold)}.palette-empty{color:var(--text-dim);font-style:italic;padding:.9rem .7rem}.palette-hint{color:#5c556e;font-size:.72rem;padding:.5rem .9rem;border-top:1px solid var(--border)}@media(max-width:600px){.palette-where,.search-pill kbd{display:none}}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:1.2rem;overflow-y:auto}.gate-card{max-width:540px;width:100%;background:linear-gradient(180deg,#1a1526 0%,var(--bg-panel) 100%);border:1px solid var(--border-bright);border-radius:6px;box-shadow:0 0 0 1px #000,0 30px 80px #000c;padding:1.8rem 1.9rem 1.3rem;text-align:center}.gate-card h1{margin:0;font-size:1.5rem;font-weight:900;background:linear-gradient(180deg,#f8e6ae 0%,var(--gold) 45%,#7a5c12 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.gate-sub{color:var(--text-dim);font-style:italic;margin-top:.3rem}.gate-question{font-family:Cinzel,serif;color:#f0e6cf;font-weight:700;font-size:1.05rem;margin-top:1.3rem}.gate-hint{color:var(--text-dim);font-size:.85rem;margin:.4rem auto 1rem;max-width:400px;line-height:1.45}.gate-books{display:flex;flex-direction:column;gap:.4rem}.gate-book{display:flex;align-items:baseline;gap:.8rem;background:var(--bg-inset);border:1px solid var(--border);border-radius:4px;padding:.55rem .9rem;cursor:pointer;color:var(--text);font-family:Crimson Pro,serif;font-size:.95rem;transition:border-color .15s,transform .15s,box-shadow .15s;text-align:left}.gate-book:hover{border-color:var(--gold);transform:translateY(-1px);box-shadow:0 0 16px #d4af3740}.gate-book-n{font-family:Cinzel,serif;font-weight:700;font-size:.75rem;letter-spacing:.08em;color:var(--gold);flex-shrink:0;width:4.2rem}.gate-book-title{color:var(--text)}.gate-footer{color:#4d4660;font-size:.75rem;margin-top:1.1rem;font-style:italic}.footer-note{text-align:center;color:#4d4660;font-size:.72rem;padding:.55rem 1rem 0;line-height:1.5}.footer-note a{color:#6b628a}.loading{display:grid;place-items:center;flex:1;color:var(--text-dim);font-style:italic;font-size:1.15rem;font-family:Cinzel,serif;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}