/* Shared presentation layer for the PØLLØ homepage. */
:root { --dark:#080c15; --ink:#f1f5fc; --muted:#a1afc5; --line:#9cb4db26; --surface:#111a2b; --radius:20px; }
html { scroll-padding-top:28px; }
body { background:radial-gradient(ellipse at 95% 15%,#19294440,transparent 35%),#080c15; -webkit-font-smoothing:antialiased; }
button,input,select,textarea { font:inherit; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:2px solid #9affcf; outline-offset:5px; }
.skip-content { position:fixed; z-index:100; top:12px; left:16px; padding:12px 18px; background:#9affcf; color:#08131c; border-radius:8px; transform:translateY(-160%); font-weight:800; }
.skip-content:focus { transform:translateY(0); }
.shell { max-width:1320px; padding-inline:clamp(20px,4vw,48px); }
.nav { padding:13px 18px; border-color:#b7d4ff29; border-radius:18px; background:#080e1bd9; }
.brand { gap:12px; letter-spacing:.16em; }
.nav-links a,.nav-more summary { min-height:40px; font-size:.8rem; }
.hero { min-height:740px; }
.hero::before { background:linear-gradient(90deg,#070c17f5 0%,#070c17c9 43%,#070c1733 80%),linear-gradient(0deg,#080c15,transparent 45%); }
.hero-content { padding-top:160px; padding-bottom:100px; }
.hero h1 { font-size:clamp(4rem,8.4vw,7.3rem); line-height:.94; letter-spacing:-.075em; margin:25px 0; }
.hero h1 span { color:#94edff; text-shadow:0 0 60px #4be4ff22; }
.hero-copy { font-size:clamp(1rem,1.5vw,1.15rem); color:#c4cfe0; line-height:1.8; }
.eyebrow { padding:8px 12px; color:#b8f1d5; font-size:.65rem; letter-spacing:.16em; background:#0c272654; }
.hero-actions { gap:12px; margin-top:32px; }
.button { border-radius:12px; gap:18px; min-height:50px; font-size:.85rem; }
.button-primary { background:#a1edfa; box-shadow:0 8px 28px #60dfff18; }
.button-secondary { color:#d7e3f5; background:#101d2f99; }
.hero-stats { margin-top:38px; border:0; background:transparent; gap:28px; grid-template-columns:repeat(3,auto); overflow:visible; }
.stat { padding:0; background:transparent; border-right:1px solid #b5d4ff25; padding-right:28px; }
.stat:last-child { border:0; padding-right:0; }.stat strong { font-size:1.4rem; font-weight:800; }.stat small { display:block; margin-top:4px; color:#91a4bf; font-size:.68rem; }
main.shell { padding-top:0; padding-bottom:90px; }
.discovery-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:#91b5e229; border:1px solid #91b5e229; border-radius:18px; overflow:hidden; margin:0 0 88px; }
.discovery-nav a { display:flex; align-items:center; gap:13px; min-height:100px; padding:20px; background:#101827; transition:background .2s; }
.discovery-nav a:hover { background:#192940; }
.discovery-symbol { display:grid; place-items:center; flex:0 0 36px; height:36px; border:1px solid #7eceff35; border-radius:10px; color:#8de8ff; font-size:23px; background:#4be4ff07; }
.discovery-nav strong { display:block; font-size:.79rem; font-weight:750; }.discovery-nav small { display:block; font-size:.65rem; color:#8fa5c3; margin-top:7px; line-height:1.4; }.discovery-arrow { margin-left:auto; color:#7191b6; }
.section-heading { gap:32px; margin-bottom:30px; }.section-note { font-size:.86rem; line-height:1.8; }.kicker { font-size:.66rem; letter-spacing:.17em; font-weight:850; margin-bottom:12px; }
h2 { font-size:clamp(1.9rem,3.4vw,2.8rem); line-height:1.15; } h3 { text-wrap:balance; }
.game-card,.news-card,.guide-card,.archive-card,.wallpaper-card,.translation-card,.community-panel,.setup-panel,.now-panel { border-color:#97b2d62b; box-shadow:0 12px 28px #0002; }
.news-card { background:#101827; }.news-card img { height:210px; }.news-card p { line-height:1.75; }
.search-section { padding:30px; border:1px solid var(--line); border-radius:22px; background:#101827; }.search-section .section-heading { margin-bottom:22px; }.search-form { background:#080f1d; border-color:#8fa6c52b; }.search-form input,.search-form select { background:#111c2d; }
.central-preview { padding:34px; background:radial-gradient(ellipse at 95% 0%,#5271ad35,transparent 60%),#111d30; border-color:#9fbfe53b; }
.ebooks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.ebooks > .section-heading { grid-column:1/-1; margin-bottom:6px; }
.ebooks .ebook-shelf { display:flex; flex-direction:column; min-width:0; padding:20px 20px 0; gap:0; background:linear-gradient(150deg,#172237,#0e1523); border:1px solid #a1b8da2e; box-shadow:0 20px 40px #0003; }
.ebooks .ebook-shelf + .ebook-shelf { margin-top:0; }
.ebooks .ebook-cover { width:100%; height:auto; min-height:0; max-height:none; aspect-ratio:2/3; object-fit:contain; background:#070a12; border-radius:7px 13px 13px 7px; box-shadow:7px 12px 24px #0008,-2px 0 0 #a0bbd333; }
.ebooks .ebook-copy { flex:1; padding:25px 4px 24px; justify-content:flex-start; }
.ebooks .ebook-copy .kicker { font-size:.58rem; line-height:1.7; color:#8ca5c5; }
.ebooks .ebook-copy h3 { font-size:1.4rem; line-height:1.15; margin:0 0 14px; }
.ebooks .ebook-copy > p:not(.kicker) { font-size:.82rem; line-height:1.75; color:#a3b1c7; margin-bottom:22px; }
.ebooks .ebook-actions { margin-top:auto; width:100%; }.ebooks .ebook-buy { width:100%; border:1px solid #8de8ff45; border-radius:10px; color:#a7efff; background:#53ceef0c; font-size:.79rem; min-height:46px; }
.ebooks .ebook-buy:hover { background:#82e5f7; color:#091726; }
footer { border-top:1px solid #8fa6c52b; background:#060a12; padding-bottom:45px; }
@media(max-width:1050px) { .discovery-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }.ebooks { gap:16px; }.ebooks .ebook-shelf { padding:14px 14px 0; }.ebooks .ebook-copy h3 { font-size:1.2rem; }.depth-stage { right:4%; } }
@media(max-width:760px) { .hero { min-height:670px; }.hero-content { padding-top:128px; padding-bottom:65px; }.hero h1 { font-size:clamp(3.8rem,13vw,6rem); }.hero-stats { width:fit-content; gap:18px; }.stat { padding-right:18px; }.discovery-nav { margin-bottom:56px; }.discovery-nav a { min-height:96px; padding:16px 12px; gap:9px; }.discovery-arrow { display:none; }.discovery-symbol { flex-basis:30px; height:30px; font-size:20px; }.discovery-nav strong { font-size:.73rem; }.discovery-nav small { font-size:.6rem; }.ebooks { grid-template-columns:1fr; gap:25px; }.ebooks .ebook-shelf { padding:22px 22px 0; }.ebooks .ebook-cover { max-height:460px; }.ebooks .ebook-copy { padding:26px 0; }.ebooks .ebook-copy h3 { font-size:1.65rem; }.ebooks .ebook-copy > p:not(.kicker) { font-size:.9rem; }.section-heading { gap:20px; }.search-section,.central-preview { padding:22px; }.depth-stage { right:-65px; }.hero-actions .button { font-size:.78rem; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.discovery-nav a { transition:none; } }