:root{color:#f4ead6;background:#10151d;font-family:Georgia,Times New Roman,serif}html,body{height:100%;margin:0;overflow:hidden}*{box-sizing:border-box}body{min-height:100vh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,#27394b,#10151d 65%)}#c{position:fixed;inset:0;width:100%;height:100%;touch-action:none}#loader{position:relative;z-index:1;width:min(30rem,calc(100vw - 3rem));text-align:center;transition:opacity .6s ease}#loader.done{opacity:0;pointer-events:none}#loader h1{margin:0 0 1.5rem;font-size:clamp(1.45rem,3vw,2rem);font-weight:600}.progress-track{height:.5rem;overflow:hidden;border:1px solid #ba9761;border-radius:999px;background:#18222d}#loader-fill{width:0;height:100%;background:#e3bc76;transition:width .3s ease}#loader-text{margin:.8rem 0 0;color:#c9d6de;font:.85rem/1.4 system-ui,sans-serif}footer{position:fixed;z-index:1;right:1rem;bottom:1rem;left:1rem;color:#aebbc5;font:.75rem/1.4 system-ui,sans-serif;text-align:center}#hint{position:fixed;z-index:1;bottom:max(1rem,env(safe-area-inset-bottom));left:max(1rem,env(safe-area-inset-left));padding:.45rem .65rem;border:1px solid rgb(227 188 118 / 35%);border-radius:999px;color:#d9d0c2;background:#10151db8;font:.72rem/1.2 system-ui,sans-serif;letter-spacing:.01em;pointer-events:none}#legend,#panel{position:fixed;z-index:2;border:1px solid rgb(227 188 118 / 38%);border-radius:12px;color:#f4ead6;background:#10151dc7;box-shadow:0 12px 35px #00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:system-ui,sans-serif}#legend{top:max(1rem,env(safe-area-inset-top));left:max(1rem,env(safe-area-inset-left));width:11.5rem;overflow:hidden}.legend-toggle{display:none}.legend-content{padding:.7rem}.legend-content h2{margin:.5rem .35rem .25rem;color:#ba9761;font:600 .65rem/1.2 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase}.legend-entry{display:flex;gap:.5rem;align-items:center;width:100%;padding:.42rem .45rem;border:0;border-radius:7px;color:#d9d0c2;background:transparent;font:.78rem/1.2 system-ui,sans-serif;text-align:left;cursor:pointer;transition:background .25s ease,color .25s ease}.legend-entry:hover,.legend-entry.active{color:#fff6e5;background:#e3bc762b;font-weight:700}.legend-entry i{width:.52rem;height:.52rem;border-radius:50%;box-shadow:0 0 8px currentcolor}#panel{top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));width:min(25rem,calc(100vw - 2rem));display:flex;flex-direction:column;min-height:0;padding:1rem;transform:translate(110%);visibility:hidden;pointer-events:none;transition:transform .25s ease,visibility .25s ease}#panel.open{transform:translate(0);visibility:visible;pointer-events:auto}.panel-actions{display:flex;justify-content:flex-end;gap:.4rem;flex:0 0 auto}.panel-actions button{width:2rem;height:2rem;border:1px solid rgb(227 188 118 / 40%);border-radius:50%;color:#f4ead6;background:#10151db3;font:1rem system-ui,sans-serif;cursor:pointer}.panel-content{flex:1 1 auto;min-height:0;overflow-y:auto;padding:.4rem .25rem 1.3rem;overscroll-behavior:contain;touch-action:pan-y}.panel-chips,.characters{display:flex;flex-wrap:wrap;gap:.35rem}.nation-chip,.characters span{padding:.22rem .48rem;border:1px solid color-mix(in srgb,var(--nation, #ba9761) 70%,transparent);border-radius:999px;color:#f4ead6;background:color-mix(in srgb,var(--nation, #ba9761) 22%,transparent);font:.67rem/1.1 system-ui,sans-serif;text-transform:capitalize}.characters span{--nation: #ba9761}.panel-content h2{margin:.8rem 0 .45rem;font:600 clamp(1.6rem,4vw,2.25rem)/1.06 Georgia,serif}.panel-content h3{margin:1.1rem 0 .35rem;color:#e3bc76;font:600 1rem/1.2 Georgia,serif}.panel-content p{margin:.45rem 0;color:#d9d0c2;font:.86rem/1.55 system-ui,sans-serif}.panel-content blockquote{margin:.85rem 0;padding-left:.8rem;border-left:2px solid #e3bc76;color:#f4ead6;font:italic 1rem/1.45 Georgia,serif}.panel-theme{color:#ba9761!important;font-style:italic!important}.spoiler-note{color:#9caab3!important;font-size:.72rem!important}.episodes{margin:.65rem 0;padding-left:1.1rem;color:#d9d0c2;font:.78rem/1.6 system-ui,sans-serif}.episodes strong{color:#e3bc76}.panel-sources{position:static;display:block;margin-top:1.1rem;color:#9caab3;font:.7rem/1.45 system-ui,sans-serif;text-align:left}.panel-sources a{color:#e3bc76}#hover-chip{position:fixed;z-index:3;padding:.35rem .55rem;border:1px solid rgb(227 188 118 / 45%);border-radius:999px;color:#f4ead6;background:#10151de0;font:.72rem system-ui,sans-serif;opacity:0;pointer-events:none;transform:translateY(3px);transition:opacity .15s ease,transform .15s ease}#hover-chip.visible{opacity:1;transform:translateY(0)}button{touch-action:manipulation}@media(max-width:480px){#hint{display:none}}@media(max-width:720px){#legend{top:max(.7rem,env(safe-area-inset-top));left:max(.7rem,env(safe-area-inset-left));width:auto}.legend-toggle{display:block;padding:.5rem .7rem;border:0;color:#f4ead6;background:transparent;font:700 .72rem system-ui,sans-serif;cursor:pointer}.legend-content{display:none;max-height:42vh;overflow-y:auto;touch-action:pan-y}#legend.expanded .legend-content{display:block}#panel{top:auto;right:max(.6rem,env(safe-area-inset-right));bottom:max(.6rem,env(safe-area-inset-bottom));left:max(.6rem,env(safe-area-inset-left));width:auto;height:55vh;padding-top:1.15rem;transform:translateY(110%)}#panel.open{transform:translateY(0)}#panel:before{position:absolute;top:.42rem;left:50%;width:2.2rem;height:.24rem;border-radius:999px;background:#e3bc767f;content:"";transform:translate(-50%)}footer{bottom:.25rem;font-size:.62rem}}