:root{
    --primary:#6D5DFB;
    --primary-2:#7668FF;
    --primary-light:#9A90FF;
    --blue:#4F7CFF;
    --cyan:#65C8FF;
    --violet:#9C6CFF;
    --bg:#070B18;
    --bg-2:#0B1020;
    --bg-3:#10162A;
    --surface:#11182C;
    --surface-2:#151D34;
    --surface-hover:#192340;
    --text:#F6F7FF;
    --text-2:#B8C0D8;
    --text-3:#7F8AA8;
    --line:rgba(148,158,215,.14);
    --line-strong:rgba(148,158,215,.24);
    --shadow:0 12px 34px rgba(0,0,0,.22);
    --shadow-hover:0 20px 48px rgba(0,0,0,.32);
    --radius:12px;
    --radius-card:16px;
    --radius-large:24px;
    --radius-pill:999px;
    --wrap:1320px;
    --header-h:72px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-width:320px;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;line-height:1.65;text-rendering:optimizeLegibility}
body.search-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
svg{display:block;max-width:100%}
img{max-width:100%}
main{min-height:70vh}
::selection{background:rgba(118,104,255,.34);color:#fff}
.skip-link{position:fixed;left:16px;top:-60px;z-index:999;background:#fff;color:#111;padding:10px 16px;border-radius:8px;transition:top .2s ease}
.skip-link:focus{top:12px}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}

.site-header{position:sticky;top:0;z-index:80;height:var(--header-h);border-bottom:1px solid var(--line);background:rgba(7,11,24,.76);backdrop-filter:blur(18px);transition:background .24s ease,box-shadow .24s ease}
.site-header.scrolled{background:rgba(7,11,24,.94);box-shadow:0 12px 32px rgba(0,0,0,.22)}
.header-inner{position:relative;width:min(calc(100% - 40px),var(--wrap));height:100%;margin:0 auto;display:flex;align-items:center;gap:24px}
.brand-lockup{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.02em;white-space:nowrap}
.brand-mark{width:36px;height:36px;fill:rgba(109,93,251,.1);stroke:#a59bff;stroke-width:2;filter:drop-shadow(0 8px 18px rgba(109,93,251,.16))}
.desktop-nav{display:flex;align-items:center;gap:4px;min-width:0;flex:1}
.desktop-nav a{padding:9px 10px;border-radius:10px;color:var(--text-2);font-size:14px;transition:background .22s ease,color .22s ease}
.desktop-nav a:hover,.desktop-nav a.active{background:rgba(118,104,255,.1);color:#fff}
.desktop-nav a.active{box-shadow:inset 0 0 0 1px rgba(154,144,255,.12)}
.header-actions{display:flex;align-items:center;gap:7px;margin-left:auto}
.header-link{padding:8px 10px;color:var(--text-2);font-size:13px;border-radius:9px}
.header-link:hover{background:var(--surface);color:#fff}
.icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:11px;background:rgba(17,24,44,.72);display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.icon-button:hover{transform:translateY(-1px);border-color:var(--line-strong);background:var(--surface-hover)}
.icon-button .icon{width:19px;height:19px}
.mobile-menu-button{display:none}
.mobile-menu{display:none}
.service-menu{position:absolute;right:0;top:calc(100% + 12px);width:380px;padding:12px;border:1px solid var(--line-strong);border-radius:18px;background:rgba(11,16,32,.98);box-shadow:var(--shadow-hover);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.22s ease}
.service-menu.is-open{opacity:1;visibility:visible;transform:none}
.service-menu a{display:grid;gap:2px;padding:11px 12px;border-radius:12px}
.service-menu a:hover{background:var(--surface)}
.service-menu strong{font-size:14px}
.service-menu span{font-size:12px;color:var(--text-3)}

.search-modal{position:fixed;inset:0;z-index:120;display:none;align-items:flex-start;justify-content:center;padding:11vh 20px 30px;background:rgba(2,5,13,.78);backdrop-filter:blur(12px)}
.search-modal.is-open{display:flex}
.search-modal[hidden]{display:none !important}
.search-dialog{width:min(760px,100%);padding:26px;border:1px solid var(--line-strong);border-radius:24px;background:linear-gradient(145deg,rgba(17,24,44,.98),rgba(9,13,28,.98));box-shadow:0 28px 80px rgba(0,0,0,.42)}
.search-dialog-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}
.search-dialog h2{margin:3px 0 0;font-size:clamp(22px,4vw,30px)}
.search-form label{display:block;margin-bottom:8px;color:var(--text-2);font-size:13px}
.search-input-wrap{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border:1px solid var(--line-strong);border-radius:14px;background:var(--bg-2)}
.search-input-wrap .icon{width:20px;color:var(--text-3)}
.search-input-wrap input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);padding:8px 4px}
.search-input-wrap input::placeholder{color:#65708e}
.search-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.search-suggestions a{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--text-2);font-size:13px}
.search-suggestions a:hover{border-color:var(--line-strong);color:#fff}

.home-hero,.page-hero,.theater-hero,.app-hero,.pc-hero,.detail-hero{width:min(calc(100% - 40px),var(--wrap));margin:0 auto}
.home-hero{min-height:660px;padding:92px 0 72px;display:grid;grid-template-columns:55% 45%;align-items:center;gap:26px;position:relative}
.home-hero:before{content:"";position:absolute;inset:-72px -20vw 0;z-index:-2;background:radial-gradient(circle at 20% 20%,rgba(101,92,255,.28),transparent 38%),radial-gradient(circle at 80% 35%,rgba(83,139,255,.18),transparent 36%),linear-gradient(135deg,#070B18,#10152C 55%,#171238);mask-image:linear-gradient(#000 78%,transparent)}
.home-hero:after{content:"";position:absolute;left:18%;right:18%;bottom:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(141,132,255,.32),transparent)}
.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:7px;color:#a89fff;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.eyebrow:before,.section-kicker:before{content:"";width:18px;height:1px;background:linear-gradient(90deg,var(--blue),var(--violet))}
.hero-copy h1,.page-hero h1,.theater-hero h1,.app-hero h1,.pc-hero h1,.detail-hero h1{margin:12px 0 18px;line-height:1.12;letter-spacing:-.035em}
.hero-copy h1{max-width:790px;font-size:clamp(40px,5.6vw,72px)}
.hero-copy>p,.page-hero-copy>p,.theater-copy>p,.app-hero-copy>p,.pc-copy>p,.detail-lead{max-width:720px;margin:0;color:var(--text-2);font-size:clamp(16px,2vw,19px)}
.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px}
.button{min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:750;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}
.button:hover{transform:translateY(-2px)}
.primary-button{background:linear-gradient(135deg,#5267FF 0%,#7657FF 48%,#A267FF 100%);color:#fff;box-shadow:0 12px 28px rgba(83,92,255,.24)}
.primary-button:hover{box-shadow:0 16px 34px rgba(83,92,255,.32)}
.ghost-button{border-color:var(--line-strong);background:rgba(17,24,44,.65);color:#fff}
.ghost-button:hover{background:var(--surface-hover)}
.text-button{padding-inline:6px;background:transparent;color:#aca5ff}
.hero-facts{display:flex;gap:8px;flex-wrap:wrap;margin-top:34px}
.hero-facts span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--text-3);font-size:12px}
.hero-visual{display:flex;justify-content:flex-end}
.hero-screen{width:min(100%,600px);filter:drop-shadow(0 30px 60px rgba(0,0,0,.3))}
.hero-frame{fill:rgba(14,20,42,.78);stroke:rgba(151,144,255,.28);stroke-width:2}
.hero-beam{fill:rgba(83,124,255,.08)}
.hero-disc{fill:rgba(7,11,24,.5);stroke:#8276ff;stroke-width:2}
.hero-play{fill:#fff;opacity:.92}
.hero-lines,.hero-orbit{fill:none;stroke:rgba(217,221,255,.36);stroke-width:3;stroke-linecap:round}

.content-section{width:min(calc(100% - 40px),var(--wrap));margin:0 auto;padding:62px 0}
.compact-section{padding-top:24px}
.surface-section{position:relative}
.surface-section:before{content:"";position:absolute;inset:18px -28px;z-index:-1;border:1px solid rgba(148,158,215,.08);border-radius:28px;background:linear-gradient(135deg,rgba(17,24,44,.62),rgba(12,16,34,.48))}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.section-heading h2{margin:5px 0 0;font-size:clamp(26px,3.4vw,38px);line-height:1.18;letter-spacing:-.025em}
.section-heading p{max-width:760px;margin:8px 0 0;color:var(--text-2)}
.text-link{display:inline-flex;align-items:center;gap:7px;color:#a9a1ff;font-weight:700;white-space:nowrap}
.text-link:hover{color:#fff}

.category-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.category-chip{display:flex;align-items:center;gap:12px;min-height:80px;padding:15px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(17,24,44,.84),rgba(12,17,34,.76));transition:.22s ease}
.category-chip:hover{transform:translateY(-2px);border-color:var(--line-strong);background:var(--surface-hover)}
.category-chip .icon{width:28px;color:#9186ff}
.category-chip span{display:grid}
.category-chip strong{font-size:14px}
.category-chip small{color:var(--text-3);font-size:11px}

.poster-grid{display:grid;gap:16px}
.poster-grid.six-col{grid-template-columns:repeat(6,1fr)}
.poster-grid.four-col{grid-template-columns:repeat(4,1fr)}
.poster-card{min-width:0;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;background:linear-gradient(165deg,rgba(17,24,44,.94),rgba(11,16,32,.94));box-shadow:0 8px 22px rgba(0,0,0,.14);transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease}
.poster-card:hover{transform:translateY(-5px);border-color:rgba(151,144,255,.3);box-shadow:var(--shadow-hover)}
.poster-link{display:block;position:relative}
.quality-badge{position:absolute;left:10px;bottom:10px;padding:4px 7px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:rgba(5,8,17,.74);backdrop-filter:blur(8px);font-size:10px;font-weight:800}
.poster-body{padding:13px}
.poster-title-row{display:flex;align-items:flex-start;gap:8px}
.poster-title-row h3{min-width:0;flex:1;margin:0;font-size:15px;line-height:1.35}
.poster-title-row h3 a:hover{color:#b7b0ff}
.favorite-button{border:0;background:transparent;cursor:pointer;color:var(--text-3);padding:2px;display:inline-grid;place-items:center}
.favorite-button .icon{width:18px;height:18px}
.favorite-button.is-favorite,.favorite-button[aria-pressed="true"]{color:#9e94ff}
.text-favorite{display:inline-flex;color:#fff;background:linear-gradient(135deg,#5267FF,#7657FF);padding:10px 16px}
.text-favorite .icon{width:18px}
.meta-line{display:flex;gap:7px;flex-wrap:wrap;margin:7px 0 0;color:var(--text-3);font-size:11px}
.meta-line span+span:before{content:"·";margin-right:7px;color:#56607c}
.status-line{margin:5px 0 0;color:#b7b0ff;font-size:11px;font-weight:700}
.mini-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}
.mini-tags span{padding:3px 6px;border-radius:6px;background:rgba(118,104,255,.08);color:var(--text-3);font-size:10px}

.visual-placeholder{position:relative;overflow:hidden;background:linear-gradient(145deg,#121a36,#17133b);isolation:isolate}
.visual-placeholder:before{content:"";position:absolute;width:68%;aspect-ratio:1;border-radius:50%;left:-20%;top:-22%;background:radial-gradient(circle,rgba(103,130,255,.3),transparent 67%);filter:blur(2px);z-index:-1}
.visual-placeholder:after{content:"";position:absolute;width:62%;aspect-ratio:1;border-radius:50%;right:-24%;bottom:-22%;background:radial-gradient(circle,rgba(159,98,255,.22),transparent 67%);z-index:-1}
.poster-placeholder{aspect-ratio:2/3;width:100%}
.poster-placeholder svg,.landscape-placeholder svg{width:100%;height:100%}
.visual-lines>*:not(text){fill:none;stroke:rgba(226,229,255,.58);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.visual-title{fill:rgba(246,247,255,.78);font-size:15px;font-weight:800;letter-spacing:.08em}
.poster-style-a{background:linear-gradient(155deg,#0a1432,#16204d 48%,#2b1753)}
.poster-style-b{background:linear-gradient(210deg,#101532,#282057 50%,#111c43)}
.poster-style-c{background:radial-gradient(circle at 70% 20%,rgba(101,200,255,.17),transparent 28%),linear-gradient(140deg,#09142b,#21184b)}
.poster-style-d{background:linear-gradient(165deg,#13102e,#182755 48%,#281449)}
.poster-style-e{background:radial-gradient(circle at 30% 30%,rgba(156,108,255,.19),transparent 30%),linear-gradient(130deg,#0b1228,#16213f)}
.poster-style-f{background:linear-gradient(205deg,#071126,#20184c 54%,#102348)}
.theme-anime{filter:saturate(1.12)}
.theme-variety{background-image:radial-gradient(circle at 50% 10%,rgba(101,200,255,.17),transparent 24%),linear-gradient(155deg,#111431,#25184d)}
.theme-blu-ray{background-image:radial-gradient(circle at 70% 22%,rgba(70,159,255,.2),transparent 30%),linear-gradient(155deg,#040b19,#111b3a 58%,#21123d)}
.landscape-placeholder{aspect-ratio:16/8.4;border-radius:14px}
.landscape-placeholder .frame{fill:rgba(5,9,20,.28);stroke:rgba(194,199,255,.28);stroke-width:2}
.landscape-placeholder .beam{fill:rgba(79,124,255,.09)}
.landscape-placeholder .icon{color:#dcd9ff}
.landscape-placeholder svg g svg{overflow:visible;color:#dcd9ff}
.landscape-style-a{background:linear-gradient(140deg,#0a1631,#1c1b49,#231442)}
.landscape-style-b{background:linear-gradient(200deg,#0b122a,#142957 48%,#251747)}
.landscape-style-c{background:radial-gradient(circle at 74% 28%,rgba(101,200,255,.15),transparent 26%),linear-gradient(145deg,#081125,#251849)}
.landscape-style-d{background:radial-gradient(circle at 25% 20%,rgba(156,108,255,.2),transparent 28%),linear-gradient(160deg,#0a1127,#17224a)}

.landscape-grid,.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.landscape-card{display:grid;grid-template-columns:minmax(220px,44%) 1fr;gap:20px;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(14,20,38,.72);transition:.24s ease}
.landscape-card:hover{border-color:var(--line-strong);transform:translateY(-3px)}
.landscape-card h3{margin:5px 0 7px;font-size:20px}
.landscape-card p{margin:0;color:var(--text-2);font-size:13px}
.landscape-card .meta-line{margin-top:12px;color:var(--text-3)}
.feature-grid .landscape-card{grid-template-columns:1fr}

.cinema-section{position:relative}
.cinema-section:before{content:"";position:absolute;inset:8px -8vw;z-index:-2;background:radial-gradient(circle at 22% 18%,rgba(64,126,255,.14),transparent 26%),radial-gradient(circle at 78% 44%,rgba(131,79,255,.1),transparent 32%),linear-gradient(135deg,rgba(3,8,18,.2),rgba(8,14,31,.9),rgba(21,12,42,.64));border-block:1px solid rgba(95,126,255,.08)}
.editorial-grid,.info-grid,.discussion-grid,.topic-grid,.pc-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.editorial-card,.info-card,.discussion-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,rgba(17,24,44,.9),rgba(11,16,32,.78))}
.editorial-card h3,.info-card h2,.discussion-card h2{margin:8px 0;font-size:20px;line-height:1.3}
.editorial-card p,.info-card p,.discussion-card p{margin:0;color:var(--text-2);font-size:14px}
.editorial-number,.info-index{font-size:12px;font-weight:900;color:#7770db}
.editorial-links{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}
.editorial-links a{padding:5px 8px;border-radius:8px;background:rgba(118,104,255,.08);color:#b9b2ff;font-size:11px}
.topic-grid{grid-template-columns:repeat(3,1fr)}
.topic-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:rgba(14,20,38,.72)}
.topic-card .landscape-placeholder{border-radius:0}
.topic-body{padding:18px}
.topic-body h3{margin:6px 0 8px;font-size:19px;line-height:1.35}
.topic-body p{margin:0 0 12px;color:var(--text-2);font-size:13px}

.split-section{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.ranking-list{display:grid;gap:8px}
.ranking-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(13,19,37,.76)}
.ranking-row:hover{border-color:var(--line-strong);background:var(--surface)}
.rank-number{font-size:18px;font-weight:900;color:#65708e}
.top-rank .rank-number{color:#a69cff}
.ranking-row strong{display:block;font-size:14px}
.ranking-row small{display:block;margin-top:2px;color:var(--text-3);font-size:11px}
.ranking-row em{font-style:normal;color:#746ce2}
.full-ranking{gap:10px}
.full-ranking .ranking-row{grid-template-columns:56px 76px minmax(0,1fr) 130px;padding:12px}
.ranking-mini-visual{width:66px}
.ranking-mini-visual .poster-placeholder{border-radius:9px}
.ranking-copy h2{margin:2px 0 3px;font-size:18px}
.ranking-copy p{margin:0;color:var(--text-2);font-size:12px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.ranking-trend{text-align:right}
.ranking-trend strong,.ranking-trend span{display:block}
.ranking-trend strong{font-size:12px}
.ranking-trend span{color:var(--text-3);font-size:11px}
.tab-bar,.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.tab-button,.filter-button,.filter-link{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(17,24,44,.74);color:var(--text-2);cursor:pointer;font-weight:700;font-size:13px}
.tab-button.active,.filter-button.active,.filter-link.active{border-color:rgba(154,144,255,.4);background:rgba(118,104,255,.14);color:#fff}
.ranking-item.is-hidden,.filterable-card.is-hidden{display:none}
.compact-filters{align-items:center;color:var(--text-3);font-size:12px}
.compact-filters a{color:#aea7ff}

.calendar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.calendar-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(16,23,44,.9),rgba(9,14,29,.9))}
.calendar-card>span{display:inline-flex;margin-bottom:10px;color:#a79eff;font-weight:900}
.calendar-card ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.calendar-card li{padding:9px 0;border-top:1px solid rgba(148,158,215,.08);color:var(--text-2);font-size:12px}

.device-section,.app-preview-section,.cta-section{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.device-copy h2,.app-preview-section h2,.cta-section h2{margin:7px 0 10px;font-size:clamp(28px,4vw,42px);line-height:1.15}
.device-copy p,.app-preview-section p,.cta-section p{color:var(--text-2)}
.browser-mock{overflow:hidden;border:1px solid rgba(148,158,215,.22);border-radius:20px;background:#0b1020;box-shadow:0 28px 60px rgba(0,0,0,.32)}
.browser-bar{height:38px;padding:0 12px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);background:#11172a}
.browser-bar i{width:7px;height:7px;border-radius:50%;background:#4d5874}
.browser-bar span{margin-left:8px;min-width:0;flex:1;padding:4px 9px;border-radius:6px;background:#0b1020;color:#68738f;font-size:9px}
.browser-stage{display:grid;grid-template-columns:1fr 110px;gap:10px;padding:12px}
.browser-player{position:relative;aspect-ratio:16/9;border-radius:12px;background:radial-gradient(circle at 60% 35%,rgba(109,93,251,.2),transparent 28%),linear-gradient(140deg,#0d1937,#241747);display:grid;place-items:center}
.browser-play{width:48px;color:#d7d4ff;opacity:.85}
.browser-progress{position:absolute;left:12px;right:12px;bottom:12px;height:4px;border-radius:4px;background:rgba(255,255,255,.16)}
.browser-progress span{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5267FF,#A267FF)}
.browser-side{display:grid;gap:8px}
.browser-side b{border-radius:8px;background:linear-gradient(145deg,#162046,#21143e)}
.large-browser .browser-mock{max-width:980px;margin:0 auto}
.mini-device-row{display:flex;align-items:flex-end;justify-content:center;gap:12px;min-height:350px}
.device-mock{width:150px;padding:8px;border:1px solid rgba(170,164,255,.28);border-radius:28px;background:linear-gradient(160deg,#181c35,#090d1c);box-shadow:0 24px 48px rgba(0,0,0,.26);transform:rotate(-2deg)}
.device-mock:nth-child(2n){transform:translateY(18px) rotate(2deg)}
.device-screen{min-height:286px;padding:16px 10px;border-radius:22px;background:radial-gradient(circle at 70% 15%,rgba(110,98,255,.22),transparent 28%),linear-gradient(160deg,#0c1530,#19143b);overflow:hidden}
.device-speaker{width:38px;height:4px;margin:3px auto 7px;border-radius:4px;background:#38415c}
.device-topline{width:46%;height:6px;border-radius:6px;background:rgba(255,255,255,.18)}
.device-hero{height:90px;margin:15px 0 12px;border-radius:13px;background:linear-gradient(135deg,rgba(82,103,255,.22),rgba(162,103,255,.18));display:grid;place-items:center}
.device-icon{width:34px;color:#d7d3ff}
.device-row{display:grid;grid-template-columns:2fr 1fr;gap:6px}.device-row span{height:6px;border-radius:6px;background:rgba(255,255,255,.14)}
.device-cards{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}.device-cards i{height:44px;border-radius:8px;background:linear-gradient(145deg,#202a50,#221642)}
.device-screen strong{font-size:10px;color:#b9b4ff}
.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.device-feature{min-width:0;display:grid;grid-template-columns:150px 1fr;align-items:center;gap:18px;padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(13,19,37,.72)}
.device-feature h2{margin:3px 0 7px;font-size:19px}.device-feature p{margin:0;color:var(--text-2);font-size:13px}

.faq-list{display:grid;gap:10px}
.faq-item{border:1px solid var(--line);border-radius:15px;background:rgba(13,19,37,.74);overflow:hidden}
.faq-item h3{margin:0}
.faq-toggle{width:100%;padding:17px 18px;border:0;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;cursor:pointer;font-weight:760}
.faq-plus{font-size:22px;color:#8e85ef;transition:transform .2s ease}
.faq-toggle[aria-expanded="true"] .faq-plus{transform:rotate(45deg)}
.faq-panel{padding:0 18px 17px}
.faq-panel p{margin:0;color:var(--text-2)}
.js-ready .faq-panel[hidden]{display:none}

.page-hero,.theater-hero,.app-hero,.pc-hero{padding:76px 0 54px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:42px}
.page-hero-copy h1,.theater-copy h1,.app-hero-copy h1,.pc-copy h1{font-size:clamp(38px,5vw,58px)}
.page-hero-visual .landscape-placeholder,.theater-visual .landscape-placeholder{box-shadow:0 28px 60px rgba(0,0,0,.26)}
.info-grid{grid-template-columns:repeat(3,1fr)}
.category-info-grid{grid-template-columns:repeat(4,1fr)}
.prose-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.prose-grid article{padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(13,19,37,.66)}
.prose-grid h2{margin:0 0 8px;font-size:22px}.prose-grid p{margin:0;color:var(--text-2)}

.theater-hero{position:relative}
.theater-hero:before{content:"";position:absolute;inset:10px -10vw -10px;z-index:-1;background:radial-gradient(circle at 78% 24%,rgba(51,139,255,.18),transparent 28%),radial-gradient(circle at 28% 65%,rgba(139,79,255,.13),transparent 30%),linear-gradient(135deg,#040914,#091329 55%,#160f2e);border-block:1px solid rgba(75,111,210,.08)}
.app-hero-devices{display:flex;justify-content:center;gap:14px;align-items:center;min-height:380px}
.app-hero-devices .device-mock{width:190px}.app-hero-devices .device-screen{min-height:350px}
.pc-hero{grid-template-columns:.9fr 1.1fr}
.pc-feature-grid{grid-template-columns:repeat(3,1fr)}

.detail-hero{padding:46px 0 42px}
.breadcrumb{display:flex;gap:8px;flex-wrap:wrap;color:var(--text-3);font-size:12px;margin-bottom:24px}.breadcrumb a:hover{color:#fff}
.detail-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px;align-items:start}
.detail-poster .poster-placeholder{border-radius:22px;border:1px solid var(--line-strong);box-shadow:var(--shadow-hover)}
.detail-copy h1{font-size:clamp(40px,5vw,64px)}
.detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}
.detail-meta div{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(17,24,44,.6)}
.detail-meta dt{color:var(--text-3);font-size:10px}.detail-meta dd{margin:2px 0 0;font-weight:800;font-size:13px}
.role-line{margin:16px 0;color:var(--text-2);font-size:13px}
.player-mock{max-width:1080px;margin:0 auto;border:1px solid var(--line-strong);border-radius:20px;overflow:hidden;background:#050916;box-shadow:var(--shadow-hover)}
.player-art{position:relative}.player-art .landscape-placeholder{border-radius:0;aspect-ratio:16/9}
.player-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(5,9,22,.66);display:grid;place-items:center;color:#fff;cursor:pointer}.player-center .icon{width:32px}
.player-controls{display:grid;grid-template-columns:40px 1fr auto auto auto;align-items:center;gap:10px;padding:9px 12px;background:#090e1d}.player-controls button{border:0;background:transparent;color:var(--text-2);cursor:pointer}.player-controls .icon{width:18px}.player-track{height:4px;border-radius:4px;background:#29304a}.player-track span{display:block;width:37%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5267FF,#A267FF)}.player-controls span{font-size:10px;color:var(--text-3)}

.not-found{width:min(calc(100% - 40px),860px);margin:0 auto;padding:120px 0;text-align:center}.not-found h1{font-size:clamp(42px,7vw,72px);margin:8px 0}.not-found p{color:var(--text-2)}.not-found .hero-actions{justify-content:center}
.empty-state{padding:44px;border:1px dashed var(--line-strong);border-radius:20px;text-align:center;background:rgba(17,24,44,.48)}.empty-state h2{margin:0 0 7px}.empty-state p{color:var(--text-2)}.empty-state .hero-actions{justify-content:center}
.filterable-card{min-width:0}
.support-links-section{padding-top:20px}
.service-link-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.service-link-list a{display:grid;gap:3px;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(17,24,44,.68)}
.service-link-list a:hover{border-color:var(--line-strong);background:var(--surface-hover)}
.service-link-list strong{font-size:14px}.service-link-list span{color:var(--text-3);font-size:12px}
.cta-section{margin-top:24px;margin-bottom:30px;padding:32px;border:1px solid rgba(144,135,255,.2);border-radius:24px;background:radial-gradient(circle at 86% 30%,rgba(118,104,255,.17),transparent 28%),linear-gradient(135deg,rgba(15,22,44,.96),rgba(26,17,52,.88))}
.cta-section .button{justify-self:end}
.search-results-section{padding-top:32px}

.site-footer{margin-top:64px;border-top:1px solid var(--line);background:linear-gradient(135deg,#070A17,#111630,#17122D)}
.footer-inner{width:min(calc(100% - 40px),var(--wrap));margin:0 auto;padding:54px 0 38px;display:grid;grid-template-columns:1.45fr repeat(5,1fr);gap:26px}
.footer-brand p{max-width:320px;color:var(--text-3);font-size:13px}
.footer-column{display:grid;align-content:start;gap:8px}.footer-column h2{margin:0 0 8px;color:#dcdfff;font-size:13px}.footer-column a{color:var(--text-3);font-size:12px}.footer-column a:hover{color:#fff}
.footer-bottom{width:min(calc(100% - 40px),var(--wrap));margin:0 auto;padding:16px 0 28px;border-top:1px solid rgba(148,158,215,.08);display:flex;justify-content:space-between;gap:20px;color:#65708e;font-size:11px}.footer-bottom p{margin:0}
.mobile-bottom-nav{display:none}
.back-to-top{position:fixed;right:20px;bottom:20px;z-index:60;width:42px;height:42px;border:1px solid var(--line-strong);border-radius:12px;background:rgba(12,17,33,.88);color:#fff;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);cursor:pointer;transition:.2s ease}.back-to-top.visible{opacity:1;visibility:visible;transform:none}
.reveal{opacity:1;transform:none}.js-ready .reveal{opacity:0;transform:translateY(14px);transition:opacity .42s ease,transform .42s ease}.js-ready .reveal.in-view{opacity:1;transform:none}

@media (max-width:1200px){
    .desktop-nav a{padding-inline:7px;font-size:13px}.desktop-only{display:none}.poster-grid.six-col{grid-template-columns:repeat(5,1fr)}.footer-inner{grid-template-columns:1.4fr repeat(3,1fr)}.footer-column:nth-last-child(-n+2){margin-top:18px}.device-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1100px){
    .desktop-nav{gap:0}.desktop-nav a{font-size:12px}.home-hero{grid-template-columns:1.08fr .92fr}.category-strip{grid-template-columns:repeat(3,1fr)}.poster-grid.six-col{grid-template-columns:repeat(4,1fr)}.info-grid,.pc-feature-grid{grid-template-columns:repeat(2,1fr)}.category-info-grid{grid-template-columns:repeat(3,1fr)}.topic-grid,.editorial-grid,.discussion-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
    :root{--header-h:66px}.header-inner{width:min(calc(100% - 28px),var(--wrap))}.desktop-nav{display:none}.mobile-menu-button{display:grid}.mobile-menu{position:absolute;left:14px;right:14px;top:calc(100% + 8px);padding:12px;border:1px solid var(--line-strong);border-radius:16px;background:rgba(8,13,27,.98);box-shadow:var(--shadow-hover);grid-template-columns:repeat(3,1fr);gap:6px}.mobile-menu a{padding:10px;border-radius:10px;color:var(--text-2);font-size:13px}.mobile-menu a.active{background:rgba(118,104,255,.12);color:#fff}.site-header .mobile-menu{display:grid}.js-ready .mobile-menu:not(.is-open){display:none}.home-hero,.page-hero,.theater-hero,.app-hero,.pc-hero{grid-template-columns:1fr;min-height:auto;padding:60px 0 46px}.hero-visual{justify-content:center}.hero-screen{width:min(100%,580px)}.page-hero-visual,.theater-visual,.pc-visual{max-width:680px;width:100%;margin:0 auto}.poster-grid.six-col{grid-template-columns:repeat(4,1fr)}.landscape-card{grid-template-columns:200px 1fr}.calendar-grid{grid-template-columns:repeat(2,1fr)}.device-section,.app-preview-section,.cta-section{grid-template-columns:1fr}.cta-section .button{justify-self:start}.detail-grid{grid-template-columns:230px 1fr}.footer-inner{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1/-1}.app-hero-devices{order:2}
}
@media (max-width:768px){
    .home-hero,.page-hero,.theater-hero,.app-hero,.pc-hero,.detail-hero,.content-section{width:min(calc(100% - 28px),var(--wrap))}.home-hero{padding-top:48px}.hero-copy h1{font-size:clamp(38px,10vw,56px)}.section-heading{align-items:flex-start;flex-direction:column}.poster-grid.six-col{grid-template-columns:repeat(3,1fr)}.poster-grid.four-col{grid-template-columns:repeat(3,1fr)}.category-strip{grid-template-columns:repeat(2,1fr)}.landscape-grid,.feature-grid,.split-section,.prose-grid{grid-template-columns:1fr}.landscape-card{grid-template-columns:220px 1fr}.info-grid,.category-info-grid,.pc-feature-grid{grid-template-columns:repeat(2,1fr)}.topic-grid,.editorial-grid,.discussion-grid{grid-template-columns:1fr 1fr}.full-ranking .ranking-row{grid-template-columns:42px 56px 1fr}.ranking-trend{display:none}.detail-grid{grid-template-columns:1fr}.detail-poster{max-width:280px}.detail-meta{grid-template-columns:repeat(3,1fr)}.device-grid{grid-template-columns:1fr}.device-feature{grid-template-columns:140px 1fr}.footer-inner{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.surface-section:before{inset:12px -6px}.service-link-list{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
    body{padding-bottom:58px}.header-inner{width:calc(100% - 20px);gap:10px}.brand-lockup span{font-size:15px}.brand-mark{width:32px;height:32px}.header-actions{gap:4px}.header-actions .icon-button{width:38px;height:38px}.mobile-menu{grid-template-columns:repeat(2,1fr)}.search-modal{padding:8vh 12px 20px}.search-dialog{padding:18px;border-radius:18px}.search-input-wrap{align-items:stretch;flex-wrap:wrap}.search-input-wrap .icon{margin-top:12px}.search-input-wrap input{width:calc(100% - 34px)}.search-input-wrap .button{width:100%}.home-hero,.page-hero,.theater-hero,.app-hero,.pc-hero,.detail-hero,.content-section{width:calc(100% - 22px)}.home-hero{padding-top:42px}.hero-copy h1,.page-hero-copy h1,.theater-copy h1,.app-hero-copy h1,.pc-copy h1{font-size:clamp(34px,10vw,46px)}.content-section{padding:44px 0}.poster-grid.six-col,.poster-grid.four-col{grid-template-columns:repeat(2,1fr);gap:10px}.poster-body{padding:10px}.poster-title-row h3{font-size:13px}.category-strip{grid-template-columns:1fr 1fr;gap:8px}.category-chip{min-height:70px;padding:11px}.category-chip small{display:none}.landscape-card{grid-template-columns:1fr}.topic-grid,.editorial-grid,.discussion-grid,.info-grid,.category-info-grid,.pc-feature-grid{grid-template-columns:1fr}.calendar-grid{grid-template-columns:1fr 1fr;gap:8px}.calendar-card{padding:13px}.calendar-card li{font-size:11px}.detail-meta{grid-template-columns:repeat(2,1fr)}.detail-poster{max-width:230px}.player-center{width:56px;height:56px}.player-controls{grid-template-columns:34px 1fr auto auto}.player-controls>span{display:none}.device-feature{grid-template-columns:118px 1fr}.device-mock{width:118px}.device-screen{min-height:230px}.app-hero-devices .device-mock{width:148px}.app-hero-devices .device-screen{min-height:280px}.mini-device-row .device-mock:nth-child(3){display:none}.service-link-list{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr;padding-top:42px}.footer-column:nth-last-child(-n+2){margin-top:0}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:70;height:54px;padding:6px 10px calc(6px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-strong);background:rgba(7,11,24,.94);backdrop-filter:blur(16px)}.mobile-bottom-nav a{display:grid;place-items:center;color:var(--text-2);font-size:11px}.back-to-top{bottom:68px;right:12px}.cta-section{padding:22px}.browser-stage{grid-template-columns:1fr}.browser-side{display:none}
}
@media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}.js-ready .reveal{opacity:1;transform:none}
}