/* Every visual override is scoped to Classic. Anime keeps its existing styles. */
html[data-mobile][data-layout="classic"] { --m-bg:#071b34;--m-bg2:#082340;--m-card:#0a2949;--m-card2:#103956;--m-line:#166b90;--m-text:#eefbff;--m-sub:#a5c8db;--m-accent:#19b6df;--m-accent2:#54edf5; }
html[data-layout="classic"] body,html[data-layout="classic"] #mRoot[id] { background:#071b34!important;color:#eefbff!important; }
html[data-app-boot][data-layout="classic"]:not([data-splash-mounted])::before { background:#071b34 url('../assets/classic/city-hero-v1.webp?v=webp-opt-1') center/cover no-repeat!important; }
html[data-layout="classic"] #mSplash { background:#071b34!important; }
html[data-layout="classic"] #mRoot[id]::before { background:radial-gradient(ellipse at 80% 0,#10587844,transparent 60%); }
html[data-layout="classic"] #mThemeQuick,html[data-layout="classic"] #themeToggleBtn,html[data-layout="classic"] .m-anime-theme-setting,html[data-layout="classic"] #profileThemeSection { display:none!important; }
html[data-layout="classic"] #mRoot[id] .m-header { background:linear-gradient(180deg,#071b34ed,#071b3400)!important;border:0!important; }
html[data-layout="classic"] #mRoot[id] .m-tabbar { background:linear-gradient(135deg,#0b2b4c,#061a32)!important;border-color:#197395!important;box-shadow:0 0 18px #13b6e719; }
html[data-layout="classic"] #mRoot[id] .m-tab.active { background:linear-gradient(135deg,#125174,#0a2946);color:#e0fbff; }
html[data-layout="classic"] #mRoot[id] .m-lives { background:#0a223ddd!important;border:1px solid #225778!important; }
html[data-layout="classic"] #mRoot[id] .m-back,html[data-layout="classic"] #mRoot[id] .mp-panel,html[data-layout="classic"] #mRoot[id] .ms-row { border-color:#176d94!important; }
html[data-mobile][data-layout="classic"] #mRoot[id][data-mpage="home"] .m-body { grid-template-rows:minmax(0,42fr) minmax(0,12fr) minmax(0,30fr) minmax(0,16fr)!important;padding:0 12px!important;gap:7px!important; }
html[data-mobile][data-layout="classic"] #mRoot[id][data-mpage="home"] .m-header { padding:calc(env(safe-area-inset-top,0px) + 10px) 12px 10px!important; }
html[data-mobile][data-layout="classic"] #mRoot[id][data-mpage="home"] .m-title { font-size:clamp(16px,5.6vw,24px)!important;font-weight:800;color:#eafcff; }
html[data-mobile][data-layout="classic"] #mRoot[id][data-mpage="home"] .m-subtitle { font-size:clamp(7px,2.1vw,10px)!important;color:#55d5ec; }
html[data-mobile][data-layout="classic"] #mRoot[id][data-mpage="home"] .m-hero-full { margin:0 -12px!important; }
html[data-mobile][data-layout="classic"] #mRoot[id][data-mpage="home"] .m-hero-full img { object-position: 50% 43%!important;filter:none!important; }
html[data-mobile][data-layout="classic"] #mRoot[id][data-mpage="home"] .m-hero-full::before { content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#041b3670,transparent 75%);pointer-events:none; }
html[data-mobile][data-layout="classic"] #mRoot[id][data-mpage="home"] .m-hero-full::after { height:24%!important;background:linear-gradient(0deg,#071b34,transparent)!important; }
.m-classic-headline { position:absolute;z-index:2;left:12px;top:clamp(64px,calc(10 * var(--home-unit,7px)),96px);max-width:76%;text-shadow:0 2px 8px #00162ddd; }
.m-classic-headline h1 { margin:0;font-family:Inter,"Microsoft YaHei",sans-serif;font-size:clamp(23px,7.7vw,36px);line-height:1.18;font-weight:800;letter-spacing:.01em;color:#e6fcff; }
.m-classic-headline h1 span { color:#a7f4ff; }
.m-classic-headline p { margin:10px 0 0;font-size:clamp(10px,3.2vw,15px);line-height:1.5;font-weight:600;color:#b7e5f1; }
.m-classic-skills { position:absolute;right:16px;top:clamp(74px,calc(11 * var(--home-unit,7px)),106px);bottom:22%;display:flex;flex-direction:column;justify-content:space-between;z-index:2;color:#8defff;font-size:clamp(19px,6vw,30px);text-shadow:0 0 10px #22dfff; }
html[data-mobile][data-layout="classic"] #mRoot[id][data-mpage="home"] .m-levelcard.free { padding:8px 12px 18px!important;border-radius:18px!important;background:linear-gradient(120deg,#0c385c,#092b4f 65%,#06203c)!important;border-color:#2387b2!important;box-shadow:inset 0 0 16px #0cb6e51c,0 0 12px #09a5d522!important; }
html[data-mobile][data-layout="classic"] #mRoot[id][data-mpage="home"] .m-levelcard b { color:#f1fcff!important; }
html[data-mobile][data-layout="classic"] #mRoot[id][data-mpage="home"] .m-levelcard small { color:#acd2e3!important; }
html[data-mobile][data-layout="classic"] #mRoot[id][data-mpage="home"] .m-level-progress { background:#15486d!important; }
html[data-mobile][data-layout="classic"] #mRoot[id][data-mpage="home"] .m-level-progress i { min-width:0!important;background:linear-gradient(90deg,#19b5dc,#63f4ff)!important; }
html[data-mobile][data-layout="classic"] #mRoot[id][data-mpage="home"] .m-tile { border:1px solid #2385aa!important;border-radius:15px!important;background:linear-gradient(135deg,#103e5d,#082947 65%,#071f3b)!important;color:#effbff!important;box-shadow:inset 0 0 16px #42dfff0b!important; }
html[data-mobile][data-layout="classic"] #mRoot[id][data-mpage="home"] .m-tile .m-tile-icon { background:none!important;display:flex!important;align-items:center;justify-content:center;color:inherit!important;font-size:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;max-height:58%!important; }
html[data-mobile][data-layout="classic"] #mRoot[id][data-mpage="home"] .m-tile-icon::before,html[data-mobile][data-layout="classic"] #mRoot[id][data-mpage="home"] .m-tile-icon::after { display:none!important; }
.classic-icon-line { fill:none;stroke:#c9fbff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round; }
.m-classic-tile svg { width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 6px #26d5ea65); }
html[data-mobile][data-layout="classic"] #mRoot[id][data-mpage="home"] .m-tile b { font-size:clamp(9px,3.2vw,14px)!important;white-space:nowrap!important;line-height:1.2!important; }
html[data-mobile][data-layout="classic"] #mRoot[id][data-mpage="home"] .m-quote-card { padding:0!important;border:1px solid #237799!important;border-radius:15px!important;background:linear-gradient(90deg,#061c37f0,#061c3799),url('../assets/classic/streak-sunset-v1.webp?v=webp-opt-1') right center/cover!important;overflow:hidden!important; }
.m-classic-streak { width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:9px 10px;box-sizing:border-box;position:relative;z-index:1; }
.m-classic-streak h2 { margin:0;color:#effbff;font-size:clamp(12px,3.9vw,19px);line-height:1.1; }
.m-classic-streak p { margin:3px 0 0;color:#aedbeb;font-size:clamp(8px,2.4vw,11px); }
.m-classic-streak-bottom { display:flex;align-items:flex-end;gap:8px;margin-top:5px; }
.m-classic-week { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;flex:1;min-width:0; }
.m-classic-day { display:flex;align-items:center;flex-direction:column;gap:3px;font-size:clamp(7px,2vw,10px);color:#93c6db; }
.m-classic-day i { display:grid;place-items:center;width:clamp(12px,4.2vw,23px);aspect-ratio:1;border-radius:50%;background:#124d6d88;font-style:normal;color:transparent; }
.m-classic-day.done i { background:#b7f9ff;color:#0b5069;box-shadow:0 0 9px #40dbed66; }
.m-classic-continue { flex:0 0 36%;border:1px solid #61e4f4;border-radius:99px;padding:7px 5px;font-size:clamp(8px,2.5vw,12px);font-weight:800;line-height:1.2;color:#06334c;background:linear-gradient(#85f4ff,#29bddd);box-shadow:0 0 12px #20bed42f; }
.m-layout-intro { color:var(--m-sub);font-size:13px;line-height:1.5;margin:0 0 16px; }
.m-layout-options { display:grid;gap:14px; }
.m-layout-choice { width:100%;padding:0;overflow:hidden;border:1px solid var(--m-line);border-radius:18px;background:var(--m-card);text-align:left;color:var(--m-text); }
.m-layout-choice.active { border:2px solid var(--m-accent2); }
.m-layout-choice img { display:block;width:100%;height:145px;object-fit:cover;object-position:center 32%; }
.m-layout-choice div { padding:12px 14px;display:flex;align-items:center;justify-content:space-between; }
.m-layout-choice b { font-size:17px; }.m-layout-choice small { display:block;color:var(--m-sub);font-size:12px;margin-top:4px; }.m-layout-check { font-size:22px;color:var(--m-accent2); }
.app-layout-buttons { display:flex;gap:8px; }.app-layout-buttons button { flex:1; }.app-layout-buttons button.active { border-color:#37d8eb;background:#0c526e;color:white; }
@media (max-height:650px) and (orientation:portrait) { .m-classic-headline { top:55px; }.m-classic-headline p { margin-top:5px; }.m-classic-skills { top:65px; }.m-classic-streak { padding:6px 8px; }.m-classic-continue { padding:5px 3px; } }
@media (min-aspect-ratio:13/10) {
 html[data-mobile][data-layout="classic"] #mRoot[id][data-mpage="home"] .m-body { grid-template-rows:minmax(0,22fr) minmax(0,54fr) minmax(0,24fr)!important;padding-top:56px!important; }
 .m-classic-headline { top:12px; }.m-classic-headline h1 { font-size:24px; }.m-classic-headline p { font-size:11px; }.m-classic-skills { top:20px;font-size:22px; }
 html[data-mobile][data-layout="classic"] #mRoot[id][data-mpage="home"] .m-levelcard.free { padding:4px 10px 12px!important; }
 html[data-mobile][data-layout="classic"] #mRoot[id][data-mpage="home"] .m-levelcard b { font-size:13px!important;line-height:1.1!important; }
 html[data-mobile][data-layout="classic"] #mRoot[id][data-mpage="home"] .m-levelcard small { font-size:7px!important;line-height:1.1!important; }
 html[data-mobile][data-layout="classic"] #mRoot[id][data-mpage="home"] .m-level-avatar { max-height:30px!important;width:30px!important; }
 .m-classic-streak { flex-direction:row;align-items:center;padding:5px 7px;gap:8px; }
 .m-classic-streak>div:first-child { flex:0 0 40%;min-width:0; }
 .m-classic-streak h2 { font-size:12px; }.m-classic-streak p { font-size:8px; }
 .m-classic-streak-bottom { flex:1;align-items:center;margin-top:0;gap:5px; }
 .m-classic-day { font-size:7px;gap:2px; }.m-classic-day i { width:13px; }.m-classic-week { gap:2px; }
 .m-classic-continue { flex-basis:38%;font-size:8px;padding:5px 3px; }
}