/* Refined homepage: shared surfaces, quiet accents and generous typography. */
:root { --dark:#0d1012; --ink:#f2f1ec; --muted:#a6afb1; --surface:#161b1e; --surface-strong:#20272b; --line:#ffffff19; --cyan:#a2d9d2; --mint:#c9e2d6; --violet:#b4bcc9; --radius:12px; }
html { scroll-padding-top:32px; }
body { background:var(--dark); color:var(--ink); }
::selection { background:#a2d9d2; color:#101819; }
.shell { max-width:1400px; padding-inline:clamp(22px,5vw,76px); }
header { padding:24px 0; }
.nav { padding:12px 18px; background:#101619dc; border:1px solid #ffffff24; border-radius:12px; box-shadow:0 12px 40px #0002; }
.brand { font-size:1.05rem; letter-spacing:.18em; }
.brand-mark { width:32px; height:32px; border-color:#ffffff40; box-shadow:none; }
.nav-links { gap:12px; color:#c7cece; }
.nav-links a,.nav-more summary { font-weight:550; }
.nav-more summary { border:1px solid #ffffff24; }
.nav-popover { background:#171e21fa; border-color:var(--line); box-shadow:0 18px 60px #0006; }
.hero { min-height:800px; background:#0d1012; border-bottom:1px solid var(--line); }
.hero-image { opacity:.7; object-position:65% center; filter:saturate(.5); }
.hero::before { background:linear-gradient(90deg,#0d1012fa 0%,#0d1012e6 28%,#0d101265 67%,#0d101226),linear-gradient(0deg,#0d1012,transparent 55%); }
.hero-content { padding-top:175px; padding-bottom:115px; }
.hero .eyebrow { background:transparent; border:0; border-radius:0; padding:0; color:#c0ccc9; font-size:.65rem; letter-spacing:.25em; }
.live-dot { width:5px; height:5px; box-shadow:none; background:#b5d6ca; }
.hero h1 { margin:32px 0 26px; max-width:800px; font-size:clamp(4.5rem,9.2vw,8.2rem); font-weight:650; letter-spacing:-.065em; line-height:.93; }
.hero h1 span { color:#a2d9d2; text-shadow:none; }
.hero-copy { max-width:450px; color:#b9c3c5; font-size:1.08rem; line-height:1.85; }
.hero-actions { margin-top:36px; gap:14px; }
.button { min-height:52px; padding-inline:23px; border-radius:7px; font-size:.82rem; font-weight:650; }
.button-primary { color:#102320; background:#c8e5dd; box-shadow:none; }
.button-primary:hover { background:#def2ec; }
.button-secondary { background:#ffffff05; color:#e1e8e6; border-color:#ffffff35; }
.button-secondary:hover { background:#ffffff0d; border-color:#c8e5dd; }
.hero-stats { margin-top:50px; gap:30px; }
.stat { border-color:#ffffff25; padding-right:30px; }.stat strong { font-size:1.3rem; font-weight:550; }.stat small { color:#a8b7b7; font-size:.69rem; }
.depth-stage { opacity:.4; right:12%; transform:scale(.85); }.depth-face { background:#1c333a66; border-color:#accfcf60; box-shadow:none; color:#d0e6df; text-shadow:none; }.depth-orbit { box-shadow:none; border-color:#b3dcd733; }.depth-stage::after { opacity:.3; }
main.shell { padding-bottom:110px; }
.discovery-nav { margin-bottom:100px; border-radius:0 0 12px 12px; border-top:0; border-color:var(--line); background:var(--line); }
.discovery-nav a { background:#141a1d; min-height:112px; padding:24px 20px; }.discovery-nav a:hover { background:#202a2d; }
.discovery-symbol { border:0; background:transparent; color:#b9d8d0; font-size:27px; }.discovery-nav strong { font-weight:600; font-size:.84rem; }.discovery-nav small { color:#a1afb0; font-size:.69rem; }.discovery-arrow { color:#b3c3c0; }
.section-heading { margin-bottom:34px; }.kicker { color:#afc8c2; letter-spacing:.2em; font-size:.64rem; font-weight:600; }
h2 { font-weight:550; letter-spacing:-.045em; font-size:clamp(2rem,3.5vw,3.15rem); }.section-heading h2 { text-shadow:none; }.section-note { color:var(--muted); }
.game-card,.news-card,.guide-card,.archive-card,.wallpaper-card,.translation-card,.community-panel,.setup-panel,.now-panel,.app-card { border-color:var(--line); border-radius:12px; box-shadow:none; }
.news-card,.community-panel,.guide-card,.archive-card,.translation-card,.setup-panel,.now-panel { background:#161c1f; }
.news-content { padding:26px; }.news-card h3 { font-weight:600; line-height:1.25; }.news-card p { color:#adb9bd; }.news-meta { color:#b0cdc5; font-weight:550; }
.game-card h3 { text-shadow:none; }.card-tag { letter-spacing:.16em; font-weight:600; }.playbox-play,.hexgl-play,.salto-play,.new-game-play { border-radius:7px; font-weight:650; box-shadow:none; }
.holo-display { background:radial-gradient(ellipse at 50% 40%,#39504c30,transparent 65%),#141c20; border-color:#ffffff20; border-radius:14px; box-shadow:none; }.holo-intro h2 span { color:#b8d9d1; }.holo-tabs button,.holo-pause { background:#1a2327; border-color:#ffffff25; }.holo-controls { background:#11181b; }.holo-topline > span { color:#b5c5c5; }
.search-section,.central-preview,.ai-shell { background:#161e22; border-color:var(--line); border-radius:12px; box-shadow:none; }.search-form { background:#0e1518; }.search-form input,.search-form select { background:#1a2327; }
.ebooks .ebook-shelf { background:#171d20; border-color:var(--line); border-radius:12px; box-shadow:none; padding:24px 24px 0; }.ebooks .ebook-copy h3 { font-weight:550; }.ebooks .ebook-copy .kicker { color:#b2c4c1; }.ebooks .ebook-buy { border-radius:7px; background:#c8e5dd; color:#102320; border-color:#c8e5dd; }
footer { background:#0a0d0f; border-color:var(--line); }
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:2px solid #d4ece4; outline-offset:5px; }
@media(min-width:761px) { main > section { scroll-margin-top:36px; } }
@media(max-width:1050px) { .nav-links { gap:4px; }.nav-links a,.nav-more summary { padding-inline:8px; }.depth-stage { right:5%; }.discovery-nav { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { header { padding:16px 0; }.nav { padding:10px 12px; gap:12px; }.nav-links { gap:6px; }.hero { min-height:740px; }.hero-content { padding-top:160px; padding-bottom:72px; }.hero h1 { font-size:clamp(3.9rem,15vw,6rem); }.hero-copy { font-size:1rem; max-width:34ch; }.hero-image { object-position:62% center; opacity:.4; }.hero::before { background:linear-gradient(90deg,#0d1012e6,#0d101266),linear-gradient(0deg,#0d1012,transparent); }.depth-stage { display:none; }.hero-stats { gap:20px; }.stat { padding-right:20px; }.discovery-nav { margin-bottom:64px; }.discovery-nav a { padding:20px 12px; min-height:102px; }.discovery-nav small { font-size:.65rem; }.section-heading { margin-bottom:26px; }.ebooks .ebook-shelf { padding:20px 20px 0; } }
@media(max-width:380px) { .hero-actions { flex-direction:column; align-items:stretch; }.hero-stats { gap:14px; }.stat { padding-right:14px; }.discovery-symbol { flex-basis:24px; font-size:22px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none !important; transition:none !important; }.depth-card:hover { transform:none; } }