/* YandereYuki • Aincrad Archives — original fan-portal interface */
:root{--night:#090d16;--night2:#111825;--surface:#101621;--surface2:#1a202c;--stroke:rgba(209,222,243,.14);--glass:rgba(12,18,30,.78);--cream:#f9f5ee;--dim:#aeb8c9;--dim2:#8390a6;--cyan:#a4d9e9;--pink:#ef9fac;--sand:#edc69b;--accent:#ffcf9b;--shadow:0 24px 72px rgba(0,0,0,.4)}
html{scroll-behavior:smooth;scroll-padding-top:78px}body{background:var(--night);color:var(--cream);margin:0;font-family:Inter,"Segoe UI",system-ui,Arial,sans-serif;overflow-x:hidden;font-size:15px;line-height:1.6}*{box-sizing:border-box}body::selection{background:#955e76;color:white}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #bdefff;outline-offset:4px}img{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.view[hidden],.system-bar[hidden],.loading-shroud[hidden]{display:none!important}.view{animation:reveal .5s cubic-bezier(.2,.8,.3,1) both;min-height:100svh}.ambient-stars{pointer-events:none;position:fixed;inset:0;z-index:0;background-image:radial-gradient(#ffffff6b .75px,transparent .8px),radial-gradient(#adcaeb55 .7px,transparent 1px);background-size:110px 130px,183px 157px;background-position:10px 18px,60px 70px;opacity:.16}.view,.system-bar{position:relative;z-index:1}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
/* Sticky game-system header */
.system-bar{height:70px;padding:0 clamp(18px,4.5vw,75px);display:flex;justify-content:space-between;align-items:center;gap:20px;background:rgba(8,11,20,.92);border-bottom:1px solid #354052;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);position:sticky;top:0;z-index:50}.system-logo{display:flex;align-items:center;gap:10px;color:#fff;line-height:1;letter-spacing:.14em;font-size:12px;font-weight:800;white-space:nowrap}.system-logo b{font-weight:400;color:#f4bca5}.system-logo small{display:block;margin-top:8px;color:var(--dim2);font-size:8px;letter-spacing:.2em}.logomark{font-size:38px;font-weight:200;color:#dfb18d}.system-nav{display:flex;align-items:center;gap:10px}.nav-back,.audio-toggle,.compact-language{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:38px;border:1px solid #465065;background:#17202ddc;color:#e5eaf0;border-radius:8px;padding:5px 13px;font-size:12px;letter-spacing:.05em;transition:background .2s,border .2s}.nav-back:hover,.audio-toggle:hover,.compact-language:hover{background:#273449;border-color:#8b96ad}.nav-back>span:first-child{font-size:20px}.nav-divider{height:20px;width:1px;background:#4a5163;margin:0 5px}.compact-language select{background:transparent;color:#f3f4fb;border:0;max-width:87px;outline-offset:2px}.compact-language option{background:#0b1019}.compact-language>span:first-of-type{color:#c3dcef;letter-spacing:.04em}
/* Splash */
.welcome{position:relative;display:flex;flex-direction:column;isolation:isolate;background:radial-gradient(ellipse 55% 45% at 60% 47%,#283751 0%,transparent 90%),linear-gradient(130deg,#080c16,#0d1423 52%,#1c2533);min-height:100svh;overflow:hidden}.welcome:before,.welcome:after{content:"";position:absolute;pointer-events:none;z-index:-1}.welcome:before{inset:0;background:linear-gradient(145deg,transparent 44%,rgba(179,204,236,.055) 44.15%,transparent 44.3%),repeating-linear-gradient(90deg,transparent 0 115px,#ffffff05 116px,transparent 117px),repeating-linear-gradient(0deg,transparent 0 115px,#ffffff05 116px,transparent 117px);mask-image:linear-gradient(90deg,transparent,#000)}.welcome:after{width:800px;height:800px;border-radius:50%;right:-290px;top:40px;background:radial-gradient(circle,#a2b6ce14,transparent 62%)}.welcome-top{height:90px;display:flex;align-items:center;gap:12px;padding:0 clamp(18px,5vw,85px);color:#f9e8d6;font-weight:800;letter-spacing:.17em;font-size:13px;z-index:3}.welcome-top em{font-style:normal;color:#f2b6a2;font-weight:400}.welcome-emblem{font-size:28px;color:#d7b99c}.welcome-index{margin-left:auto;color:#94a2b7;font-size:10px;letter-spacing:.18em;font-weight:500}.led{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9ef2db;box-shadow:0 0 9px #9ef2db;margin-left:7px;vertical-align:middle}.welcome-layout{width:100%;max-width:1680px;margin:auto;flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.55fr);padding:clamp(22px,4vw,58px) clamp(20px,8vw,130px) 42px;gap:30px;align-items:center;position:relative;z-index:2}.welcome-copy{max-width:790px}.micro-line,.welcome-eyebrow,.section-eyebrow,.kicker,.destination-overline,.destination-index,.panel-number,.file-heading{letter-spacing:.21em;font-size:11px;font-weight:700}.micro-line{color:#8193ad}.micro-line i{display:inline-block;height:1px;width:24px;background:#91bdd2;vertical-align:middle;margin-right:7px}.welcome-eyebrow{color:#f0c6a3;margin:33px 0 16px}.welcome h1{font-size:clamp(42px,6.8vw,105px);line-height:1.09;letter-spacing:-.065em;margin:0 0 22px;font-weight:650}.welcome h1>span{display:block}.gradient-text{background:linear-gradient(105deg,#fff2e3 12%,#dfc0c7 45%,#adc3dd 90%);background-clip:text;-webkit-background-clip:text;color:transparent}.welcome-description{font-size:clamp(15px,1.45vw,18px);line-height:1.9;max-width:640px;color:#b7c2d0;margin:0 0 41px}.language-choice{max-width:640px}.language-title{display:flex;gap:12px;align-items:center;color:#d8dfec;font-size:11px;font-weight:800;letter-spacing:.2em;margin-bottom:14px}.language-title>span:first-child{color:#f0bf9d;font-size:18px}.language-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.language-card{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 15px;color:#c7d2df;background:#151f31a8;border:1px solid #46536b;border-radius:9px;text-align:left;transition:transform .2s,background .2s,border .2s}.language-card:hover{transform:translateY(-3px);background:#243449;border-color:#c5ceda}.language-card.selected{border-color:#f2c2a7;background:#342a39;box-shadow:inset 0 0 0 1px #f1d4c643,0 0 27px #a1718530;color:white}.language-card .flag{min-width:35px;min-height:35px;display:grid;place-items:center;background:#283348;border:1px solid #506078;color:#dfc9bf;font-size:10px;border-radius:6px;letter-spacing:.02em}.choice-dot{width:10px;height:10px;border:1px solid #6b7287;border-radius:50%;margin-left:auto;flex:none}.language-card.selected .choice-dot{background:#f7c3a8;box-shadow:0 0 0 3px #8d5065;border-color:#f7c3a8}.welcome-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:32px}.primary-button{min-height:62px;position:relative;display:flex;align-items:center;justify-content:center;gap:18px;background:linear-gradient(135deg,#e5b18f,#f4c4a3,#d18ca5);border:1px solid #ffd9b4;color:#2b1e2c;font-weight:850;letter-spacing:.15em;padding:10px 26px;min-width:250px;border-radius:7px;overflow:hidden;box-shadow:0 14px 39px #c487a22a;transition:transform .2s,box-shadow .2s}.primary-button:hover{transform:translateY(-3px);box-shadow:0 19px 49px #dd97af58}.primary-button>span{position:relative;z-index:1}.primary-button .button-arrow{font-size:24px;margin-left:auto}.button-sheen{position:absolute!important;z-index:0!important;width:80px;height:250px;transform:rotate(25deg);background:#ffffff51;top:-90px;left:-115px;transition:left .5s}.primary-button:hover .button-sheen{left:115%}.text-button{min-height:44px;display:inline-flex;align-items:center;gap:10px;border:1px solid transparent;background:none;color:#bacbdb;padding:10px}.text-button:hover{color:#fff;border-color:#ffffff33;background:#ffffff14}.welcome-footnote{color:#7f8a9f;font-size:11px;margin-top:20px}.welcome-visual{pointer-events:none;position:absolute;inset:0;z-index:0;overflow:hidden}.visual-image{position:absolute;right:5%;bottom:-17%;height:112%;width:min(52vw,800px);background:url('hina.webp') center top/contain no-repeat;filter:brightness(.8) saturate(.78) contrast(1.06);opacity:.48;mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 75%,transparent 100%)}.orbital{position:absolute;border:1px solid #d6cde33a;border-radius:50%;width:clamp(400px,60vw,920px);height:clamp(400px,60vw,920px);top:45%;left:72%;transform:translate(-50%,-50%);box-shadow:0 0 0 35px #ffffff05, inset 0 0 100px #8da2dc0f}.orb-two{width:clamp(320px,48vw,720px);height:clamp(320px,48vw,720px);border-style:dashed;opacity:.4;animation:turn 100s linear infinite}.orb-three{width:clamp(480px,69vw,1030px);height:clamp(480px,69vw,1030px);opacity:.35}.visual-sigil{position:absolute;right:15%;top:25%;font-size:240px;color:#cfcee50b}@keyframes turn{to{transform:translate(-50%,-50%) rotate(360deg)}}.welcome-side{justify-self:end;align-self:stretch;display:flex;align-items:flex-end;position:relative;padding-bottom:35px}.vertical-japanese{position:absolute;right:0;top:3%;writing-mode:vertical-rl;color:#ccd6e1a0;letter-spacing:.85em;font-family:serif;font-size:12px}.character-vertical{position:absolute;right:48px;top:6%;writing-mode:vertical-rl;color:#bdc0d044;font-size:11px;letter-spacing:.4em}.welcome-side-card{border-left:2px solid #bfa0aa;padding:10px 15px;background:#080d17a3;backdrop-filter:blur(9px);min-width:220px;color:#b5c1d0}.welcome-side-card span{font-size:10px;letter-spacing:.2em;color:#d6bba2}.welcome-side-card strong{display:block;font:34px Georgia,serif;letter-spacing:.02em;color:#f3e2d8}.welcome-side-card div{font-size:10px;letter-spacing:.15em}.fake-progress{height:2px;background:#627286;margin-top:14px}.fake-progress i{display:block;width:78%;background:#e4c3a4;height:2px}.welcome-bottom{height:55px;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:0 clamp(18px,5vw,85px);position:relative;z-index:2;border-top:1px solid #94a0b01f;color:#8695aa;letter-spacing:.17em;font-size:9px}.welcome-bottom .led{margin:0 8px 1px 0}
/* Main menu */
.menu-view{background:linear-gradient(#0b101b,#10131e);padding-bottom:85px}.menu-hero{height:clamp(360px,46vw,540px);position:relative;overflow:hidden;display:flex;align-items:center}.menu-hero-art{position:absolute;inset:0;background:url('hina.webp') 75% 29%/cover no-repeat;filter:saturate(.75) brightness(.73)}.menu-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#090e19 3%,#0d121def 34%,#11152390 69%,#0e14202f),linear-gradient(0deg,#0b101b,transparent 27%)}.menu-hero-inner{z-index:1;position:relative;width:min(1200px,90%);margin:auto;padding:50px 0}.kicker{color:#f1c0a2}.spark{color:#e6b79c;margin-right:8px;font-size:18px}.menu-hero h1{font-size:clamp(38px,6.5vw,79px);font-weight:650;letter-spacing:-.05em;line-height:1.1;margin:25px 0 15px}.menu-hero p{max-width:610px;color:#c6ced8;font-size:16px;line-height:1.8}.menu-hero-stats{display:flex;gap:24px;flex-wrap:wrap;color:#c5cada;font-size:11px;letter-spacing:.14em;margin-top:32px}.menu-hero-stats b{color:#eacaa7}.menu-watermark{position:absolute;right:0;bottom:-20px;font-weight:900;letter-spacing:-.05em;font-size:clamp(100px,19vw,280px);color:#ffffff06;line-height:1;pointer-events:none}.menu-content{width:min(1250px,92%);margin:30px auto}.section-eyebrow{display:flex;justify-content:space-between;gap:15px;color:#abb3c5;margin:0 0 22px}.section-eyebrow span:last-child{color:#e3b9a3}.destination-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.destination{border:1px solid #495064;border-radius:12px;overflow:hidden;position:relative;min-height:440px;text-align:left;background:#18202f;color:white;padding:0;isolation:isolate;transition:transform .22s,border-color .22s,box-shadow .22s}.destination:hover{transform:translateY(-7px);border-color:#ecb7a1;box-shadow:0 22px 46px #0008,0 0 0 1px #efb4a249}.destination:focus-visible{outline:3px solid #b6e4ff}.destination-image{position:absolute;inset:0;z-index:-2;background:url('hina.webp') 50% 23%/cover no-repeat;filter:brightness(.66) saturate(.7);transition:transform .65s,filter .6s}.destination:hover .destination-image{transform:scale(1.06);filter:brightness(.86) saturate(.94)}.destination-leon-image{background-position:65% 20%;background-size:auto 145%}.destination-yuki-image{background-image:radial-gradient(circle at 55% 37%,#dc9eae80,transparent 21%),radial-gradient(circle at 50% 41%,transparent 0 24%,#daab9740 24.1% 24.5%,transparent 24.7%),radial-gradient(circle at 50% 41%,#442536,#121725 67%);filter:none}.destination-yuki-image:before{content:'Y';font-family:Georgia,serif;font-size:230px;color:#f1c2b895;position:absolute;top:6%;left:50%;transform:translateX(-50%);line-height:1}.destination-archive-image{background-position:40% 79%;filter:brightness(.4) saturate(.45)}.destination-overlay{position:absolute;inset:0;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(0deg,#080c16 0%,#0a1119ed 22%,#11172580 65%,transparent 100%)}.destination-index{position:absolute;left:24px;top:23px;color:#e3d6cc;font-size:10px}.destination-overline{color:#edc4ae;font-size:10px}.destination h2{font-family:Georgia,serif;font-weight:500;font-size:clamp(23px,2.5vw,34px);line-height:1.14;margin:10px 0 12px;color:#fff3ee}.destination h2 span{font:13px system-ui;color:#c0a3a4}.destination p{margin:0 0 23px;font-size:13px;line-height:1.7;color:#c5cbd5;min-height:88px}.destination-action{display:flex;justify-content:space-between;align-items:center;color:#eec4a8;border-top:1px solid #d8c2b14f;padding-top:14px;font-size:12px;letter-spacing:.09em;font-weight:700}.destination-action>span:last-child{font-size:20px}.menu-footer{color:#8994a7;text-align:center;font-size:12px;letter-spacing:.035em;margin-top:32px}
/* Hina wiki navigation replaces former sidebar */
.file-heading{display:flex;align-items:center;justify-content:space-between;background:#1b1320;border-bottom:1px solid #5e3a49;min-height:49px;padding:8px clamp(14px,4vw,55px);color:#e3bbab}.small-return{border:1px solid #795166;border-radius:6px;color:#f5d8d6;background:#452535;padding:5px 13px;font-size:12px}.small-return:hover{background:#754354}.wiki-screen .wiki-main .hero-bg{background:linear-gradient(90deg,rgba(9,8,12,.92) 0%,rgba(9,8,12,.68) 38%,rgba(9,8,12,.08) 90%),url('hina.webp') center 32%/cover no-repeat}
/* Other character/info pages */
.info-view{background:radial-gradient(circle at 80% 0,#25202c,#0e111b 43%,#090c14 100%);padding-bottom:95px}.info-head{height:clamp(340px,45vw,540px);position:relative;display:flex;align-items:center;overflow:hidden;background:#121824}.info-content{width:min(1200px,90%);margin:auto;z-index:2;position:relative}.info-head .kicker{display:block;margin-bottom:18px}.info-head h1{font-family:Georgia,serif;font-size:clamp(60px,10vw,137px);line-height:1;margin:0 0 22px;font-weight:400;color:#fff0e9;letter-spacing:-.06em}.info-head h1 span{font-family:system-ui;font-size:clamp(15px,2vw,23px);color:#ebb4bd;letter-spacing:.03em}.creator-head h1 span{font:inherit;color:#eab4ab}.info-head p{max-width:590px;color:#d4d5df;line-height:1.9;font-size:clamp(15px,1.6vw,18px);margin:0 0 30px}.info-background{position:absolute;inset:0}.owl-crop{background:url('hina.webp') 86% 21%/cover no-repeat;filter:brightness(.6) saturate(.58)}.info-glow{position:absolute;inset:0;background:linear-gradient(90deg,#0a0c15 2%,#10121ee8 36%,#171b259c 72%,#16141c45)}.ghost-button{display:inline-flex;align-items:center;gap:15px;border:1px solid #be9a9e;padding:12px 17px;background:#251c2b;color:#f3d0be;border-radius:7px;font-size:12px;font-weight:650;letter-spacing:.06em;transition:.2s}.ghost-button:hover{background:#6b3c53;color:white;border-color:#f9d8bd}.info-shell{width:min(1170px,92%);margin:30px auto}.detail-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:23px}.detail-strip>div{border:1px solid #434255;background:#191b2a;padding:17px 21px;border-radius:8px;min-width:0}.detail-strip small{display:block;color:#a8aabe;letter-spacing:.13em;font-size:10px;margin-bottom:3px}.detail-strip strong{color:#f3e0d7;font-weight:600;font-size:15px}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.info-panel{background:linear-gradient(135deg,#1b1b29,#131722);border:1px solid #474256;padding:24px;border-radius:10px;min-height:290px}.panel-number{color:#e2a5ad;font-size:10px}.info-panel h2{font:26px/1.25 Georgia,serif;color:#f2e5de;margin:17px 0 15px}.info-panel p{color:#c8c4d0;font-size:14px;line-height:1.9;margin:0}.highlight-panel{background:linear-gradient(145deg,#331c2e,#161320);border-color:#855767}.highlight-panel blockquote{font:italic 17px/1.7 Georgia,serif;color:#f5c7be;border-left:2px solid #eeb7a5;margin:20px 0 0;padding-left:14px}.next-links{display:flex;gap:12px;justify-content:flex-end;margin-top:25px;flex-wrap:wrap}.creator-head{background:radial-gradient(circle at 75% 35%,#613c51,#191726 57%,#0b0f18 90%)}.creator-art{pointer-events:none;position:absolute;right:12%;top:50%;width:min(38vw,460px);aspect-ratio:1;transform:translateY(-50%)}.creator-orbit{position:absolute;inset:3%;border-radius:50%;border:1px solid #eab9a65c;box-shadow:0 0 50px #efb7b01f}.orbit2{inset:19%;border-style:dashed;transform:rotate(25deg)}.creator-letter{position:absolute;inset:0;display:grid;place-items:center;font:clamp(160px,26vw,340px)/1 Georgia,serif;color:#ffe6d671;text-shadow:0 0 65px #e7aa8f44}.creator-cross{position:absolute;right:-2%;top:10%;font-size:70px;color:#efb7a64f}.creator-head .info-content{margin-left:max(5%,calc((100vw - 1200px)/2));}.info-callout{display:flex;gap:20px;border-top:1px solid #5d4554;margin-top:26px;padding:24px;color:#afadb9;font-size:13px}.info-callout>span{font-size:27px;color:#d9ad99}.archive-bg{background:url('hina.webp') center 52%/cover no-repeat;filter:brightness(.32) saturate(.55)}.archive-head:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c0d17 1%,#111423e6 45%,#1114232d)}.archive-head .info-content{z-index:3}.timeline{max-width:920px;margin:25px auto 50px;position:relative}.timeline:before{content:"";position:absolute;top:25px;bottom:55px;left:193px;width:1px;background:linear-gradient(#daa58f,#536b84)}.timeline-entry{display:grid;grid-template-columns:170px 38px minmax(0,1fr);gap:8px;align-items:start;padding:24px 0;position:relative}.timeline-index{font-size:10px;letter-spacing:.15em;color:#dfaaa1;margin-top:10px;font-weight:750}.timeline-dot{width:15px;height:15px;border-radius:50%;background:#eac3a2;border:4px solid #483340;box-shadow:0 0 0 2px #bc818c;margin:11px 0 0 16px}.timeline-entry h2{color:#f4e6db;font:28px Georgia,serif;margin:0 0 11px}.timeline-entry p{color:#c0c5d0;font-size:14px;line-height:1.85;max-width:600px;margin:0 0 9px}.text-link{padding:8px 0;background:none;color:#e8b3a4;border:0;font-size:12px;letter-spacing:.04em}.text-link:hover{text-decoration:underline}.archive-art-panel{max-width:920px;margin:auto;display:flex;align-items:center;gap:28px;border:1px solid #494253;background:#191a27;border-radius:13px;overflow:hidden}.archive-art-panel img{width:200px;height:200px;object-fit:cover;object-position:50% 20%}.archive-art-panel div{display:flex;flex-direction:column;gap:8px}.archive-art-panel div span{font-size:11px;color:#d8baa5;letter-spacing:.08em}.archive-art-panel strong{font:29px Georgia,serif}.archive-art-panel a{color:#a9d0e3;font-size:12px;text-decoration:underline;text-underline-offset:4px}
/* Loading & status */
.loading-shroud{position:fixed;inset:0;background:#080e18f5;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.loading-sigil{font-size:100px;color:#f4c1a6;animation:pulse 1s infinite alternate}.loading-shroud p{font-size:15px;letter-spacing:.4em;color:#eee3dc}.loading-bar{width:min(320px,70vw);height:3px;background:#39415a;border-radius:4px;overflow:hidden}.loading-bar>i{display:block;width:100%;height:100%;transform:translateX(-100%);background:#e9b6a4;animation:load 0.75s linear forwards}@keyframes load{to{transform:translateX(0)}}@keyframes pulse{to{opacity:.45;transform:scale(.93)}}.toast{position:fixed;z-index:102;bottom:24px;left:50%;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#1e283a;border:1px solid #8194ae;border-radius:9px;padding:10px 17px;color:#fff;font-size:13px;transition:.25s;white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%,0)}
/* Responsive laptop/tablet/mobile */
@media(max-width:1120px){.destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.destination{min-height:390px}.destination p{min-height:0}.welcome-layout{grid-template-columns:minmax(0,1fr) 160px;padding-left:5vw;padding-right:5vw}.welcome-side-card{display:none}.visual-image{right:-6%;width:60vw}.welcome-description{max-width:540px}}
@media(max-width:760px){.system-bar{height:62px;padding:0 14px;gap:8px}.system-logo{font-size:10px}.system-logo small{font-size:7px}.logomark{font-size:29px}.nav-divider{display:none}.system-nav{gap:6px}.nav-back,.audio-toggle,.compact-language{padding:5px 9px;min-height:36px}.audio-toggle [data-audio-label]{display:none}.welcome-top{height:72px;padding:0 22px}.welcome-index{display:none}.welcome-layout{display:block;padding:35px 22px 50px}.welcome-copy{max-width:none}.welcome-description{max-width:520px}.welcome-visual .visual-image{right:-45%;width:110%;height:100%;bottom:-10%;opacity:.29;mask-image:linear-gradient(90deg,transparent,#000 50%,#000 92%)}.welcome-side{display:none}.orbital{left:95%;top:38%}.welcome-bottom{height:auto;min-height:55px;padding:12px 22px;flex-wrap:wrap}.welcome-bottom>span:last-child{display:none}.menu-hero{height:390px}.menu-hero-art{background-position:75% 23%}.menu-hero-shade{background:linear-gradient(90deg,#070b13 0%,#121420e8 55%,#12142079)}.menu-hero-inner{width:92%}.menu-hero p{max-width:450px}.menu-content{width:94%}.detail-strip{grid-template-columns:1fr 1fr}.detail-strip>div:last-child{grid-column:1/-1}.info-grid{grid-template-columns:1fr}.info-panel{min-height:0}.info-head{height:410px}.info-shell{width:94%}.creator-art{right:-14%;width:68vw;opacity:.45}.owl-crop{background-position:75% 24%}.timeline:before{left:20px}.timeline-entry{grid-template-columns:40px 1fr;gap:12px}.timeline-index{grid-column:2;order:2;margin:0}.timeline-dot{grid-column:1;grid-row:1 / span 2;margin:11px 0 0 12px}.timeline-entry>div:last-child{grid-column:2;grid-row:3}.timeline-entry{padding:18px 0}.timeline-entry h2{font-size:25px}}
@media(max-width:520px){.welcome h1{font-size:clamp(39px,10.5vw,57px)}.welcome-eyebrow{margin:18px 0 14px}.welcome-description{margin-bottom:29px;line-height:1.72}.micro-line{font-size:9px}.language-cards{gap:7px}.language-card{flex-direction:column;align-items:center;text-align:center;gap:4px;padding:9px 4px;min-height:75px;font-size:12px}.language-card .flag{min-height:26px;min-width:30px}.choice-dot{position:absolute;margin:0;right:8px;top:8px;width:6px;height:6px}.language-card{position:relative}.welcome-actions{align-items:stretch;gap:11px}.primary-button{width:100%;min-width:0}.text-button{justify-content:center;width:100%}.welcome-top{font-size:11px}.welcome-bottom{font-size:8px;letter-spacing:.06em}.menu-hero{height:400px}.menu-hero h1{font-size:43px}.menu-hero-stats{gap:14px;font-size:9px}.destination-grid{grid-template-columns:1fr;gap:14px}.destination{min-height:320px}.destination-image{background-position:50% 24%;filter:brightness(.52) saturate(.7)}.destination-leon-image{background-size:cover;background-position:75% 23%}.destination-overlay{padding:18px}.destination p{margin-bottom:14px}.info-head{height:400px}.info-head h1{font-size:62px}.info-head p{font-size:14px}.detail-strip{grid-template-columns:1fr}.detail-strip>div:last-child{grid-column:auto}.detail-strip>div{padding:12px 16px}.archive-art-panel{display:block}.archive-art-panel img{width:100%;height:240px}.archive-art-panel div{padding:18px}.info-panel{padding:19px}.info-panel h2{font-size:24px}.file-heading{font-size:9px;letter-spacing:.09em}.system-logo{letter-spacing:.08em}.system-logo small{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Distinct original-art-derived owl crop and original vector art for the archive. */
.destination-leon-image{background-image:url('leon.webp');background-position:center 26%;background-size:cover}
.destination-archive-image{background-image:url('aincrad-art.svg');background-position:center 42%;background-size:cover;filter:brightness(.81) saturate(.89)}
.owl-crop{background-image:url('leon.webp');background-position:80% 35%;background-size:cover}
@media(max-width:520px){.nav-back [data-ui="backMenu"]{display:none}.nav-back{min-width:40px;padding:6px 10px}.destination-leon-image{background-image:url('leon.webp');background-size:cover;background-position:center 20%}.destination-archive-image{background-image:url('aincrad-art.svg');background-size:cover}}
@media(max-width:760px){.welcome .audio-toggle [data-audio-label]{display:inline}}

/* Music-only mode — isolated overlay; underlying Wiki unchanged. */
.focus-launch{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #d7c0b568;border-radius:7px;padding:12px 19px;min-height:54px;background:linear-gradient(125deg,#141d30ce,#5b384a85);color:#f0d7d1;letter-spacing:.06em;font-weight:650;box-shadow:0 10px 35px #0005;transition:transform .2s,border-color .2s}.focus-launch:hover{transform:translateY(-2px);border-color:#f8d3bc}
.focus-overlay[hidden]{display:none!important}.focus-overlay{position:fixed;inset:0;z-index:300;background:#070b15;color:#fff;display:flex;flex-direction:column;isolation:isolate;overflow:auto}.focus-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 67% 54%,#33263b 0%,#101627 50%,#060913 100%)}.focus-hina{position:absolute;inset:0;background:linear-gradient(90deg,#070b15e8 4%,#080b17a6 42%,#080a16b0 100%),url('hina.webp') 75% 27%/cover no-repeat;filter:saturate(.75)}.focus-halo{position:absolute;width:min(80vw,780px);height:min(80vw,780px);border:1px solid #e6c4b331;border-radius:50%;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 60px #ffffff06,0 0 0 120px #ffffff03;animation:focus-pulse 8s ease-in-out infinite}.focus-dust{position:absolute;inset:0;background-image:radial-gradient(#e9d5ef55 1px,transparent 1px);background-size:73px 81px;opacity:.4;mask-image:linear-gradient(90deg,transparent,#000 55%,transparent)}@keyframes focus-pulse{50%{opacity:.45;transform:translate(-50%,-50%) scale(1.045)}}
.focus-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:clamp(18px,3vw,34px) clamp(18px,5vw,85px);font-size:12px;letter-spacing:.17em}.focus-brand{color:#e5c9c3;font-weight:700}.focus-exit{border:1px solid #dec5c265;border-radius:30px;color:#f4d7cb;background:#151d2bbd;padding:11px 17px;cursor:pointer;letter-spacing:.02em}.focus-exit:hover{background:#384255}.focus-player{width:min(90%,560px);margin:auto;align-self:center;display:flex;align-items:center;flex-direction:column;text-align:center;padding:40px 24px;border:1px solid #e9c8cf2d;border-radius:22px;background:linear-gradient(145deg,#161b2cc7,#0b0f1dbd);box-shadow:0 28px 95px #0009;backdrop-filter:blur(22px)}.focus-overline{font-size:10px;color:#efc8b6;letter-spacing:.22em}.focus-symbol{width:90px;height:90px;border:1px solid #efc8b69e;border-radius:50%;display:grid;place-items:center;font-size:40px;color:#fff0d9;margin:35px 0 20px;background:radial-gradient(circle,#70475a80,transparent);box-shadow:0 0 70px #cf7fa844}.focus-player h2{font-size:clamp(25px,4vw,39px);font-family:Georgia,serif;line-height:1.2;margin:0 0 12px;color:#fff4ed}.focus-player p{color:#bdc4d4;line-height:1.7}.focus-track{display:flex;align-items:center;gap:13px;width:100%;font-variant-numeric:tabular-nums;margin:22px 0 18px;font-size:11px;color:#aeb7c5}.focus-track-bar{height:4px;border-radius:8px;background:#6c6b7a80;flex:1;overflow:hidden}.focus-track-bar>div{height:100%;width:0;background:linear-gradient(90deg,#df9bac,#f4dabf);transition:width .2s}.focus-play{min-width:135px;border-radius:50px;background:linear-gradient(130deg,#ecc5af,#d99daf);border:0;color:#201926;font-weight:750;padding:15px 24px;display:flex;justify-content:center;gap:14px;cursor:pointer;box-shadow:0 10px 38px #d98d9d34}.focus-play:hover{filter:brightness(1.08)}.focus-note{font-size:11px;max-width:390px;margin-top:22px}.focus-footer{text-align:center;padding:24px;color:#d5c2c2a8;font-size:11px;letter-spacing:.13em}
@media(max-width:600px){.focus-player{padding:32px 17px;width:92%}.focus-toolbar{font-size:10px}.focus-brand{letter-spacing:.05em}.focus-hina{background-position:70% 20%}.focus-launch{width:100%}.focus-player .focus-symbol{margin:22px 0 15px;width:70px;height:70px;font-size:32px}}
@media(prefers-reduced-motion:reduce){.focus-halo{animation:none}}


/* FINAL 2026: Mobile readability and full-width cards. Leave desktop untouched. */
@media (max-width: 900px) {
 html,body {width:100%;max-width:100%;overflow-x:clip;}
 .view,.wiki-main,.wiki-main .content,.menu-view,.menu-content,.info-view,.info-shell {min-width:0;max-width:100%;}
 .wiki-main .intro-grid,.wiki-main .two-col,.info-grid,.destination-grid {grid-template-columns:minmax(0,1fr)!important;}
 .wiki-main .intro-grid>*,.wiki-main .two-col>*,.info-grid>*,.destination-grid>*,.detail-strip>*,.wiki-main .panel {min-width:0;max-width:100%;}
 .wiki-main .panel p,.wiki-main .panel blockquote,.wiki-main .panel td,.wiki-main .panel th,.info-panel p,.destination p {overflow-wrap:anywhere;word-break:normal;hyphens:auto;}
 .wiki-main table {width:100%;table-layout:fixed;}
 .wiki-main td,.wiki-main th {overflow-wrap:anywhere;word-break:normal;}
 .archive-art-panel,.detail-strip,.wiki-main .gallery,.creator-heading {min-width:0;}
}
@media (max-width: 600px) {
 body {font-size:15px;line-height:1.65;}
 .wiki-main .content {width:100%;padding:12px 14px 30px!important;}
 .wiki-main .intro-grid,.wiki-main .two-col {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;}
 .wiki-main .panel {width:100%;margin:0 0 14px;padding:18px 16px!important;border-radius:12px;}
 .wiki-main .panel h2 {font-size:clamp(21px,6vw,27px);line-height:1.25;overflow-wrap:anywhere;}
 .wiki-main .panel h3 {font-size:19px;line-height:1.35;}
 .wiki-main .panel p {font-size:14px;line-height:1.8;}
 .wiki-main .hero-copy {padding:28px 18px!important;}
 .wiki-main .hero h1 {font-size:clamp(60px,16vw,90px);}
 .wiki-main .hero blockquote {font-size:16px;}
 .wiki-main .gallery {display:flex;flex-direction:column;align-items:stretch;gap:15px;}
 .wiki-main .gallery img {width:100%;height:auto;max-height:360px;object-fit:contain;}
 .file-heading {display:flex;flex-wrap:wrap;gap:10px;padding:12px 14px;font-size:11px;line-height:1.45;}
 .menu-content,.info-shell {width:100%!important;padding-left:15px!important;padding-right:15px!important;}
 .destination-grid,.info-grid {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px;}
 .destination {width:100%;min-width:0;min-height:320px;}
 .destination-overlay {padding:20px;}
 .destination h2,.info-panel h2,.timeline-entry h2 {overflow-wrap:anywhere;line-height:1.2;}
 .info-panel {width:100%;min-width:0;padding:20px 17px;}
 .detail-strip {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0;}
 .detail-strip>div {min-width:0;}
 .archive-art-panel {display:flex;flex-direction:column;}
 .archive-art-panel img {width:100%;height:220px;object-fit:cover;}
 .archive-art-panel div {width:100%;}
 .timeline-entry {grid-template-columns:30px minmax(0,1fr);gap:10px;}
 .timeline-entry>div:last-child {min-width:0;overflow-wrap:anywhere;}
 .welcome-layout {padding:25px 16px 36px!important;}
 .welcome-top {padding:0 16px;}
 .welcome h1 {font-size:clamp(37px,10vw,57px);overflow-wrap:break-word;}
 .welcome-description {max-width:100%;}
 .language-cards {grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
 .language-card {min-width:0;padding:9px 3px;overflow-wrap:anywhere;font-size:11px;}
 .system-bar {padding:0 9px;gap:4px;}
 .system-logo {font-size:9px;letter-spacing:0!important;}
 .system-nav {gap:4px;min-width:0;}
 .compact-language {padding:5px!important;}
 .compact-language select {max-width:64px;}
 .focus-toolbar {gap:10px;padding:14px 12px;flex-wrap:wrap;}
 .focus-player {width:calc(100% - 28px);padding:24px 16px;}
}
@media (max-width: 360px) {
 .wiki-main .panel {padding:14px 12px!important;}
 .system-logo b {display:none;}
 .language-card {font-size:10px;}
 .welcome h1 {font-size:35px;}
}