.additional-material-view{width:100%;min-height:100vh;color:var(--c-stark);font-family:var(--f-body);isolation:isolate;background-color:var(--c-midnight);--tips-topbar-height:60px;--tips-topbar-offset:calc(env(safe-area-inset-top) + var(--tips-topbar-height) + 22px);position:relative;overflow-x:hidden}.additional-material-view:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(135deg,#0f0a1fd9 0%,#1a0f2ecc 50%,#2a1a3dcc 100%),url(/RL-Guide-book/screen3_bg.png) top/100% repeat-y;background-color:var(--c-midnight);position:fixed;inset:0}@supports (background-image:-webkit-image-set(url("/RL-Guide-book/screen3_bg.webp") type("image/webp"))) or (background-image:image-set(url("/RL-Guide-book/screen3_bg.webp") type("image/webp"))){.additional-material-view:before{background:-webkit-linear-gradient(315deg,#0f0a1fd9 0%,#1a0f2ecc 50%,#2a1a3dcc 100%),-webkit-image-set(url(/RL-Guide-book/screen3_bg.webp) 1x type("image/webp"),url(/RL-Guide-book/screen3_bg.png) 1x type("image/png")) top/100% repeat-y;background:linear-gradient(135deg,#0f0a1fd9 0%,#1a0f2ecc 50%,#2a1a3dcc 100%),image-set("/RL-Guide-book/screen3_bg.webp" 1x type("image/webp"),"/RL-Guide-book/screen3_bg.png" 1x type("image/png")) top/100% repeat-y;background-color:var(--c-midnight)}}.additional-material-topbar{z-index:12010;padding:calc(env(safe-area-inset-top) + 10px) 12px 12px;-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);background:linear-gradient(#0a0812eb,#0a0812b8);border-bottom:1px solid #ffffff1f;position:fixed;inset:0 0 auto;box-shadow:0 14px 30px #0906148c}.additional-material-topbar-inner{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;width:min(980px,100% - 24px);margin:0 auto;display:grid}.additional-material-back{color:#ffffffeb;cursor:pointer;height:38px;font-family:var(--f-display-nav);letter-spacing:.08em;text-transform:uppercase;transition:transform .18s var(--easing), box-shadow .18s var(--easing), background .18s var(--easing);background:#ffffff14;border:1px solid #ffffff2e;border-radius:14px;align-items:center;gap:8px;padding:0 12px;font-size:.72rem;font-weight:800;display:inline-flex}.additional-material-back:hover{background:#ffffff1c;transform:translateY(-1px);box-shadow:0 10px 22px #09061466}.additional-material-back:active{transform:translateY(0)}.additional-material-title{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.06em;text-shadow:0 0 22px #8b00ff59,0 2px 10px #000000b3;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:800;line-height:1.1;overflow:hidden}.additional-material-content{padding:var(--tips-topbar-offset) 12px calc(env(safe-area-inset-bottom) + var(--mobile-nav-height) + 24px);width:min(980px,100% - 24px);margin:0 auto}.additional-material-prose{background:linear-gradient(140deg, #ffffff1f, #ffffff08), var(--cat-glass-bg);border:1px solid var(--cat-glass-border);-webkit-backdrop-filter:blur(18px)saturate(1.05);backdrop-filter:blur(18px)saturate(1.05);letter-spacing:.01em;text-wrap:pretty;-webkit-hyphens:auto;hyphens:auto;border-radius:18px;max-width:860px;margin:0 auto;padding:clamp(16px,3vw,28px);font-size:clamp(.98rem,1.05vw,1.06rem);line-height:1.7;box-shadow:0 18px 38px #00000073}.additional-material-prose h1,.additional-material-prose h2,.additional-material-prose h3{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.05em;margin:16px 0 10px}.additional-material-prose h1{font-size:1.2rem}.additional-material-prose h2{text-shadow:0 0 18px #8b00ff47,0 2px 10px #000000b3;border-top:1px solid #ffffff1f;margin-top:22px;padding-top:10px;font-size:1.05rem}.additional-material-prose h3{color:#f4efe4fa;text-shadow:0 0 14px #8b00ff38,0 2px 10px #000000b3;margin-top:18px;font-size:.95rem}.additional-material-prose p{color:#f4efe4eb;margin:12px 0}.additional-material-prose p+p{margin-top:14px}.additional-material-prose ul,.additional-material-prose ol{color:#f4efe4eb;margin:14px 0 14px 22px}.additional-material-prose li{margin:8px 0;padding-left:2px}.additional-material-prose a{color:#d1b3fff2;text-underline-offset:3px;text-decoration:underline}.additional-material-prose a:hover{color:#fffffffa;text-shadow:0 0 16px #a855f759}.additional-material-prose code{background:#00000059;border:1px solid #ffffff1f;border-radius:8px;padding:.12em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.additional-material-prose pre{background:#00000061;border:1px solid #ffffff1f;border-radius:12px;padding:12px;overflow:auto}.additional-material-prose blockquote{color:#f4efe4eb;background:#00000038;border-left:3px solid #8b00ff99;border-radius:12px;margin:16px 0;padding:12px 14px}.additional-material-prose hr{background:#ffffff24;border:none;height:1px;margin:18px 0}.additional-material-prose strong{color:#fffffffa;text-shadow:0 0 16px #8b00ff38}@media (width<=768px){.additional-material-topbar-inner{width:100%}.additional-material-prose{max-width:100%;font-size:.98rem}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.additional-material-topbar,.additional-material-prose{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#110e20eb!important;border-color:#ffffff24!important}}html[data-perf=lite] .additional-material-topbar,html[data-perf=lite] .additional-material-prose{-webkit-backdrop-filter:blur(10px)saturate(1.05);backdrop-filter:blur(10px)saturate(1.05);box-shadow:0 12px 26px #0906147a}@media (width<=767px){.cabinet-content-area{padding-top:56px!important}}
