:root{color-scheme:dark;--bg: #07111f;--bg-elevated: rgba(12, 25, 43, .88);--bg-card: rgba(16, 31, 52, .82);--bg-card-strong: rgba(20, 38, 63, .96);--stroke: rgba(145, 181, 220, .16);--stroke-strong: rgba(145, 181, 220, .28);--text: #eef6ff;--muted: #9cb2ca;--accent: #7cf6d4;--accent-secondary: #5ea0ff;--accent-warm: #ff7e56;--shadow: 0 32px 80px rgba(0, 0, 0, .28);--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:radial-gradient(circle at top left,rgba(124,246,212,.12),transparent 34%),radial-gradient(circle at 85% 14%,rgba(94,160,255,.14),transparent 24%),linear-gradient(180deg,#06101d,#081321 46%,#06101b);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}#root{min-height:100vh}.site-shell{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:24px 0 48px}.site-header{position:sticky;top:14px;z-index:20;margin-bottom:24px;display:flex;flex-direction:column;gap:10px}.header-quote-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border:1px solid var(--stroke);border-radius:999px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07111fc2;box-shadow:var(--shadow)}.header-quote-strip p,.header-quote-strip span{margin:0}.header-quote-strip p{color:var(--text);font-family:Iowan Old Style,Baskerville,serif;font-size:clamp(1rem,1.7vw,1.15rem)}.header-quote-strip span{color:var(--muted);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.brand-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:14px 18px;border:1px solid var(--stroke);border-radius:999px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07111fc2;box-shadow:var(--shadow)}.brand-row:after{content:""}.brand-mark{display:inline-flex;flex-direction:column;gap:2px;justify-self:start;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.brand-mark small{color:var(--muted);font-size:.72rem;font-weight:500;letter-spacing:.16em}.site-nav{display:flex;gap:10px;justify-content:center;overflow-x:auto}.site-nav a{padding:10px 14px;border-radius:999px;color:var(--muted);transition:color .16s ease,background .16s ease,transform .16s ease}.site-nav a:hover,.site-nav a.active{color:var(--text);background:#ffffff0f;transform:translateY(-1px)}.page-shell{display:flex;flex-direction:column;gap:56px}.hero-panel{display:block;padding:30px;border-radius:36px;border:1px solid var(--stroke);background:radial-gradient(circle at 14% 14%,rgba(124,246,212,.15),transparent 28%),radial-gradient(circle at 84% 24%,rgba(94,160,255,.18),transparent 20%),linear-gradient(140deg,#0a1423f5,#0d1c30eb);box-shadow:var(--shadow);overflow:hidden}.hero-letter-stack{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.hero-badge,.section-eyebrow{display:inline-flex;width:fit-content;margin:0;padding:8px 12px;border-radius:999px;background:#ffffff0f;color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero-panel h1,.static-hero h1{margin:0;font-size:clamp(3.6rem,9vw,6.2rem);line-height:.96}.hero-tagline{margin:0;font-family:Iowan Old Style,Baskerville,serif;font-size:clamp(1.4rem,2.6vw,2.1rem);color:#d5e5f5}.hero-body,.static-hero p,.section-meta p,.card p,.quote-card p,.ad-slot p{margin:0;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.hero-actions a,.module-footer a,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid var(--stroke-strong);border-radius:999px;background:#ffffff0a;color:var(--text);transition:transform .18s ease,border-color .18s ease,background .18s ease}.hero-actions a:hover,.module-footer a:hover,.ghost-button:hover{transform:translateY(-2px);border-color:#7cf6d457;background:#7cf6d414}.button-secondary{color:var(--accent-secondary)}.hero-card,.card,.ad-slot{position:relative;border:1px solid var(--stroke);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow);overflow:hidden}.hero-card{min-height:150px;padding:22px;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent),var(--bg-card-strong)}.hero-letter-card{display:flex;flex-direction:column;justify-content:space-between;min-height:640px}.hero-letter-label{min-width:44px;justify-content:center}.hero-story-title{margin:0;max-width:12ch;font-size:clamp(2rem,3.6vw,3.6rem);line-height:.94}.hero-letter-card-x{background:radial-gradient(circle at 14% 22%,rgba(124,246,212,.16),transparent 34%),linear-gradient(135deg,#0c222ef0,#101f34eb)}.hero-letter-card-x strong{color:var(--accent)}.hero-letter-card-l{background:radial-gradient(circle at 86% 16%,rgba(94,160,255,.18),transparent 30%),linear-gradient(135deg,#0d192df0,#122542eb)}.hero-letter-card-l strong{color:#b6d2ff}.hero-letter-card-b{background:radial-gradient(circle at 18% 78%,rgba(255,126,86,.18),transparent 32%),linear-gradient(135deg,#18172cf2,#221f34eb)}.hero-letter-card-b strong{color:#ffd0c0}.hero-letter-card-x .hero-story-title{color:var(--accent)}.hero-letter-card-l .hero-story-title{color:#b6d2ff}.hero-letter-card-b .hero-story-title{color:#ffd0c0}.hero-story-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;font-size:.88rem;letter-spacing:.06em;text-transform:uppercase}.hero-card span,.card-index,.muted,.metric-pill span,.module-footer small,.section-meta span,.ad-slot span{color:var(--muted)}.hero-card strong{display:block;margin-top:8px;font-size:3rem;line-height:1}.section-block{display:flex;flex-direction:column;gap:16px}.section-header{display:flex;align-items:end;justify-content:space-between;gap:18px}.games-header{display:flex;align-items:center;gap:12px}.live-world-header,.gallery-header{margin-bottom:2px}.top-list-header{flex-wrap:wrap}.top-list-tags{display:flex;flex-wrap:wrap;gap:12px}.games-mode-label{margin:0;color:var(--text);font-size:.88rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.section-header h2,.card h3,.static-card h2{margin:8px 0 0;font-size:clamp(1.5rem,2vw,2.2rem);line-height:1.06}.section-meta{display:flex;flex-direction:column;gap:6px;max-width:430px;text-align:right}.top-grid,.module-grid,.visual-grid,.games-grid,.static-grid{display:grid;gap:16px}.top-grid,.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.live-world-grid{display:grid;grid-template-columns:minmax(0,920px);justify-content:center}.visual-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.games-grid{grid-template-columns:minmax(0,760px);justify-content:center}.static-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:18px}.top-card{display:flex;flex-direction:column;min-height:640px;gap:14px;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease}.top-card:hover,.visual-card:hover,.module-card:hover{transform:translateY(-3px);border-color:#7cf6d447;background:#122239f5}.top-card-media{position:relative;min-height:280px;margin:-2px -2px 2px;padding:18px;border-radius:calc(var(--radius-md) - 2px);overflow:hidden;display:flex;align-items:flex-end;background:radial-gradient(circle at 18% 18%,rgba(124,246,212,.18),transparent 34%),radial-gradient(circle at 82% 78%,rgba(94,160,255,.18),transparent 36%),linear-gradient(145deg,#071222f0,#0d243efa);border:1px solid rgba(255,255,255,.08)}.top-card-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#040a121a,#040a12b8)}.top-card-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02)}.top-card-media span{position:relative;z-index:1;display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:#ffffff1f;color:#f6fbff;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-card-media-football{background:radial-gradient(circle at 14% 18%,rgba(124,246,212,.24),transparent 34%),radial-gradient(circle at 84% 84%,rgba(64,195,140,.22),transparent 36%),linear-gradient(145deg,#061823f0,#113e2efa)}.top-card-media-basketball{background:radial-gradient(circle at 80% 18%,rgba(255,126,86,.28),transparent 34%),radial-gradient(circle at 18% 82%,rgba(255,216,107,.2),transparent 36%),linear-gradient(145deg,#1d0c14f0,#592714fa)}.top-card-media-tennis{background:radial-gradient(circle at 82% 18%,rgba(216,255,116,.22),transparent 34%),radial-gradient(circle at 18% 82%,rgba(94,160,255,.2),transparent 36%),linear-gradient(145deg,#06161ff0,#12444efa)}.card-index{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase}.card-chip-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 0}.top-card h3{margin:0;max-width:16ch;font-size:clamp(2rem,2.6vw,3rem)}.top-card p.muted{margin-top:auto;font-size:.92rem}.chip{display:inline-flex;padding:6px 10px;border-radius:999px;background:#7cf6d41a;color:var(--accent);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.module-card,.visual-card,.game-card{display:flex;flex-direction:column;gap:10px}.earthquake-card{gap:20px}.gallery-card{gap:16px}.gallery-card p{color:var(--muted)}.gallery-poster{position:relative;min-height:420px;padding:18px;border-radius:calc(var(--radius-lg) - 4px);overflow:hidden;background:radial-gradient(circle at 20% 24%,color-mix(in srgb,var(--poster-glow) 35%,transparent),transparent 26%),radial-gradient(circle at 78% 76%,color-mix(in srgb,var(--poster-primary) 22%,transparent),transparent 28%),linear-gradient(var(--poster-angle),var(--poster-secondary),color-mix(in srgb,var(--poster-secondary) 68%,#02060d));border:1px solid rgba(255,255,255,.08)}.gallery-poster:before,.gallery-poster:after{content:"";position:absolute;inset:auto}.gallery-poster:before{top:-12%;right:-8%;width:52%;height:52%;border-radius:50%;background:color-mix(in srgb,var(--poster-glow) 28%,transparent);filter:blur(16px)}.gallery-poster:after{left:14%;bottom:20%;width:72%;height:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--poster-primary) 80%,white),transparent);box-shadow:0 24px color-mix(in srgb,var(--poster-primary) 18%,transparent),0 -24px color-mix(in srgb,var(--poster-glow) 20%,transparent)}.gallery-poster-frame{position:relative;z-index:1;display:flex;height:100%;flex-direction:column;justify-content:space-between;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:calc(var(--radius-lg) - 8px);background:linear-gradient(180deg,#ffffff0d,#ffffff03)}.gallery-poster-frame span,.gallery-poster-frame small{color:#ffffffb8;font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.gallery-poster-frame strong{max-width:9ch;color:var(--poster-primary);font-size:clamp(2.4rem,5vw,4.2rem);line-height:.9;text-transform:uppercase}.gallery-actions{display:flex;justify-content:flex-start}.earthquake-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.earthquake-stat{padding:14px;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.05)}.earthquake-stat span{color:var(--muted);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.earthquake-stat strong{display:block;margin-top:8px;color:var(--text);font-size:1.2rem;line-height:1.1}.earthquake-list{display:flex;flex-direction:column;gap:10px}.earthquake-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.05);transition:transform .16s ease,border-color .16s ease,background .16s ease}.earthquake-row:hover{transform:translateY(-2px);border-color:#7cf6d43d;background:#122239eb}.earthquake-row-main{display:flex;align-items:center;gap:14px}.earthquake-row-main p{color:var(--text)}.earthquake-mag{display:inline-flex;min-width:62px;justify-content:center;padding:8px 10px;border-radius:999px;background:#7cf6d41a;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.08em}.earthquake-time{color:var(--muted);font-size:.86rem;white-space:nowrap}.earthquake-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.earthquake-footer p{max-width:520px}.module-card img,.visual-card img{aspect-ratio:16 / 10;width:100%;object-fit:cover;border-radius:calc(var(--radius-md) - 4px);border:1px solid rgba(255,255,255,.06)}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px}.metric-pill{padding:12px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid rgba(255,255,255,.04)}.metric-pill strong{display:block;margin-top:2px}.module-footer{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:auto}.quote-shell{min-height:210px}.quote-marquee{position:relative;overflow:hidden;border:1px solid var(--stroke);border-radius:var(--radius-lg);background:linear-gradient(90deg,#07111feb,#07111f33 8%,#07111f33 92%,#07111feb),var(--bg-card-strong)}.quote-track{display:flex;gap:14px;width:max-content;padding:18px;animation:drift 38s linear infinite}.quote-card{width:min(420px,calc(100vw - 84px));padding:18px;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.05)}.quote-card p{font-family:Iowan Old Style,Baskerville,serif;font-size:1.18rem;color:var(--text)}.quote-card footer{display:flex;justify-content:space-between;gap:12px;margin-top:16px;color:var(--muted);font-size:.92rem}.two-up{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:16px;align-items:start}.ad-slot{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:160px;padding:20px;background:linear-gradient(120deg,#ff7e5614,#5ea0ff14),#0a1423bd}.ad-slot-banner{min-height:112px}.ad-slot strong{font-size:1.3rem}.sudoku-card{gap:16px}.sudoku-toolbar,.sudoku-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.sudoku-difficulty-pills{display:flex;gap:8px;flex-wrap:wrap}.sudoku-pill{padding:10px 14px;border:1px solid var(--stroke-strong);border-radius:999px;background:#ffffff0d;color:var(--muted);font:inherit;font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.sudoku-pill:hover,.sudoku-pill.is-active{color:var(--text);border-color:#7cf6d457;background:#7cf6d41f;transform:translateY(-1px)}.sudoku-reset-button{margin-top:0}.sudoku-footer{align-items:flex-end}.sudoku-board{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:0;overflow:hidden;border:2px solid rgba(255,255,255,.14);border-radius:18px;background:#060f1ce0}.sudoku-cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:1.05rem;font-weight:600}.sudoku-cell.is-filled{color:var(--text);background:#ffffff08}.sudoku-cell.is-editable{background:#0c1a2ce0}.sudoku-cell.is-conflict{background:#ff7e5624;color:#ffd1c6}.sudoku-cell input{width:100%;height:100%;border:0;background:transparent;color:inherit;font:inherit;text-align:center;outline:none}.sudoku-cell input:focus{box-shadow:inset 0 0 0 2px #7cf6d473;background:#7cf6d414}.sudoku-cell:nth-child(9n){border-right:0}.sudoku-cell:nth-child(n+73){border-bottom:0}.sudoku-cell:nth-child(3n):not(:nth-child(9n)){border-right-width:2px;border-right-color:#ffffff2e}.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom-width:2px;border-bottom-color:#ffffff2e}.sudoku-status{margin:0;color:var(--muted)}.sudoku-timer-readout{margin:0;color:var(--text);font-size:1.1rem;font-weight:700;letter-spacing:.06em;text-align:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.static-hero{display:flex;flex-direction:column;gap:12px;padding:26px 8px 6px}.static-card{min-height:220px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:38px;padding:26px 4px 8px;color:var(--muted)}.footer-brand{margin:0;color:var(--text);font-weight:700;letter-spacing:.16em;text-transform:uppercase}.footer-links{display:flex;flex-wrap:wrap;gap:14px}.card-skeleton,.quote-placeholder{overflow:hidden}.visual-skeleton,.module-skeleton{aspect-ratio:16 / 10;border-radius:calc(var(--radius-md) - 4px);background:linear-gradient(90deg,#ffffff08,#ffffff17,#ffffff08);background-size:200% 100%;animation:shimmer 1.2s linear infinite}.skeleton-line{height:14px;border-radius:999px;background:linear-gradient(90deg,#ffffff08,#ffffff17,#ffffff08);background-size:200% 100%;animation:shimmer 1.2s linear infinite}.skeleton-tag{width:28%}.skeleton-title{width:82%;margin-top:18px}.skeleton-copy{width:64%;margin-top:12px}.card-error{display:flex;flex-direction:column;gap:8px;min-height:180px;justify-content:center;border-color:#ff7e564d}.game-loading{min-height:220px;justify-content:center}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:1080px){.hero-panel,.two-up,.games-grid,.live-world-grid,.gallery-grid,.static-grid,.visual-grid,.module-grid,.top-grid{grid-template-columns:1fr}.section-header,.site-footer,.sudoku-toolbar,.sudoku-footer,.earthquake-footer,.earthquake-row{flex-direction:column;align-items:start}.earthquake-stats{grid-template-columns:1fr}.section-meta{text-align:left}}@media(max-width:720px){.site-shell{width:min(100% - 20px,1240px);padding-top:14px}.brand-row,.hero-panel,.card,.ad-slot,.quote-marquee,.header-quote-strip{border-radius:24px}.brand-row{grid-template-columns:1fr;border-radius:24px}.brand-row:after{display:none}.brand-mark{justify-self:start}.site-nav{width:100%;justify-content:flex-start}.header-quote-strip{flex-direction:column;align-items:flex-start}.site-nav a{white-space:nowrap}.hero-panel{padding:24px}.hero-actions,.module-footer,.quote-card footer{flex-direction:column;align-items:start}}