/* Menu (SettingUpWindow), Yume Collection (CollectionWindow), Manga (ComicWindow). 720-unit canvas. Prefix sm-. */
.sm-view{--u:calc(100cqw / 720);container-type:inline-size;position:relative;width:min(490px,100%);margin:0 auto;background:#eef2f9;overflow:hidden}.sm-view[hidden]{display:none}
.sm-view{--u:calc(min(490px,100vw) / 720)}
.sm-top{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:calc(14 * var(--u));height:calc(96 * var(--u));background:linear-gradient(#f4f8ff,#dfe9f7)}
.sm-res{display:inline-flex;align-items:center;gap:calc(8 * var(--u));min-width:calc(190 * var(--u));padding:calc(3 * var(--u)) calc(18 * var(--u)) calc(3 * var(--u)) calc(4 * var(--u));border-radius:calc(24 * var(--u));background:#fff;box-shadow:inset 0 0 0 1px #b9c7da;font:800 calc(24 * var(--u)) system-ui;color:#34466a}.sm-res img{width:calc(38 * var(--u));height:calc(38 * var(--u))}
.sm-back{position:absolute;right:calc(14 * var(--u));border:0;background:none;padding:0;width:calc(92 * var(--u));cursor:pointer}.sm-back img{width:100%}
.sm-stage{position:relative;height:calc(1060 * var(--u));overflow:hidden}.sm-stage>*{position:absolute;box-sizing:border-box}
.sm-menu{background:url('/assets/menu/setting_up_bg.png') center 40%/calc(1457 * var(--u)) no-repeat,#c8b58a}
.sm-btn{border:solid transparent;border-width:calc(20 * var(--u)) calc(24 * var(--u));border-image:url('/assets/menu/white_cyan_btn_60_128.png') 30 28 fill stretch;background:none;padding:0;cursor:pointer;overflow:visible}
.sm-btn-icon{position:absolute;top:50%;transform:translateY(-50%);margin-left:calc(-24 * var(--u));object-fit:contain}
.sm-btn-label{position:absolute;left:36%;right:-6%;top:50%;transform:translateY(-50%);text-align:center;font:800 calc(26 * var(--u)) system-ui;color:#4d6184;white-space:nowrap}.sm-btn.big .sm-btn-label{left:44%;font-size:calc(30 * var(--u))}
.sm-lace{display:flex;align-items:center;justify-content:center;gap:calc(14 * var(--u))}.sm-lace img{width:calc(200 * var(--u));height:calc(12 * var(--u))}.sm-lace img:last-child{transform:scaleX(-1)}.sm-lace b{font:800 calc(26 * var(--u)) system-ui;color:#fff;text-shadow:0 1px 3px #0009}
.sm-nav{position:relative!important}
/* Collection */
.sm-coll{background:url('/assets/menu/collection_scene.png') center top/cover no-repeat}.sm-hero,.sm-logo{object-fit:contain;pointer-events:none}
.sm-book{display:flex;pointer-events:none}.sm-book img{width:50%;height:100%}.sm-book img:last-child{transform:none}
.sm-points{display:flex;align-items:center;gap:calc(8 * var(--u));padding:0 calc(16 * var(--u)) 0 calc(4 * var(--u));background:#fff;border-radius:calc(20 * var(--u));box-shadow:inset 0 0 0 1px #c9b98f}.sm-points img{width:calc(44 * var(--u));height:calc(44 * var(--u));margin-top:calc(-6 * var(--u))}.sm-points b{flex:1;text-align:center;font:800 calc(24 * var(--u)) system-ui;color:#e08a2c}
.sm-shop{border:0;background:none;padding:0;cursor:pointer}.sm-shop img{width:100%;height:100%;object-fit:contain}
.sm-node{border:0;padding:0;background:none;cursor:pointer;overflow:hidden}.sm-node-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.sm-node-title{position:absolute;left:calc(14 * var(--u));top:calc(8 * var(--u));font:800 calc(26 * var(--u)) system-ui;color:#2b3f6e;text-shadow:0 0 4px #fff,0 0 4px #fff}
.sm-bar{position:absolute;left:calc(14 * var(--u));bottom:calc(14 * var(--u));width:calc(231 * var(--u));height:calc(15 * var(--u));background:url('/assets/menu/collection_scroller_bar_bg.png') center/100% 100%}.sm-bar i{display:block;height:100%;background:url('/assets/menu/collection_scroller_bar.png') left/auto 100%;border-radius:calc(8 * var(--u))}
.sm-pct{position:absolute;right:calc(14 * var(--u));bottom:calc(8 * var(--u));font:800 calc(20 * var(--u)) system-ui;color:#4b6592}
.sm-list{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;max-height:60vh;overflow:auto}.sm-item{aspect-ratio:1;background:#eef2f8;border-radius:8px;display:grid;place-items:center}.sm-item img{width:90%;height:90%;object-fit:contain}.sm-item.off img{filter:grayscale(1) brightness(.6);opacity:.5}.sm-q{color:#9aa8bd;font-weight:800}
.sm-note{line-height:1.5;color:#4a5b78}
/* Comic */
.sm-comic{background:linear-gradient(#cfe3c3,#eef2f9 34%)}
.sm-banner>img:first-child{width:100%;height:100%}.sm-newest{position:absolute;left:36%;top:8%;width:28%;height:78%;border:0;padding:0;background:url('/assets/menu/comic_newest_frame.png') center/100% 100%;cursor:pointer}
.sm-newest .sm-ep-art{position:absolute;inset:12% 12% 30%;width:76%;height:58%;object-fit:contain}.sm-new{position:absolute;left:10%;right:10%;bottom:6%;width:80%}
.sm-eps{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(16 * var(--u));padding:calc(20 * var(--u));background:#f4f2f0;border-radius:calc(10 * var(--u));box-shadow:inset 0 0 0 2px #d9dde6}
.sm-ep{position:relative;border:0;padding:0;background:url('/assets/menu/comic_frame.png') center/100% 100%;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.sm-ep .sm-ep-art{position:absolute;top:8%;left:25%;width:50%;height:60%;object-fit:contain;opacity:.55}.sm-ep b{position:relative;margin-bottom:9%;font:700 calc(28 * var(--u)) system-ui;color:#333}
.sm-pager{display:flex;border-radius:calc(6 * var(--u));overflow:hidden;box-shadow:0 0 0 1px #aeb9c8}.sm-pg{flex:1;border:0;border-right:1px solid #c5ccd8;background:linear-gradient(#fbfcff,#dfe5ee);cursor:pointer;display:grid;place-items:center;font:800 calc(28 * var(--u)) system-ui;color:#34466a;padding:0}
.sm-pg img{height:calc(22 * var(--u))}.sm-pg.edge{background:linear-gradient(#e2e6ec,#b9c0cb)}.sm-pg.num{flex:1.3}.sm-pg.on{background:linear-gradient(#66a6ef,#3a78d6);color:#fff}
.sm-stage{height:calc(1010 * var(--u))}.sm-view[data-screen="menu"] .sm-stage{height:calc(920 * var(--u))}.sm-btn-label{left:44%;font-size:calc(24 * var(--u))}.sm-btn-icon{margin-left:calc(-16 * var(--u))}
.sm-book{background:url('/assets/menu/collection_main_bg2.png') calc(-96 * var(--u)) 0/calc(819 * var(--u)) 100% no-repeat}
.sm-view[data-screen=collection] .sm-stage{height:calc(1000 * var(--u))}
.sm-cover{position:absolute;inset:5% 5% 24%;width:90%;height:71%;object-fit:cover;object-position:top;border-radius:calc(8 * var(--u))}.sm-newest .sm-cover{inset:9% 9% 28%;width:82%;height:63%}
.sm-mtabs{display:flex;border-radius:calc(8 * var(--u));overflow:hidden;box-shadow:0 0 0 1px #aeb9c8;z-index:2}.sm-mtabs button{flex:1;border:0;background:linear-gradient(#fbfcff,#dfe5ee);font:800 calc(24 * var(--u)) system-ui;color:#34466a;cursor:pointer}.sm-mtabs button.on{background:linear-gradient(#66a6ef,#3a78d6);color:#fff}
.sm-reader{position:absolute;inset:0;z-index:50;background:#111d;display:flex;flex-direction:column}
.sm-reader-bar{display:flex;align-items:center;gap:10px;padding:8px 10px;background:linear-gradient(#f4f8ff,#dfe9f7)}.sm-reader-bar b{flex:1;text-align:center;font:800 18px system-ui;color:#34466a}
.sm-rbtn{width:42px;height:36px;border:1px solid #aeb9c8;border-radius:8px;background:#fff;font:800 22px system-ui;color:#34466a;cursor:pointer}.sm-rbtn:disabled{opacity:.35}
.sm-rclose{width:36px;height:36px;border:0;border-radius:50%;background:url('/assets/slots/close_btn_2.png') center/60% no-repeat,#e5ecf6;cursor:pointer}
.sm-reader-page{flex:1;overflow:auto}.sm-reader-page img{display:block;width:100%;height:auto}
.sm-ep .sm-cover{inset:5% 5% 30%;height:65%}
/* Collection Store (CollectionShopWindow). */
.sm-ctabs{display:flex;border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px #aeb9c8;margin-bottom:8px}.sm-ctabs button{flex:1;height:38px;border:0;background:linear-gradient(#fbfcff,#dfe5ee);font:800 15px system-ui;color:#34466a;cursor:pointer}.sm-ctabs button.on{background:linear-gradient(#66a6ef,#3a78d6);color:#fff}
.sm-chead{display:flex;justify-content:space-between;align-items:center;margin:0 2px 8px}.sm-cpts{display:flex;align-items:center;gap:6px;padding:2px 12px 2px 2px;background:#fff;border-radius:16px;box-shadow:inset 0 0 0 1px #c9b98f}.sm-cpts img{width:30px;height:30px}.sm-cpts b{color:#e08a2c}.sm-cweek{font:700 13px system-ui;color:#6a7fa3}
.sm-cshop .gs-win-body{max-height:70vh;overflow:auto}
.sm-cgroup{margin:0 0 10px;padding:8px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px #d6dde8}.sm-cgroup h4{margin:0 0 8px;font:800 14px system-ui;color:#4b6592}.sm-cgroup.lock h4{color:#9aa3b3}.sm-cgroup.lock .sm-citem{filter:grayscale(.8);opacity:.7}
.sm-cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sm-citem{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border-radius:8px;background:#f5f8fd}
.sm-cicon{position:relative;width:64px;height:64px;background:center/100% 100% no-repeat;border-radius:8px}.sm-cicon img{position:absolute;inset:6%;width:88%;height:88%;object-fit:contain}.sm-cicon b{position:absolute;right:4px;bottom:0;font:800 13px system-ui;color:#fff;-webkit-text-stroke:2px #333;paint-order:stroke fill}
.sm-cname{font:600 11px system-ui;color:#4a5b78;text-align:center;line-height:1.15;min-height:26px}
.sm-cbuy{width:100%;height:32px;display:flex;align-items:center;justify-content:center;gap:4px;border:solid transparent;border-width:10px 14px;border-image:url('/assets/menu/blue_btn_65_65.png') 24 fill stretch;background:none;padding:0;box-sizing:border-box;font:800 13px system-ui;color:#fff;-webkit-text-stroke:2px #3f73b8;paint-order:stroke fill;cursor:pointer}.sm-cbuy img{width:18px;height:18px}.sm-cbuy:disabled{filter:grayscale(.9);opacity:.7;cursor:default}
.sm-citem.sold .sm-cicon{opacity:.5}
.sm-ep .sm-cover{inset:4.5% 4.5% 27% 4.5%;width:91%;height:68.5%;border-radius:calc(8 * var(--u)) calc(8 * var(--u)) 0 0;object-fit:cover;object-position:50% 30%}.sm-ep b{margin-bottom:6%;font:600 calc(30 * var(--u)) system-ui;color:#2d2d33}.sm-eps{background:#f3f0ef;box-shadow:inset 0 0 0 calc(2 * var(--u)) #dcd8d6}
/* SettingUpInfoWindow (Help / FAQ) */
.sm-help .gs-win-body{display:flex;flex-direction:column;gap:8px;max-height:70vh}
.sm-htabs{display:grid;grid-template-columns:1fr 1fr;border-radius:8px;overflow:hidden;border:2px solid #6d93d8}
.sm-htab{border:0;padding:6px;background:#fff;color:#4c6aa5;font-weight:bold;cursor:pointer}.sm-htab.on{background:linear-gradient(#7fa6ec,#5a82d2);color:#fff}
.sm-hlist{overflow-y:auto;display:grid;gap:8px;padding:2px}
.sm-hitem{border:2px solid #cfd9ee;border-radius:10px;background:#f8faff;overflow:hidden}
.sm-hhead{width:100%;display:flex;align-items:center;gap:10px;border:0;background:linear-gradient(#fff,#eef3fc);padding:8px 10px;cursor:pointer;color:#3b4b72;font-weight:bold;text-align:left}
.sm-hq{width:22px;height:22px;border-radius:50%;background:#6d93d8;color:#fff;display:grid;place-items:center;font-size:14px}.sm-hhead span{flex:1}
.sm-hchev{font-style:normal;width:22px;height:22px;border-radius:50%;border:2px solid #6d93d8;color:#6d93d8;display:grid;place-items:center}
.sm-hbody{padding:8px 12px 12px;border-top:1px solid #d7e0f2;background:#fff}
.sm-hsub{display:flex;align-items:center;gap:4px;margin:8px 0 2px;color:#3b4b72}.sm-hsub img{width:22px;height:22px}
.sm-htext{margin:2px 0 6px;font-size:13px;line-height:1.4;color:#4b5670}.sm-htext.q{font-weight:bold;color:#3b4b72;margin-top:10px}
.sm-aura{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px dashed #d7e0f2}.sm-aura img{width:44px;height:44px;flex:none}
.sm-aura b{color:#3b4b72}.sm-aura p{margin:2px 0;font-size:13px;color:#4b5670}.sm-aura-st{display:flex;flex-wrap:wrap;gap:4px 12px;color:#d0662c!important;font-weight:bold}
.sm-htabs{flex:none}.sm-hlist{display:flex;flex-direction:column;flex:1;min-height:0}.sm-hitem{flex:none}
/* newest episode: comic_newest_frame at its native 234×218 inside the 742×356 banner; the cover fills the frame's window, NEW below */
.sm-banner .sm-newest{left:34.2%;top:11%;width:31.5%;height:61.2%}
.sm-banner .sm-newest .sm-cover{position:absolute;left:6%;top:6%;width:88%;height:62%;inset:auto;object-fit:cover;object-position:50% 20%;border-radius:calc(6 * var(--u))}
.sm-banner .sm-newest .sm-new{position:absolute;left:12%;bottom:8%;width:76%;height:auto;z-index:1}
/* comic_window.prefab: groupNewest_ (234×218) at (-17, 14.5) from comic_banner_1; texture 226×207 fills it; imgWord_ 163×33 at y -75 */
.sm-banner .sm-newest{left:31.9%;top:15.3%;width:31.5%;height:61.2%}
.sm-banner .sm-newest .sm-cover{inset:auto;left:1.7%;top:2.1%;width:96.6%;height:95%;object-fit:cover;object-position:50% 25%;border-radius:calc(10 * var(--u))}
.sm-banner .sm-newest .sm-new{left:15.2%;top:76.8%;bottom:auto;width:69.7%;height:15.1%;z-index:1}
/* Jukebox */
.sm-juke .gs-win-body{max-height:70vh;overflow-y:auto;display:flex;flex-direction:column;gap:4px}
.sm-juke-h{margin:8px 0 2px;color:#4c6aa5;border-bottom:1px solid #d7e0f2}
.sm-song{flex:none;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;text-align:left;border:2px solid #d5deec;border-radius:10px;background:#fff;padding:6px 10px;cursor:pointer;color:#3b4b72}
.sm-song i{font-style:normal;color:#6d93d8}.sm-song small{color:#8a93b0;font-size:11px}.sm-song.on{border-color:#f0b43c;background:#fff8e2}.sm-song.on i{color:#e08a1a}

/* Replace original English NEW baked into the decorative graphic with a localized text layer. */
.sm-newest span.sm-new{display:flex;align-items:center;justify-content:center;height:16%;width:72%;left:14%;right:14%;bottom:5%;border-radius:8px;background:linear-gradient(180deg,#ffdb83,#d98425);color:#653314;text-shadow:0 1px #ffeab2;font-weight:900;font-size:clamp(12px,2.4cqw,18px);letter-spacing:.14em}