@import "tailwindcss";
@import "tw-animate-css";
@import "../vendor/shadcn-tailwind-4.13.0.css";

:root { --ink:#120a31; --night:#09051c; --paper:#efe7dc; --pink:#ff3eb5; --violet:#6f35ff; --cyan:#35f1ff; --acid:#d5ff35; --win-gray:#c8c8c8; --win-blue:#19198d; }
* { box-sizing:border-box; }
[hidden] { display:none!important; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--night); color:var(--paper); font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif; }
a { color:inherit; }
.site-shell { min-height:100vh; position:relative; overflow:hidden; background:radial-gradient(circle at 78% 11%,rgba(255,62,181,.24),transparent 25rem),linear-gradient(180deg,#160943 0%,#12062f 44%,#070416 100%); }
.site-shell.inverted-colors { filter:invert(1); }
.meltable-world { min-height:calc(100vh - 48px); will-change:transform,filter,opacity; }
.analog-static { display:none; position:fixed; inset:48px 0 0; z-index:26; pointer-events:none; background-color:#777; background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.14) 0 1px,rgba(0,0,0,.18) 1px 3px),url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='4' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='2.7' intercept='-.85'/%3E%3CfeFuncG type='linear' slope='2.7' intercept='-.85'/%3E%3CfeFuncB type='linear' slope='2.7' intercept='-.85'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E"); background-size:100% 5px,190px 190px; filter:contrast(1.8) brightness(1.08); }
.analog-static::after { content:"NO SIGNAL"; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:.45em .7em; color:#fff; background:#080808; border:3px solid #fff; box-shadow:8px 8px 0 #000; font:900 clamp(1.2rem,4vw,3rem)/1 "Courier New",monospace; letter-spacing:.14em; animation:no-signal-flicker .48s steps(2,end) infinite; }
.noise { position:fixed; inset:0; pointer-events:none; opacity:.16; z-index:20; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E"); mix-blend-mode:soft-light; }
.sun-orb { position:absolute; top:5rem; right:4vw; width:min(35vw,31rem); aspect-ratio:1; border-radius:50%; background:repeating-linear-gradient(0deg,transparent 0 11px,var(--night) 12px 17px),linear-gradient(180deg,#ffe65a,var(--pink)); filter:drop-shadow(0 0 3rem rgba(255,62,181,.42)); opacity:.74; }
.horizon-grid { position:absolute; left:-10%; right:-10%; top:34rem; height:28rem; transform:perspective(340px) rotateX(61deg); transform-origin:top; background-image:linear-gradient(rgba(53,241,255,.26) 1px,transparent 1px),linear-gradient(90deg,rgba(53,241,255,.26) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(#000,transparent 88%); }
.desktop-bar { height:48px; padding:5px 8px; position:relative; z-index:30; display:flex; align-items:center; justify-content:space-between; background:var(--win-gray); border-bottom:2px solid #fff; box-shadow:inset 0 -2px #6a6a6a,0 4px 0 rgba(0,0,0,.25); color:#0b0b0b; font:700 12px/1 "Courier New",monospace; }
.header-left { display:flex; align-items:center; gap:7px; min-width:0; }
.start-menu { position:relative; }
.start-menu summary { height:34px; display:flex; align-items:center; gap:6px; padding:3px 9px 3px 5px; list-style:none; color:#090909; background:#dcdcdc; border:2px solid; border-color:#fff #3c3c3c #3c3c3c #fff; box-shadow:inset 1px 1px rgba(255,255,255,.7); font:900 12px/1 "Arial Narrow",Arial,sans-serif; cursor:pointer; }
.start-menu summary::-webkit-details-marker { display:none; }
.start-menu[open] summary { border-color:#3c3c3c #fff #fff #3c3c3c; }
.start-logo { display:grid; place-items:center; width:23px; height:23px; color:#fff; background:linear-gradient(135deg,#ff3eb5,#6f35ff 48%,#35f1ff); font-size:18px; line-height:1; box-shadow:inset 1px 1px rgba(255,255,255,.7); }
.start-menu-panel { width:260px; position:absolute; left:-5px; top:38px; z-index:60; display:grid; grid-template-columns:28px 1fr; padding:3px; color:#090909; background:#c8c8c8; border:2px solid; border-color:#fff #353535 #353535 #fff; box-shadow:7px 8px 0 rgba(0,0,0,.35); }
.start-rail { display:flex; align-items:flex-end; padding:7px 5px; color:#d7d7d7; background:#777; font:900 13px/1 "Arial Narrow",Arial,sans-serif; letter-spacing:.07em; writing-mode:vertical-rl; transform:rotate(180deg); }
.start-items { min-width:0; padding:2px; }
.start-menu-item { display:grid; grid-template-columns:38px 1fr; align-items:center; gap:7px; min-height:52px; padding:5px 7px; text-decoration:none; }
.start-menu-item:hover,.start-menu-item:focus-visible { color:#fff; background:#18188c; outline:none; }
.start-item-icon { display:grid; place-items:center; width:34px; height:34px; background:#eee; border:1px solid #777; font-size:22px; }
.start-menu-item span:last-child { display:grid; gap:3px; }
.start-menu-item strong { font:900 13px/1 "Arial Narrow",Arial,sans-serif; }
.start-menu-item small { font:700 9px/1.1 "Courier New",monospace; }
.start-divider { height:2px; margin:2px 5px; background:#777; border-bottom:1px solid #fff; }
.brand-button { display:flex; align-items:center; gap:7px; height:34px; padding:3px 9px 3px 4px; text-decoration:none; background:#dcdcdc; border:2px solid; border-color:#fff #3c3c3c #3c3c3c #fff; }
.brand-button:active { border-color:#3c3c3c #fff #fff #3c3c3c; }
.mini-mark { display:grid; place-items:center; width:24px; height:24px; color:#fff; background:linear-gradient(135deg,var(--pink),var(--violet)); font-size:10px; box-shadow:inset 1px 1px rgba(255,255,255,.7); }
.bar-status { display:flex; align-items:center; gap:8px; padding-right:5px; }
.status-light { width:8px; height:8px; border-radius:50%; background:#00a94f; box-shadow:0 0 7px #00e76d; }
.site-shell .status-light.offline { background:#d60000; box-shadow:0 0 7px #ff1f1f,0 0 12px rgba(255,0,0,.72); }
.main-header-controls { display:flex; align-items:center; gap:5px; }
.header-effect-toggle { width:32px; height:30px; display:grid; place-items:center; padding:0; color:#0b0b0b; background:#dadada; border:2px solid; border-color:#fff #3c3c3c #3c3c3c #fff; box-shadow:inset 1px 1px rgba(255,255,255,.72); font-size:16px; cursor:pointer; }
.header-effect-toggle:hover,.header-effect-toggle.is-active { background:#f3d7ff; }
.header-effect-toggle:active { border-color:#3c3c3c #fff #fff #3c3c3c; }
.header-effect-toggle:focus-visible { outline:3px solid #fff; outline-offset:2px; }
.header-effect-toggle:disabled { filter:grayscale(.65); opacity:.66; cursor:wait; }
.melt-button.is-active { background:#ffb6db; }
.invert-button { font:900 20px/1 Arial,sans-serif; }
.invert-button.is-active { color:#fff; background:#111; }
.theme-toggle { min-width:78px; height:30px; display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:2px 8px; color:#071d33; background:#a9e7ff; border:2px solid; border-color:#effcff #31779a #31779a #effcff; box-shadow:inset 1px 1px rgba(255,255,255,.72); font:900 10px/1 "Courier New",monospace; cursor:pointer; }
.theme-toggle:hover { background:#c5f0ff; }
.theme-toggle:active { border-color:#31779a #effcff #effcff #31779a; }
.theme-toggle:focus-visible { outline:3px solid #fff; outline-offset:2px; }
.theme-toggle-icon { font-size:15px; line-height:1; }
.alert-marquee { min-height:44px; position:relative; z-index:29; display:grid; grid-template-columns:minmax(0,1fr) 48px; color:#130900; background:#ffe600; border-bottom:4px solid #121212; box-shadow:0 5px 0 rgba(0,0,0,.36),inset 0 -2px #ff8a00; font:900 13px/1.2 "Courier New",monospace; text-transform:uppercase; }
.marquee-viewport { min-width:0; overflow:hidden; display:flex; align-items:center; }
.marquee-track { width:max-content; display:flex; align-items:center; animation:warning-marquee 11.5s linear infinite; }
.marquee-track strong { flex:none; padding-right:5rem; letter-spacing:.025em; }
.sound-toggle { width:48px; min-height:40px; display:grid; place-items:center; color:#fff; background:#a60000; border:0; border-left:4px solid #111; font-size:20px; cursor:pointer; }
.sound-toggle:hover,.sound-toggle.sound-on { background:#e00000; }
.sound-toggle:focus-visible { outline:3px solid #fff; outline-offset:-5px; }
.frozen-alert { color:#eafdff; background:linear-gradient(90deg,#073d69,#126fa6,#50bde2); border-bottom-color:#dffcff; box-shadow:0 5px 0 rgba(0,16,40,.42),inset 0 -2px #a9efff; }
.frozen-alert .sound-toggle { color:#04213b; background:#d9f8ff; border-left-color:#275b78; }
.frozen-alert .sound-toggle:hover,.frozen-alert .sound-toggle.sound-on { background:#9deaff; }
.page-wrap { width:min(1180px,calc(100% - 40px)); margin:0 auto; position:relative; z-index:5; }
.hero { min-height:610px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:2rem; padding:5.5rem 0 3rem; }
.hero-copy { position:relative; z-index:3; }
.eyebrow,.section-kicker { display:inline-flex; align-items:center; gap:8px; font:700 12px/1.2 "Courier New",monospace; letter-spacing:.12em; text-transform:uppercase; }
.eyebrow { padding:8px 11px; color:var(--night); background:var(--acid); transform:rotate(-1.5deg); box-shadow:4px 4px 0 var(--pink); }
h1 { margin:1.4rem 0 1rem; display:flex; flex-wrap:wrap; align-items:baseline; gap:.08em; font-family:Georgia,"Times New Roman",serif; font-size:clamp(4.2rem,10.2vw,8.6rem); font-weight:500; line-height:.74; letter-spacing:-.085em; text-transform:uppercase; text-shadow:6px 6px 0 rgba(0,0,0,.24); }
h1>span:first-child { color:#f4e9d9; } h1>span:last-child { color:var(--cyan); }
h1 .ampersand { color:transparent; -webkit-text-stroke:2px var(--pink); font-size:.58em; transform:translateY(-.14em) rotate(-8deg); letter-spacing:0; }
.hero-note { max-width:500px; margin:1.8rem 0 2rem; color:#d7cfea; font-size:clamp(1rem,1.8vw,1.24rem); line-height:1.6; }
.desktop-icons { display:flex; gap:2.4rem; }
.desktop-icon { display:flex; flex-direction:column; align-items:center; gap:7px; font:700 10px/1 "Courier New",monospace; color:#fff; text-shadow:1px 1px #000; }
.icon-tile { width:44px; height:44px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.64); box-shadow:4px 4px 0 rgba(0,0,0,.28); }
.icon-tile.cyan { background:linear-gradient(135deg,#145a9f,var(--cyan)); } .icon-tile.pink { background:linear-gradient(135deg,#7a168e,var(--pink)); }
.artifact-stage { height:480px; position:relative; }
.greek-ring { position:absolute; inset:4% 6% auto auto; width:310px; aspect-ratio:1; border:2px solid rgba(53,241,255,.62); border-radius:50%; display:grid; place-items:center; color:rgba(255,255,255,.13); font-family:Georgia,serif; font-size:13rem; box-shadow:inset 0 0 3rem rgba(255,62,181,.18),0 0 2rem rgba(53,241,255,.15); }
.greek-bust { position:absolute; z-index:2; left:50%; bottom:-7%; width:min(93%,430px); height:110%; object-fit:contain; transform:translateX(-50%) rotate(1deg); filter:drop-shadow(17px 20px 0 rgba(111,53,255,.55)) drop-shadow(0 0 23px rgba(53,241,255,.2)); }
.column { position:absolute; bottom:3rem; width:34px; height:250px; background:repeating-linear-gradient(90deg,#b4faff 0 5px,#5098b5 6px 9px); border:4px solid #d9ffff; box-shadow:9px 11px 0 rgba(255,62,181,.56); opacity:.7; }
.column::before,.column::after { content:""; position:absolute; left:-12px; width:50px; height:16px; background:#e2ffff; border:3px solid #6ca1bd; }
.column::before { top:-18px; } .column::after { bottom:-18px; }
.column-one { right:1rem; transform:rotate(8deg); } .column-two { left:1rem; bottom:0; height:160px; transform:rotate(-9deg); }
.float-window { position:absolute; z-index:3; width:172px; padding:3px; color:#111; background:var(--win-gray); border:2px solid; border-color:#fff #303030 #303030 #fff; box-shadow:7px 8px 0 rgba(0,0,0,.32); font:700 10px/1.3 "Courier New",monospace; }
.float-window p { margin:0; padding:14px 8px; text-align:center; }
.tiny-titlebar { display:flex; justify-content:space-between; padding:5px; color:#fff; background:var(--win-blue); }
.float-window-one { top:2.2rem; left:0; transform:rotate(-5deg); } .float-window-two { right:0; bottom:2.4rem; transform:rotate(4deg); }
.news-section { position:relative; padding:5rem 0 7rem; }
.news-section::before { content:"α  β  γ  δ  ε  ζ  η  θ  λ  Ω"; position:absolute; top:1.1rem; left:50%; transform:translateX(-50%); white-space:nowrap; color:rgba(255,255,255,.08); font:400 clamp(2.3rem,7vw,6rem)/1 Georgia,serif; letter-spacing:.18em; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1.3rem; }
.section-kicker { color:var(--cyan); }
h2 { margin:.35rem 0 0; font:500 clamp(3rem,8vw,6.2rem)/.85 Georgia,serif; letter-spacing:-.06em; }
.issue-chip { padding:8px 10px; border:1px solid var(--pink); color:var(--pink); font:700 10px/1 "Courier New",monospace; transform:rotate(2deg); }
.game-window { display:block; padding:4px; color:#111; text-decoration:none; background:var(--win-gray); border:3px solid; border-color:#fff #292929 #292929 #fff; box-shadow:15px 17px 0 rgba(0,0,0,.34),0 0 0 1px #000; transition:transform .22s ease,filter .22s ease; }
.game-window:hover { transform:translate(-4px,-5px); filter:saturate(1.12); } .game-window:focus-visible { outline:4px solid var(--acid); outline-offset:5px; }
.window-titlebar { min-height:34px; padding:4px 5px 4px 8px; display:flex; align-items:center; justify-content:space-between; color:#fff; background:linear-gradient(90deg,var(--win-blue),#3f2db9 72%,#6a64d2); font:700 12px/1 "Courier New",monospace; }
.window-title { display:flex; align-items:center; gap:7px; } .window-icon { color:var(--acid); } .window-controls { display:flex; gap:3px; }
.window-controls span { width:24px; height:24px; display:grid; place-items:center; color:#111; background:var(--win-gray); border:2px solid; border-color:#fff #3d3d3d #3d3d3d #fff; }
.game-art-wrap { position:relative; overflow:hidden; min-height:510px; background:#070c1f; }
.game-art-wrap>img { width:100%; height:100%; min-height:510px; position:absolute; inset:0; object-fit:cover; object-position:center top; transition:transform .6s cubic-bezier(.2,.8,.2,1); }
.game-window:hover img { transform:scale(1.025); }
.scanlines { position:absolute; inset:0; pointer-events:none; background:repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0 1px,transparent 1px 4px); }
.game-art-wrap::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 28%,rgba(5,4,20,.18) 53%,rgba(5,4,20,.96) 100%); }
.game-overlay { position:absolute; z-index:2; left:0; right:0; bottom:0; padding:clamp(1.2rem,4vw,3rem); color:#fff; }
.new-badge { display:inline-block; margin-bottom:.85rem; padding:7px 9px; color:#111; background:var(--acid); font:800 10px/1 "Courier New",monospace; letter-spacing:.08em; box-shadow:3px 3px 0 var(--pink); }
.game-title-row { display:flex; align-items:end; justify-content:space-between; gap:1.5rem; }
.game-title-row h3 { margin:0; font:700 clamp(2.2rem,6vw,5.3rem)/.9 "Arial Narrow",Arial,sans-serif; letter-spacing:-.055em; text-transform:uppercase; }
.game-title-row p { margin:.65rem 0 0; color:#c8c5dd; font:700 clamp(.65rem,1.4vw,.9rem)/1.5 "Courier New",monospace; text-transform:uppercase; }
.play-button { flex:none; display:inline-flex; align-items:center; gap:8px; padding:13px 16px; color:#111; background:var(--cyan); border:2px solid #fff; box-shadow:5px 5px 0 var(--pink); font:900 12px/1 "Courier New",monospace; }
.window-statusbar { min-height:28px; display:flex; justify-content:space-between; align-items:center; padding:5px 8px; border-top:2px solid #858585; box-shadow:inset 1px 1px #fff; font:700 10px/1 "Courier New",monospace; }
.entertainment-section { position:relative; padding:1rem 0 8rem; }
.entertainment-section::before { content:"PLAY • WATCH • REWIND"; position:absolute; top:-1.5rem; right:-2rem; color:rgba(255,255,255,.055); font:900 clamp(2.6rem,7vw,6.8rem)/1 "Arial Narrow",Arial,sans-serif; letter-spacing:-.05em; white-space:nowrap; transform:rotate(-3deg); }
.entertainment-grid { position:relative; display:grid; grid-template-columns:minmax(0,1.65fr) minmax(250px,.72fr); gap:1.35rem; align-items:start; }
.media-window { padding:4px; color:#111; background:var(--win-gray); border:3px solid; border-color:#fff #292929 #292929 #fff; box-shadow:12px 14px 0 rgba(0,0,0,.3),0 0 0 1px #000; }
.video-frame { position:relative; overflow:hidden; background:#03030a; border:2px solid; border-color:#3a3a3a #fff #fff #3a3a3a; }
.video-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.landscape-frame { aspect-ratio:16/9; }
.shorts-column { display:grid; grid-template-columns:1fr 1fr; gap:1.35rem; }
.short-frame { aspect-ratio:9/16; }
.media-caption { min-height:82px; display:flex; flex-direction:column; justify-content:center; gap:8px; padding:12px 14px; font-family:"Courier New",monospace; }
.media-caption span { color:#3d278f; font-size:9px; font-weight:900; letter-spacing:.12em; }
.media-caption strong { font-size:13px; line-height:1.35; }
.media-caption.compact { min-height:70px; padding:10px; }
.media-caption.compact strong { font-size:11px; }
footer { position:relative; z-index:4; display:flex; justify-content:space-between; gap:1rem; padding:18px max(20px,calc((100vw - 1180px)/2)); color:var(--night); background:var(--acid); border-top:5px solid var(--pink); font:800 10px/1.4 "Courier New",monospace; }
footer>span:last-of-type { padding-right:94px; }
.footer-controls { position:absolute; top:50%; right:max(14px,calc((100vw - 1290px)/2)); transform:translateY(-50%); display:flex; align-items:center; gap:7px; }
.electric-toggle { width:38px; height:32px; display:grid; place-items:center; padding:0; color:#171000; background:#fff36a; border:2px solid; border-color:#fffbd6 #755e00 #755e00 #fffbd6; box-shadow:3px 3px 0 rgba(0,0,0,.22); font-size:18px; cursor:pointer; }
.electric-toggle:hover { background:#ffff9d; }
.electric-toggle:active { border-color:#755e00 #fffbd6 #fffbd6 #755e00; }
.electric-toggle:focus-visible,.guru-toggle:focus-visible { outline:3px solid #fff; outline-offset:2px; }
.guru-toggle { width:38px; height:38px; position:relative; display:grid; place-items:center; padding:0; overflow:hidden; border:2px solid #e7d2ff; border-radius:50%; color:#fff; background:conic-gradient(from 45deg,#17002e,#ff2fb3,#35edff,#6b32e9,#17002e); box-shadow:inset 0 0 0 3px #140424,0 0 10px rgba(53,237,255,.58),3px 3px 0 rgba(0,0,0,.28); cursor:pointer; }
.guru-toggle::before { content:""; position:absolute; inset:3px; border:1px dashed rgba(255,255,255,.72); border-radius:50%; animation:guru-seal-spin 7s linear infinite; }
.guru-toggle span { position:relative; z-index:1; font-size:18px; filter:saturate(.85) drop-shadow(0 0 4px #fff); }
.guru-toggle:hover { filter:brightness(1.22); }
.guru-toggle:active { transform:translate(1px,1px); }
.guru-toggle:disabled { opacity:.58; cursor:wait; }

.guru-overlay { position:fixed; inset:0; z-index:1000; display:grid; grid-template-rows:auto minmax(0,1fr); place-items:center; gap:.5rem; padding:clamp(1.2rem,4vw,3rem); overflow:hidden; isolation:isolate; color:#fff; background:radial-gradient(circle at 50% 46%,rgba(255,70,208,.36),transparent 24rem),radial-gradient(circle at 50% 56%,rgba(46,232,255,.27),transparent 40rem),linear-gradient(180deg,rgba(12,2,37,.97),rgba(30,3,58,.99)); }
.guru-aura { position:absolute; z-index:-1; left:50%; top:56%; width:min(115vmin,900px); aspect-ratio:1; border:2px solid rgba(180,249,255,.7); border-radius:50%; transform:translate(-50%,-50%); background:repeating-conic-gradient(from 0deg,rgba(255,47,184,.35) 0 1deg,transparent 1deg 12deg),radial-gradient(circle,transparent 0 38%,rgba(75,238,255,.14) 38.3% 39%,transparent 39.3% 52%,rgba(255,222,98,.13) 52.3% 53%,transparent 53.3%); box-shadow:inset 0 0 4rem rgba(255,49,193,.3),0 0 5rem rgba(54,239,255,.35); animation:guru-aura-turn 11s linear infinite; }
.guru-countdown { position:relative; z-index:2; min-height:1.1em; color:#fff6c7; font:500 clamp(3rem,8vw,6.6rem)/1 Georgia,"Times New Roman",serif; letter-spacing:.08em; text-shadow:0 0 7px #fff,0 0 18px #32eeff,4px 4px 0 #8a1ccb; }
.guru-statue { position:relative; z-index:2; width:min(90vw,650px); height:min(76vh,760px); object-fit:contain; filter:drop-shadow(0 0 12px #fff) drop-shadow(0 0 34px rgba(40,235,255,.88)) drop-shadow(18px 18px 0 rgba(255,39,182,.36)); animation:guru-float 2.4s ease-in-out infinite alternate; }
.guru-overlay.strobing { animation:guru-strobe .6s steps(1,end) 2; }

/* Frozen mode: all overrides stay inside this class so the original theme remains unchanged. */
.site-shell.frozen-theme { --ink:#041426; --night:#020d1d; --paper:#f7feff; --pink:#69cfff; --violet:#1768bd; --cyan:#c9f7ff; --acid:#edfdff; --win-gray:#d7f4fb; --win-blue:#034d91; background-color:#03152b; background-image:radial-gradient(circle at 78% 11%,rgba(226,252,255,.55),transparent 22rem),radial-gradient(ellipse at 18% 35%,rgba(64,167,239,.32),transparent 34rem),linear-gradient(118deg,transparent 0 18%,rgba(197,244,255,.1) 18.2% 19%,transparent 19.2% 43%,rgba(94,190,240,.09) 43.2% 44%,transparent 44.2%),linear-gradient(62deg,transparent 0 31%,rgba(228,252,255,.08) 31.2% 32%,transparent 32.2% 71%,rgba(68,151,222,.08) 71.2% 72%,transparent 72.2%),linear-gradient(180deg,#0a4575 0%,#062b52 42%,#021328 76%,#010915 100%); }
.frozen-theme .noise { opacity:.1; mix-blend-mode:screen; }
.frozen-theme .sun-orb { border:2px solid rgba(235,254,255,.72); background:repeating-linear-gradient(0deg,transparent 0 10px,#07325d 11px 17px),radial-gradient(circle at 36% 25%,#fff 0 8%,#d9faff 21%,transparent 39%),conic-gradient(from 18deg,#f5ffff,#71d8ff,#257ac6,#dffbff,#4dbbe9,#f5ffff); box-shadow:inset 0 0 2.4rem rgba(255,255,255,.62),inset 0 -2.5rem 3rem rgba(3,71,133,.38); filter:drop-shadow(0 0 1.5rem rgba(215,251,255,.9)) drop-shadow(0 0 4.5rem rgba(88,193,242,.55)); opacity:.92; }
.frozen-theme .horizon-grid { background-image:linear-gradient(rgba(214,250,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(214,250,255,.4) 1px,transparent 1px); }
.frozen-theme .desktop-bar { background:#c9edf8; border-bottom-color:#f7feff; box-shadow:inset 0 -2px #5d91aa,0 4px 0 rgba(1,30,60,.34); color:#031b34; }
.frozen-theme .brand-button { background:#e5f9ff; border-color:#fff #39708d #39708d #fff; }
.frozen-theme .mini-mark { background:linear-gradient(135deg,#bcefff,#2679c6); }
.frozen-theme .status-light { background:#aaf7ff; box-shadow:0 0 8px #e9feff,0 0 13px #55d9ff; }
.frozen-theme .theme-toggle { color:#5c3d00; background:#fff0a8; border-color:#fffced #9a7932 #9a7932 #fffced; }
.frozen-theme .theme-toggle:hover { background:#fff7cc; }
.frozen-theme .eyebrow { color:#042342; background:#ddfaff; box-shadow:4px 4px 0 #3d8fdc; }
.frozen-theme .frozen-title { width:fit-content; display:grid; grid-template-columns:auto auto; align-items:end; column-gap:.1em; row-gap:.12em; margin-top:1.25rem; font-size:clamp(4rem,9vw,7.8rem); line-height:.68; letter-spacing:-.075em; text-shadow:6px 6px 0 rgba(0,40,85,.35),0 0 28px rgba(187,245,255,.18); }
.frozen-theme .frozen-title>span:first-child { color:#fff; }
.frozen-theme .frozen-title .ampersand { color:transparent; -webkit-text-stroke:2px #83dfff; transform:translateY(-.08em) rotate(-8deg); }
.frozen-theme .frozen-title .iced-lane { grid-column:1/-1; color:#9ae9ff; font-size:.78em; letter-spacing:-.045em; justify-self:end; white-space:nowrap; }
.frozen-theme .hero-note { color:#d7f4ff; }
.frozen-theme .icon-tile.cyan { background:linear-gradient(135deg,#0f548f,#b9f4ff); }
.frozen-theme .icon-tile.pink { background:linear-gradient(135deg,#123f86,#65c9f5); }
.frozen-theme .greek-ring { border-color:rgba(203,249,255,.82); color:rgba(226,252,255,.2); box-shadow:inset 0 0 3rem rgba(80,167,255,.26),0 0 2.5rem rgba(185,244,255,.34); }
.frozen-theme .greek-bust { filter:drop-shadow(17px 20px 0 rgba(30,103,190,.46)) drop-shadow(0 0 27px rgba(185,244,255,.56)); }
.frozen-theme .column { background:linear-gradient(112deg,rgba(255,255,255,.94) 0 8%,rgba(153,229,255,.6) 9% 24%,rgba(25,115,190,.74) 25% 38%,rgba(224,251,255,.94) 39% 49%,rgba(81,181,228,.68) 50% 67%,rgba(239,254,255,.9) 68% 77%,rgba(38,130,202,.72) 78% 100%); border-color:#f7ffff; box-shadow:inset 7px 0 12px rgba(255,255,255,.48),inset -6px 0 12px rgba(4,71,133,.34),9px 11px 0 rgba(25,100,180,.38),0 0 24px rgba(184,244,255,.52); opacity:.86; }
.frozen-theme .column::before,.frozen-theme .column::after { background:linear-gradient(135deg,#fff,#9ce8ff 54%,#3e9ed5); border-color:#dafaff #387fa9 #387fa9 #dafaff; box-shadow:0 0 15px rgba(197,247,255,.58); }
.frozen-theme .float-window { color:#04213c; background:linear-gradient(145deg,#f8ffff,#c8f1ff 52%,#82cceb); border-color:#fff #276486 #276486 #fff; box-shadow:7px 8px 0 rgba(2,45,88,.42),0 0 18px rgba(183,244,255,.42); }
.frozen-theme .float-window p { color:#052a4e; background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(179,232,250,.82)); border:1px solid rgba(54,135,177,.52); text-shadow:0 1px #fff; }
.frozen-theme .float-window .tiny-titlebar { color:#effeff; background:linear-gradient(90deg,#03447f,#0876ba 60%,#65c8ef); box-shadow:inset 0 1px rgba(255,255,255,.45); }
.frozen-theme .game-window,.frozen-theme .media-window { background:#cdeaf4; border-color:#fff #285979 #285979 #fff; box-shadow:12px 14px 0 rgba(0,28,65,.34),0 0 0 1px #062440; }
.frozen-theme .window-titlebar { background:linear-gradient(90deg,#07569d,#278bd0 72%,#77cef1); }
.frozen-theme .section-kicker { color:#b9f4ff; }
.frozen-theme .issue-chip { border-color:#83dcff; color:#bfefff; }
.frozen-theme .news-section::before { color:rgba(210,248,255,.11); }
.frozen-theme .entertainment-section::before { color:rgba(210,248,255,.075); }
.frozen-theme .new-badge { color:#042342; background:#e7fbff; box-shadow:3px 3px 0 #388bd6; }
.frozen-theme .play-button { color:#042342; background:#b9f4ff; box-shadow:5px 5px 0 #388bd6; }
.frozen-theme .media-caption span { color:#07569d; }
.frozen-theme footer { color:#f4fdff; background:linear-gradient(90deg,#032e58 0%,#0879b9 42%,#5dc9ed 72%,#d9faff 100%); border-top-color:#bcefff; box-shadow:inset 0 2px rgba(255,255,255,.45),0 -12px 35px rgba(70,181,228,.24); text-shadow:1px 1px #06345d; }

/* Electric mode mirrors the same layout with a bright dimensional-energy treatment. */
.site-shell.electric-theme { --ink:#170820; --night:#120018; --paper:#fff9d8; --pink:#ff28c9; --violet:#7928ff; --cyan:#36f5ff; --acid:#eaff00; --win-gray:#f2dd78; --win-blue:#7a006d; background-color:#2b0035; background-image:radial-gradient(circle at 78% 12%,rgba(255,247,79,.7),transparent 23rem),radial-gradient(circle at 19% 31%,rgba(255,38,188,.52),transparent 29rem),radial-gradient(circle at 52% 61%,rgba(255,119,0,.28),transparent 35rem),repeating-linear-gradient(121deg,transparent 0 9%,rgba(255,244,79,.11) 9.15% 9.55%,transparent 9.7% 23%),linear-gradient(180deg,#6b0b78 0%,#3d075d 36%,#230038 68%,#10001e 100%); }
.electric-theme .noise { opacity:.24; mix-blend-mode:color-dodge; }
.electric-theme .sun-orb { top:8.4rem; border:2px solid #fff8a5; background:repeating-linear-gradient(0deg,transparent 0 9px,#62005b 10px 16px),radial-gradient(circle at 36% 25%,#fff 0 7%,#fff76e 18%,transparent 38%),conic-gradient(from 15deg,#fff700,#ff7a00,#ff25be,#9d28ff,#36f5ff,#fff700); box-shadow:inset 0 0 2.8rem rgba(255,255,255,.52),inset 0 -2.8rem 3.5rem rgba(255,44,174,.36); filter:drop-shadow(0 0 1rem #fff45c) drop-shadow(0 0 3.8rem rgba(255,71,0,.76)); opacity:.96; animation:electric-sun 1.45s ease-in-out infinite alternate; }
.electric-theme .horizon-grid { background-image:linear-gradient(rgba(234,255,0,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(54,245,255,.42) 1px,transparent 1px); filter:drop-shadow(0 0 6px rgba(234,255,0,.32)); }
.electric-theme .desktop-bar { background:linear-gradient(90deg,#fff47b,#ffb51b 42%,#ff55ca); border-bottom-color:#fffbd1; box-shadow:inset 0 -2px #9b2b00,0 4px 0 rgba(34,0,31,.34); color:#220018; }
.electric-theme .brand-button { background:#fff9bb; border-color:#fff #8a3900 #8a3900 #fff; }
.electric-theme .mini-mark { color:#240018; background:linear-gradient(135deg,#ecff00,#ff7a00 52%,#ff24bd); }
.electric-theme .status-light { background:#efff00; box-shadow:0 0 8px #fff,0 0 16px #eaff00; }
.electric-theme .theme-toggle { color:#16002a; background:#8eefff; border-color:#eaffff #265e83 #265e83 #eaffff; }
.electric-theme .eyebrow { color:#270018; background:#efff00; box-shadow:4px 4px 0 #ff4d00,0 0 18px rgba(234,255,0,.44); }
.electric-theme .electric-title { width:fit-content; display:grid; grid-template-columns:auto auto auto; align-items:baseline; column-gap:.08em; row-gap:.13em; font-size:clamp(3.7rem,8.2vw,7.15rem); line-height:.66; letter-spacing:-.075em; text-shadow:5px 5px 0 rgba(65,0,73,.48),0 0 22px rgba(255,239,0,.34); }
.electric-theme .electric-title .electric-word { grid-column:1/-1; justify-self:start; color:#f0ff00; font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif; font-size:.43em; font-weight:900; letter-spacing:.09em; line-height:.8; text-shadow:3px 3px 0 #ff3a00,0 0 18px #f7ff00; }
.electric-theme .electric-title>span:nth-child(2) { color:#fff4b5; }
.electric-theme .electric-title .ampersand { -webkit-text-stroke:2px #ff5b00; }
.electric-theme .electric-title>span:last-child { color:#38f6ff; }
.electric-theme .hero-note { color:#f8dfff; }
.electric-theme .icon-tile.cyan { color:#161000; background:linear-gradient(135deg,#fff700,#35f5ff); }
.electric-theme .icon-tile.pink { background:linear-gradient(135deg,#ff6500,#ff24c5); }
.electric-theme .greek-ring { border-color:rgba(240,255,0,.92); color:rgba(255,239,90,.18); box-shadow:inset 0 0 3rem rgba(255,45,192,.35),0 0 2.4rem rgba(235,255,0,.45); animation:electric-ring 1.15s ease-in-out infinite alternate; }
.electric-theme .greek-bust { filter:drop-shadow(15px 18px 0 rgba(255,42,180,.38)) drop-shadow(0 0 15px #fff16a) drop-shadow(0 0 32px rgba(255,91,0,.68)); animation:electric-bust-pulse 1.05s ease-in-out infinite alternate; }
.electric-theme .column { background:linear-gradient(108deg,#fffcd1 0 9%,#f5ff00 10% 24%,#ff7a00 25% 39%,#fff8a3 40% 52%,#ff28c9 53% 69%,#69f7ff 70% 83%,#f2ff00 84% 100%); border-color:#fffbc2; box-shadow:inset 7px 0 12px rgba(255,255,255,.55),inset -6px 0 12px rgba(142,0,87,.3),9px 11px 0 rgba(255,44,171,.4),0 0 23px rgba(239,255,0,.7); opacity:.9; }
.electric-theme .column::before,.electric-theme .column::after { background:linear-gradient(135deg,#fffbd1,#efff00 43%,#ff7a00 72%,#ff29bf); border-color:#fffbd6 #973500 #973500 #fffbd6; box-shadow:0 0 18px rgba(239,255,0,.75); }
.electric-theme .float-window { color:#250018; background:linear-gradient(145deg,#fffbd4,#fff157 45%,#ff7a1a); border-color:#fff #7c2500 #7c2500 #fff; box-shadow:7px 8px 0 rgba(63,0,64,.5),0 0 20px rgba(239,255,0,.6); }
.electric-theme .float-window p { color:#31001f; background:linear-gradient(135deg,rgba(255,255,210,.96),rgba(255,175,38,.9)); border:1px solid #c54100; text-shadow:0 1px #fffbd0; }
.electric-theme .float-window .tiny-titlebar { color:#fff; background:linear-gradient(90deg,#8b005f,#f00093 58%,#ff7500); box-shadow:inset 0 1px rgba(255,255,255,.5); }
.electric-theme .game-window,.electric-theme .media-window { background:#f4df77; border-color:#fffbd1 #7d2700 #7d2700 #fffbd1; box-shadow:12px 14px 0 rgba(55,0,63,.4),0 0 0 1px #42002f,0 0 24px rgba(239,255,0,.2); }
.electric-theme .window-titlebar { background:linear-gradient(90deg,#8a0069,#f00095 62%,#ff7900); }
.electric-theme .window-controls span { background:#ffe781; border-color:#fffbd1 #8a3d00 #8a3d00 #fffbd1; }
.electric-theme .window-icon,.electric-theme .section-kicker { color:#f0ff00; text-shadow:0 0 8px rgba(239,255,0,.68); }
.electric-theme .issue-chip { color:#f5ff58; border-color:#f0ff00; box-shadow:0 0 13px rgba(239,255,0,.3); }
.electric-theme .news-section::before,.electric-theme .entertainment-section::before { color:rgba(255,245,75,.1); }
.electric-theme .new-badge { color:#2c001a; background:#efff00; box-shadow:3px 3px 0 #ff5300; }
.electric-theme .play-button { color:#230015; background:#f1ff00; box-shadow:5px 5px 0 #ff28bd; }
.electric-theme .media-caption span { color:#a20070; }
.electric-theme footer { color:#2b001a; background:linear-gradient(90deg,#f0ff00 0%,#ffbf00 38%,#ff5a00 69%,#ff2fbd 100%); border-top-color:#fff56a; box-shadow:inset 0 2px rgba(255,255,255,.55),0 -12px 35px rgba(255,78,0,.32); text-shadow:0 1px #fff7a5; }
.electric-theme .electric-toggle { color:#fff; background:#6b005e; border-color:#ffbff0 #21001d #21001d #ffbff0; box-shadow:3px 3px 0 rgba(50,0,42,.38),0 0 14px #efff00; }
.melt-glitching .meltable-world { animation:page-glitch .22s steps(2,end) infinite; }
.melt-melting .meltable-world { pointer-events:none; animation:page-melt 5s cubic-bezier(.42,0,.8,.45) forwards; transform-origin:50% 0; }
.melt-melted .meltable-world { pointer-events:none; visibility:hidden; opacity:0; transform:translate3d(0,125vh,0) scaleY(1.85) skewX(-4deg); filter:blur(18px) hue-rotate(110deg); }
.melt-melted .analog-static { display:block; animation:tv-static .085s steps(2,end) infinite; }
.melt-restoring .meltable-world { pointer-events:none; animation:page-restore 2s steps(2,end) forwards; transform-origin:50% 0; }
.melt-restoring .analog-static { display:block; animation:static-restore 2s steps(2,end) forwards,tv-static .085s steps(2,end) infinite; }
@keyframes warning-marquee { to { transform:translateX(-50%); } }
@keyframes tv-static { 0%{background-position:0 0,0 0}25%{background-position:0 1px,43px -71px}50%{background-position:0 -2px,-82px 26px}75%{background-position:0 2px,67px 91px}100%{background-position:0 0,-24px -49px} }
@keyframes no-signal-flicker { 0%,68%{opacity:.9}69%,82%{opacity:.18}83%,100%{opacity:1} }
@keyframes static-restore { 0%{opacity:1;filter:contrast(1.8)}18%{opacity:.25;filter:invert(1)}34%{opacity:.9;filter:contrast(2.4)}52%{opacity:.12;filter:hue-rotate(90deg)}70%{opacity:.72;filter:invert(.2)}86%{opacity:.08}100%{opacity:0} }
@keyframes page-glitch { 0%{transform:translate(0);filter:none}20%{transform:translate(-8px,2px) skewX(1deg);filter:hue-rotate(80deg) saturate(1.8)}40%{transform:translate(7px,-2px);filter:contrast(1.6)}60%{transform:translate(-3px,4px) scaleX(1.006);filter:hue-rotate(-95deg)}80%{transform:translate(5px,-1px);filter:invert(.12) saturate(2.1)}100%{transform:translate(0);filter:none} }
@keyframes page-melt { 0%{transform:translateY(0) scaleY(1);filter:none;opacity:1}12%{transform:translate(-7px,9px) skewX(1.6deg) scaleY(1.03);filter:hue-rotate(75deg) contrast(1.45);opacity:1}24%{transform:translate(6px,35px) skewX(-1deg) scaleY(1.12);filter:blur(1px) saturate(1.8);opacity:.98}48%{transform:translate(-4px,28vh) skewX(3deg) scaleY(1.35);filter:blur(4px) hue-rotate(-60deg);opacity:.88}72%{transform:translate(5px,70vh) skewX(-4deg) scaleY(1.6);filter:blur(10px) hue-rotate(110deg);opacity:.48}100%{transform:translateY(125vh) skewX(-4deg) scaleY(1.85);filter:blur(18px) hue-rotate(110deg);opacity:0} }
@keyframes page-restore { 0%{transform:translateY(125vh) scaleY(1.85);filter:blur(18px) hue-rotate(110deg);opacity:0}15%{transform:translate(-12px,92vh) scaleY(1.55);filter:blur(8px) invert(.25);opacity:.24}30%{transform:translate(10px,65vh) scaleY(1.35);filter:hue-rotate(-100deg) contrast(1.9);opacity:.08}45%{transform:translate(-8px,40vh) skewX(2deg);filter:blur(4px) saturate(2);opacity:.52}60%{transform:translate(7px,18vh) skewX(-1deg);filter:hue-rotate(75deg);opacity:.34}78%{transform:translate(-5px,4vh);filter:contrast(1.7);opacity:.82}90%{transform:translate(4px,-3px);filter:invert(.12);opacity:.66}100%{transform:translate(0);filter:none;opacity:1} }
@keyframes electric-sun { from { transform:scale(.985); filter:drop-shadow(0 0 .8rem #fff45c) drop-shadow(0 0 3rem rgba(255,71,0,.64)); } to { transform:scale(1.018); filter:drop-shadow(0 0 1.4rem #fff45c) drop-shadow(0 0 4.7rem rgba(255,34,153,.8)); } }
@keyframes electric-ring { from { opacity:.72; transform:scale(.985); } to { opacity:1; transform:scale(1.02); } }
@keyframes electric-bust-pulse { from { filter:drop-shadow(15px 18px 0 rgba(255,42,180,.34)) drop-shadow(0 0 11px #fff16a) drop-shadow(0 0 23px rgba(255,91,0,.58)); } to { filter:drop-shadow(15px 18px 0 rgba(255,42,180,.46)) drop-shadow(0 0 23px #fff16a) drop-shadow(0 0 45px rgba(255,91,0,.82)); } }
@keyframes guru-seal-spin { to { transform:rotate(360deg); } }
@keyframes guru-aura-turn { from { transform:translate(-50%,-50%) rotate(0deg); } to { transform:translate(-50%,-50%) rotate(360deg); } }
@keyframes guru-float { from { transform:translateY(5px) scale(.99); } to { transform:translateY(-8px) scale(1.01); } }
@keyframes guru-strobe { 0%,49% { filter:none; } 50%,100% { filter:brightness(2.35) saturate(.2); background:#fff; } }

/* Weather station: a standalone 1990s forecast terminal with no ice/electric theme modes. */
.weather-page { --weather-navy:#10124f; --weather-blue:#1646a0; --weather-cyan:#4deaff; --weather-pink:#ff55bd; --weather-yellow:#fff45d; min-height:100vh; position:relative; overflow:hidden; color:#f8fdff; background:radial-gradient(circle at 75% 14%,rgba(255,240,80,.23),transparent 22rem),radial-gradient(circle at 18% 28%,rgba(65,224,255,.28),transparent 30rem),linear-gradient(180deg,#264fa4 0%,#15276d 45%,#090d32 100%); font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif; }
.weather-page::before { content:""; position:absolute; inset:48px 0 0; pointer-events:none; background-image:linear-gradient(rgba(76,238,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(76,238,255,.08) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(transparent,#000 35%,transparent 90%); }
.weather-scanlines { position:fixed; inset:0; z-index:19; pointer-events:none; opacity:.22; background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 4px); mix-blend-mode:multiply; }
.weather-bar { position:relative; background:linear-gradient(90deg,#c9c9c9,#e8e8e8 58%,#b6dff7); }
.weather-controls { display:flex; align-items:center; gap:4px; }
.weather-controls button { width:31px; height:30px; display:grid; place-items:center; padding:0; background:#d9d9d9; border:2px solid; border-color:#fff #393939 #393939 #fff; font-size:16px; cursor:pointer; }
.weather-controls button:hover,.weather-controls button.active { background:#baf5ff; box-shadow:inset 0 0 8px rgba(30,122,255,.28); }
.weather-controls button:active { border-color:#393939 #fff #fff #393939; }
.weather-controls button:focus-visible { outline:3px solid #fff; outline-offset:2px; }
.weather-controls .weather-jazz-toggle { margin-left:3px; background:#f3c8ea; }
.weather-marquee { min-height:42px; position:relative; z-index:21; display:flex; align-items:center; overflow:hidden; color:#080826; background:linear-gradient(90deg,#61eeff,#fff45d,#ff75ca); border-bottom:4px solid #080820; box-shadow:0 5px 0 rgba(0,0,0,.3); font:900 12px/1.2 "Courier New",monospace; text-transform:uppercase; }
.weather-marquee>div { width:max-content; display:flex; will-change:transform; animation:weather-marquee 23s linear infinite; }
.weather-marquee strong { flex:none; padding-right:5rem; letter-spacing:.025em; }
.weather-stage { min-height:900px; position:relative; z-index:5; display:grid; place-items:start center; padding:clamp(4rem,8vw,7rem) 20px 8rem; }
.weather-sun-disc { width:min(47vw,540px); aspect-ratio:1; position:absolute; top:3.5rem; left:50%; transform:translateX(-50%); border-radius:50%; background:repeating-linear-gradient(0deg,transparent 0 11px,#16286a 12px 17px),linear-gradient(180deg,#fff8a3,#ff83cc 52%,#75efff); filter:drop-shadow(0 0 3rem rgba(255,105,207,.5)); opacity:.8; }
.weather-column { width:95px; height:570px; position:absolute; top:13rem; display:grid; place-items:center; color:rgba(255,255,255,.2); border:5px ridge #c8f6ff; background:linear-gradient(90deg,#84d9ff,#f7ffff 18%,#4b79dc 40%,#e5fbff 64%,#6cbfe9 82%,#fff); box-shadow:15px 18px 0 rgba(9,11,58,.44),0 0 35px rgba(84,230,255,.28); font:900 3rem/1 Georgia,serif; opacity:.75; }
.weather-column::before,.weather-column::after { content:""; width:125px; height:34px; position:absolute; left:50%; transform:translateX(-50%); border:4px ridge #e9fdff; background:linear-gradient(#fff,#67c6ed); }
.weather-column::before { top:-32px; }.weather-column::after { bottom:-32px; }
.weather-column-left { left:4vw; transform:rotate(-3deg); }.weather-column-right { right:4vw; transform:rotate(3deg); }
.weather-dashboard { width:min(900px,calc(100vw - 40px)); position:relative; z-index:6; color:#101010; background:#c9c9c9; border:4px solid; border-color:#fff #272727 #272727 #fff; box-shadow:16px 18px 0 rgba(4,3,35,.55),0 0 0 2px #0b0b42,0 0 42px rgba(61,235,255,.28); transition:filter .35s,transform .35s; }
.weather-titlebar { min-height:38px; display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:7px 9px; color:#fff; background:linear-gradient(90deg,#11148b,#1260b7 62%,#45dced); font:900 12px/1 "Courier New",monospace; }
.weather-location { display:flex; justify-content:space-between; align-items:center; padding:7px 9px; background:#e8e8e8; border-bottom:2px solid #777; font:900 11px/1 "Courier New",monospace; }
.weather-location span { display:flex; align-items:center; gap:6px; }.weather-location-actions { display:flex; align-items:center; gap:5px; }.weather-location button { min-width:28px;height:27px;display:grid;place-items:center;border:2px solid;border-color:#fff #555 #555 #fff;background:#d6d6d6;cursor:pointer; }.weather-location button:active { border-color:#555 #fff #fff #555; }.weather-location .radar-toggle { width:auto; grid-auto-flow:column; gap:6px; padding:2px 8px; color:#fff; background:#17178c; font:900 9px/1 "Courier New",monospace; text-transform:uppercase; }.weather-location .radar-toggle[aria-pressed="true"] { color:#12124a; background:#72efff; }
.weather-view-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; padding:7px; background:#bdbdbd; border-bottom:2px solid #696969; }
.weather-view-tabs button { min-height:31px; display:flex; align-items:center; justify-content:center; gap:5px; padding:4px 7px; color:#111; background:#d8d8d8; border:2px solid; border-color:#fff #4b4b4b #4b4b4b #fff; font:900 9px/1 "Courier New",monospace; text-transform:uppercase; cursor:pointer; }
.weather-view-tabs button:hover { background:#e9fbff; }.weather-view-tabs button.active { color:#fff; background:#17178c; box-shadow:inset 0 0 0 2px #50eaff; }.weather-view-tabs button:active { border-color:#4b4b4b #fff #fff #4b4b4b; }.weather-view-tabs button:focus-visible { outline:3px solid #fff45d; outline-offset:1px; }
.weather-view-panel { min-height:514px; background:#0c124b; }
.hourly-view{min-height:514px;color:#fff;background:linear-gradient(180deg,#07103c,#15105e);overflow:hidden}.hourly-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;max-height:455px;padding:10px;overflow-y:auto;scrollbar-color:#50eaff #080d35}.hourly-card{min-width:0;padding:8px 5px;color:#82ff96;background:#030b19;border:2px solid;border-color:#eefcff #3c3c76 #3c3c76 #eefcff;box-shadow:inset 0 0 14px rgba(0,238,255,.13);font-family:"Courier New",monospace;text-align:center}.hourly-card time,.hourly-card strong,.hourly-card small,.hourly-card div span{display:block}.hourly-card time{color:#56efff;font:900 11px/1;text-transform:uppercase}.hourly-card .hourly-icon{display:block;margin:7px 0 3px;font-size:27px;filter:drop-shadow(0 0 7px #00eaff)}.hourly-card strong{color:#fff;font:900 25px/1}.hourly-card small{min-height:2.2em;margin:5px 0;color:#ffdc55;font:900 8px/1.1;text-transform:uppercase}.hourly-card div{padding-top:5px;border-top:1px solid #31556b}.hourly-card div span{margin-top:3px;font:800 7px/1.1}.hourly-view>.radar-credit{margin:0}
.weather-now { display:grid; justify-items:center; padding:2.2rem 1rem 1.7rem; color:#efffff; background:radial-gradient(circle at 50% 24%,rgba(80,247,255,.32),transparent 17rem),linear-gradient(180deg,#12176a,#1c2f7b 56%,#111342); }
.vapor-weather-icon { width:145px; height:120px; display:grid; place-items:center; color:#fff97d; font:900 6.7rem/1 Georgia,serif; text-shadow:5px 5px 0 #ff3dbd,0 0 22px #54efff; filter:drop-shadow(0 0 14px rgba(78,239,255,.75)); }
.weather-condition { margin-top:.5rem; color:#82f2ff; font:900 15px/1 "Courier New",monospace; letter-spacing:.13em; text-transform:uppercase; }
.weather-temperature { margin:.15rem 0; color:#fff; font:900 clamp(7rem,18vw,12rem)/.9 "Arial Narrow",Arial,sans-serif; letter-spacing:-.09em; text-shadow:8px 8px 0 #1c105f,0 0 30px rgba(89,239,255,.4); }
.weather-temperature sup { color:#fff45d; font-size:.32em; vertical-align:top; letter-spacing:0; }
.weather-metrics { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; }
.weather-metrics span { display:flex; align-items:center; gap:6px; padding:7px 9px; color:#12124a; background:#8ff5ff; border:2px solid; border-color:#eaffff #277692 #277692 #eaffff; font:900 10px/1 "Courier New",monospace; }
.forecast-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding:12px; background:#bcbcbc; }
.forecast-card { min-width:0; padding:0 0 12px; text-align:center; background:#f1f1f1; border:3px solid; border-color:#fff #555 #555 #fff; box-shadow:4px 4px 0 rgba(0,0,0,.18); }
.forecast-titlebar { padding:6px; color:#fff; background:#19198d; font:900 10px/1 "Courier New",monospace; }
.forecast-icon { min-height:75px; display:grid; place-items:center; color:#321166; font:900 3.6rem/1 Georgia,serif; text-shadow:3px 3px 0 #5cefff; }
.forecast-card>strong { display:block; min-height:28px; padding:0 6px; color:#20205c; font:900 11px/1.15 "Courier New",monospace; text-transform:uppercase; }
.forecast-card p { margin:5px 0; color:#111; font:800 19px/1 Arial,sans-serif; }.forecast-card p b { color:#d51279; }.forecast-card small { font:800 9px/1 "Courier New",monospace; }
.weather-statusbar { display:flex; justify-content:space-between; padding:6px 8px; border-top:2px solid #777; background:#ddd; font:800 9px/1 "Courier New",monospace; }
.weather-loading,.weather-error { min-height:420px; display:grid; place-content:center; justify-items:center; gap:1rem; padding:2rem; text-align:center; color:#fff; background:#10165e; font:900 13px/1.3 "Courier New",monospace; }
.weather-loading div { width:250px; height:18px; border:2px solid #fff; background:repeating-linear-gradient(90deg,#5cefff 0 18px,#ff4fb8 18px 36px); animation:weather-load .5s linear infinite; }
.weather-error button { padding:8px 13px; color:#111; background:#d6d6d6; border:3px solid; border-color:#fff #444 #444 #fff; font:900 11px/1 "Courier New",monospace; }
.weather-float-window { width:190px; position:absolute; z-index:9; color:#101010; background:#d5d5d5; border:3px solid; border-color:#fff #424242 #424242 #fff; box-shadow:8px 9px 0 rgba(0,0,0,.4); transform:rotate(-2deg); transition:filter .35s,transform .35s; }
.weather-float-window>div { display:flex; justify-content:space-between; padding:5px 6px; color:#fff; background:#19198d; font:900 9px/1 "Courier New",monospace; }.weather-float-window p { margin:0; padding:12px 9px; font:900 12px/1.3 "Courier New",monospace; }
.weather-float-one { top:8rem; left:max(2vw,10px); }.weather-float-two { top:38rem; right:max(2vw,10px); transform:rotate(2deg); }
.weather-artifact-deck { position:relative; z-index:5; width:min(1080px,calc(100% - 40px)); display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin:-4rem auto 7rem; }
.weather-artifact-deck article { position:relative; color:#111; background:#d2d2d2; border:4px solid; border-color:#fff #373737 #373737 #fff; box-shadow:12px 14px 0 rgba(0,0,0,.38); text-align:center; transition:filter .35s,transform .35s; }
.artifact-action { width:100%; height:100%; display:block; padding:0; color:inherit; background:transparent; border:0; text-align:inherit; cursor:pointer; font:inherit; }.artifact-action:focus-visible { outline:4px solid #fff45d; outline-offset:4px; }.artifact-action>div { display:flex; justify-content:space-between; padding:7px; color:#fff; background:#19198d; font:900 9px/1 "Courier New",monospace; }.artifact-emoji { display:grid; place-items:center; min-height:125px; font-size:5rem; background:linear-gradient(135deg,#fff,#9cefff 55%,#ff93d1); }.weather-artifact-deck h2 { margin:16px 12px 8px; color:#19198d; font-size:1.6rem; text-transform:uppercase; }.weather-artifact-deck p { margin:0; padding:0 18px 22px; font:700 13px/1.4 "Courier New",monospace; }.artifact-activation { position:absolute; inset:36px 8px auto; z-index:4; display:grid; place-items:center; min-height:92px; padding:12px; color:#fff; background:rgba(14,3,55,.86); border:3px solid #fff; opacity:0; transform:scale(.7); pointer-events:none; font:900 16px/1.2 "Courier New",monospace; text-transform:uppercase; text-shadow:0 0 8px #fff; }.weather-artifact-deck article.activated { animation:artifact-chaos 3.2s steps(2,end); }.weather-artifact-deck article.activated .artifact-activation { animation:artifact-message 3.2s ease-in-out; }
.radar-view { min-height:514px; padding:12px; color:#eaffff; background:#070b2f; }.radar-screen { height:450px; position:relative; overflow:hidden; border:4px inset #d8ffff; background:radial-gradient(circle,#102e68 0 3%,#05183e 4% 18%,#0b2758 19% 20%,#071638 21% 36%,#123064 37% 38%,#061333 39% 54%,#112d5d 55% 56%,#040d27 57%),repeating-linear-gradient(0deg,transparent 0 31px,rgba(77,242,255,.18) 32px),repeating-linear-gradient(90deg,transparent 0 31px,rgba(77,242,255,.18) 32px); box-shadow:inset 0 0 60px #000,0 0 22px rgba(77,242,255,.35); }.radar-screen img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; image-rendering:auto; filter:saturate(1.9) contrast(1.4) drop-shadow(0 0 9px #5affdf); opacity:.9; }.radar-grid { position:absolute; inset:0; z-index:2; background:linear-gradient(90deg,transparent 49.7%,rgba(110,248,255,.62) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(110,248,255,.62) 50%,transparent 50.3%); }.radar-sweep { width:72%; aspect-ratio:1; position:absolute; z-index:3; left:50%; top:50%; transform-origin:0 0; background:conic-gradient(from 0deg,rgba(78,255,215,.34),transparent 22deg); animation:radar-sweep 3.4s linear infinite; }.radar-center { position:absolute; z-index:4; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff; font:900 2.3rem/1 monospace; text-shadow:0 0 8px #00ffd5; }.radar-message { position:absolute; z-index:5; inset:0; display:grid; place-items:center; padding:2rem; text-align:center; color:#87fff1; background:rgba(3,8,32,.82); font:900 13px/1.4 "Courier New",monospace; }.radar-failed { color:#fff45d; }.radar-readout { display:flex; justify-content:space-between; gap:12px; padding:8px 2px 3px; color:#67f8ff; font:900 9px/1.3 "Courier New",monospace; }.radar-credit { margin:5px 0 0; text-align:right; font:700 8px/1 "Courier New",monospace; }.radar-credit a { color:#fff45d; }
.science-view { min-height:514px; padding:12px; color:#eaffff; background:radial-gradient(circle at 50% 0,rgba(66,228,255,.18),transparent 24rem),#070b2f; }
.science-data-strip { min-height:70px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; margin-bottom:10px; color:#11114d; background:linear-gradient(90deg,#66efff,#fff45d,#ff83ca); border:3px solid; border-color:#fff #565656 #565656 #fff; font:900 10px/1.3 "Courier New",monospace; text-transform:uppercase; }
.science-data-strip>strong { font-size:12px; }.science-data-strip>div { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }.science-data-strip>div>span { padding:5px 7px; color:#fff; background:#17178c; border:2px solid #fff; }
.lightning-map { height:430px; }.lightning-network { position:relative; overflow:hidden; border:4px inset #d8ffff; background:radial-gradient(circle at 50% 50%,rgba(0,225,255,.19),transparent 36%),linear-gradient(135deg,#071127,#0b2351 55%,#05091d); box-shadow:inset 0 0 70px #000,0 0 24px rgba(255,245,60,.18); }.coordinate-grid { position:absolute; inset:0; background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(88,232,255,.22) 40px 41px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(88,232,255,.22) 40px 41px),linear-gradient(45deg,transparent 49.8%,rgba(88,232,255,.2) 50%,transparent 50.2%); }.map-caption { position:absolute; z-index:6; left:10px; top:10px; padding:6px 8px; color:#7ffcff; background:rgba(3,8,31,.88); border:2px solid #32aacc; font:900 9px/1.2 "Courier New",monospace; }.strike-dot { width:10px; height:10px; position:absolute; z-index:5; transform:translate(-50%,-50%) rotate(45deg); background:#fff45d; box-shadow:0 0 5px #fff,0 0 13px #fff200,0 0 24px #ff7a00; animation:strike-flicker .72s steps(2,end) infinite; }
.hurricane-map { height:520px; display:grid; place-items:center; overflow:hidden; border:4px inset #d8ffff; background:#071638; }.hurricane-map img { width:100%; height:100%; object-fit:contain; background:#d7f5ff; }
.quake-strip,.flare-strip { display:block; max-height:300px; overflow:auto; text-align:left; }.quake-strip>strong,.flare-strip>strong { display:block; margin-bottom:7px; }.quake-strip ol,.flare-strip ol { display:grid; grid-template-columns:1fr 1fr; gap:5px; margin:0; padding:0; list-style:none; }.quake-strip li,.flare-strip li { min-width:0; padding:6px 7px; background:rgba(255,255,255,.73); border:1px solid rgba(17,17,77,.35); }.quake-strip a { display:block; color:#11114d; text-decoration:none; }.quake-strip small,.flare-strip small { display:block; margin-top:3px; font-size:8px; opacity:.72; }.flare-strip li { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:4px 8px; }.flare-strip li>b { grid-row:1/3; color:#c1006e; font-size:17px; }.flare-strip li small { margin:0; }
.global-data-map { height:430px; position:relative; overflow:hidden; border:4px inset #d8ffff; background:#071638; }.seismic-grid { background:radial-gradient(ellipse at 20% 42%,rgba(50,210,176,.35) 0 10%,transparent 11%),radial-gradient(ellipse at 48% 37%,rgba(50,210,176,.28) 0 13%,transparent 14%),radial-gradient(ellipse at 76% 55%,rgba(50,210,176,.3) 0 11%,transparent 12%),linear-gradient(180deg,#061129,#0a2854); }.quake-dot { position:absolute; z-index:3; transform:translate(-50%,-50%); border:2px solid #fff; border-radius:50%; background:#ff3eaf; box-shadow:0 0 8px #fff,0 0 20px #ffea00; animation:quake-pulse .8s ease-in-out infinite alternate; }
.solar-image { height:520px; position:relative; display:grid; place-items:center; overflow:hidden; border:4px inset #ffd8f2; background:#030005; }.solar-image img { width:100%; height:100%; object-fit:contain; filter:saturate(1.45) contrast(1.2) drop-shadow(0 0 25px #ff6a00); }.solar-image>div { position:absolute; left:10px; bottom:10px; padding:6px 8px; color:#fff45d; background:rgba(20,0,30,.82); border:2px solid #ff72cf; font:900 9px/1 "Courier New",monospace; }
.ufo-strip { display:block; max-height:315px; overflow:auto; }.ufo-strip>span { float:right; padding:4px 6px; color:#fff; background:#291172; border:2px solid #fff; }.ufo-strip ol { clear:both; display:grid; grid-template-columns:1fr 1fr; gap:5px; margin:10px 0 0; padding:0; list-style:none; }.ufo-strip li { display:grid; grid-template-columns:auto 1fr; gap:3px 8px; padding:6px 7px; background:rgba(255,255,255,.76); border:1px solid rgba(17,17,77,.35); }.ufo-strip li b { grid-row:1/3; color:#74009f; font-size:13px; }.ufo-strip li small { grid-column:2; font-size:8px; opacity:.75; }.ufo-image { height:360px; position:relative; display:grid; place-items:center; overflow:hidden; border:4px inset #d8ffff; background:radial-gradient(ellipse at 50% 73%,rgba(104,255,215,.45),transparent 23%),linear-gradient(#05031c 0 62%,#18165c 63% 100%); }.ufo-image span { z-index:2; font-size:9rem; filter:drop-shadow(0 0 12px #fff) drop-shadow(0 0 36px #54ffcb); animation:ufo-hover 2.8s ease-in-out infinite; }.ufo-image i { width:55%; height:48%; position:absolute; top:49%; background:linear-gradient(rgba(103,255,220,.35),transparent); clip-path:polygon(40% 0,60% 0,100% 100%,0 100%); }.ufo-image b { position:absolute; left:10px; bottom:10px; padding:6px 8px; color:#9cffe2; background:rgba(3,2,24,.88); border:2px solid #7dffe0; font:900 9px/1 "Courier New",monospace; }.moon-display { min-height:500px; display:grid; place-content:center; justify-items:center; text-align:center; background:radial-gradient(circle at 50% 35%,rgba(180,210,255,.18),transparent 18rem),linear-gradient(#020316,#11145c); }.moon-image { font-size:12rem; line-height:1; filter:drop-shadow(0 0 18px #b9d9ff) drop-shadow(0 0 55px #6b8dff); }.moon-display h2 { margin:12px 0 2px; color:#fff; font:900 2rem/1 "Arial Narrow",Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; text-shadow:0 0 14px #8fefff; }.moon-display>p { margin:6px 0 18px; color:#a7f7ff; font:900 11px/1 "Courier New",monospace; }.moon-countdown { min-width:min(460px,90vw); padding:12px; color:#11114d; background:linear-gradient(90deg,#9ff7ff,#fff,#d3b5ff); border:4px solid; border-color:#fff #4d4d70 #4d4d70 #fff; }.moon-countdown strong,.moon-countdown span { display:block; }.moon-countdown span { margin-top:7px; color:#3a126e; font:900 clamp(16px,4vw,25px)/1 "Courier New",monospace; letter-spacing:.06em; }
@keyframes ufo-hover { 50% { transform:translateY(-12px) rotate(-2deg); } }
.weather-data-footer { gap:8px; flex-wrap:wrap; color:#fff; background:linear-gradient(90deg,#10106a,#064fa0,#7c1b87); border-top-color:#8ff5ff; }.weather-data-footer span:last-child { color:#fff45d; }
.map-border-base { width:100%; height:100%; position:absolute; z-index:0; inset:0; border:0; pointer-events:none; filter:saturate(.35) contrast(1.5) brightness(.72) hue-rotate(158deg); opacity:.88; }.radar-screen img.radar-weather-layer { z-index:1; opacity:.72; }.lightning-network .map-border-base { filter:saturate(.3) contrast(1.65) brightness(.58) hue-rotate(155deg); opacity:.92; }.lightning-network .coordinate-grid { z-index:2; pointer-events:none; }.quake-strip a { font-size:13px; line-height:1.25; }.quake-strip a b { color:#a00062; font-size:18px; line-height:1; }.quake-strip small { margin-top:5px; font-size:10px; line-height:1.25; opacity:.78; }
@media (max-width:600px) { .weather-view-tabs{grid-template-columns:1fr 1fr}.weather-view-tabs button{font-size:8px}.science-data-strip{align-items:flex-start;flex-direction:column}.science-data-strip>div{justify-content:flex-start}.quake-strip ol,.flare-strip ol,.ufo-strip ol{grid-template-columns:1fr}.global-data-map,.solar-image,.hurricane-map{height:350px}.lightning-map{height:360px}.ufo-image{height:300px}.ufo-image span{font-size:7rem}.moon-image{font-size:9rem}.weather-data-footer{flex-direction:column}.weather-data-footer span{padding:1px 0} }
.weather-footer { position:relative; z-index:22; display:flex; justify-content:space-between; padding:18px max(20px,calc((100vw - 1180px)/2)); color:#11124c; background:linear-gradient(90deg,#59ebff,#fff45d,#ff67c4); border-top:5px solid #fff; font:900 10px/1.3 "Courier New",monospace; }
.weather-effect-layer { position:fixed; inset:48px 0 0; z-index:18; pointer-events:none; overflow:hidden; }
.weather-effect-layer.rain { opacity:.94; background:repeating-linear-gradient(103deg,transparent 0 9px,rgba(225,250,255,.88) 10px 12px,transparent 13px 24px),linear-gradient(rgba(8,25,72,.38),rgba(8,17,58,.64)); animation:weather-rain .2s linear infinite; }
.weather-effect-layer.rain::before { content:""; position:absolute; inset:0; background:repeating-linear-gradient(106deg,transparent 0 27px,rgba(89,202,255,.72) 28px 32px,transparent 33px 51px); filter:blur(1px); animation:weather-rain .34s linear infinite reverse; }
.weather-effect-layer.thunder { background:rgba(2,1,28,.7); animation:weather-thunder 3.2s steps(1,end) infinite; }
.weather-effect-layer.thunder::before { content:""; width:34vw; height:92vh; position:absolute; left:48%; top:-12%; background:linear-gradient(145deg,transparent 0 42%,#fff 42.5% 45%,#6defff 45.5% 48%,transparent 48.5%); clip-path:polygon(56% 0,34% 41%,51% 39%,27% 100%,76% 34%,57% 37%,78% 0); filter:drop-shadow(0 0 12px #fff) drop-shadow(0 0 36px #3cbcff); animation:weather-bolt 3.2s steps(1,end) infinite; }
.weather-effect-layer.fire { background:linear-gradient(transparent 28%,rgba(99,0,0,.18) 55%,rgba(255,46,0,.62)); mix-blend-mode:screen; }
.weather-effect-layer.fire::before { content:""; position:absolute; inset:34% -8% -12%; background:repeating-conic-gradient(from 16deg at 50% 100%,transparent 0 3deg,#fff67a 4deg 7deg,#ff7a00 8deg 12deg,#f20 13deg 17deg,transparent 18deg 24deg); filter:blur(4px) drop-shadow(0 -12px 18px #ff3c00); animation:weather-fire-tongues .34s ease-in-out infinite alternate; }.weather-effect-layer.fire i { width:clamp(90px,15vw,230px); height:58vh; position:absolute; bottom:-16%; left:calc((var(--i,1) - 1) * 18% - 5%); border-radius:55% 45% 30% 70% / 70% 65% 35% 30%; background:radial-gradient(ellipse at 50% 82%,#fffbd1 0 9%,#ffe32e 18%,#ff6a00 38%,#e50000 58%,transparent 71%); filter:blur(2px) drop-shadow(0 0 18px #ff4b00); transform-origin:50% 100%; animation:flame-flicker .48s ease-in-out infinite alternate; }.weather-effect-layer.fire i:nth-child(1){--i:1;animation-delay:-.18s}.weather-effect-layer.fire i:nth-child(2){--i:2;animation-delay:-.36s}.weather-effect-layer.fire i:nth-child(3){--i:3;animation-delay:-.08s}.weather-effect-layer.fire i:nth-child(4){--i:4;animation-delay:-.28s}.weather-effect-layer.fire i:nth-child(5){--i:5;animation-delay:-.42s}.weather-effect-layer.fire i:nth-child(6){--i:6;animation-delay:-.13s}
.weather-effect-layer.sun { background:radial-gradient(circle at 76% 18%,#fff 0 6%,rgba(255,253,151,.98) 9%,rgba(255,225,0,.76) 20%,rgba(255,177,0,.35) 42%,rgba(255,241,116,.16) 68%,transparent 82%); mix-blend-mode:screen; animation:weather-sun-pulse .72s ease-in-out infinite alternate; }
.weather-effect-layer.sun::before { content:""; width:110vmax; height:110vmax; position:absolute; left:76%; top:18%; transform:translate(-50%,-50%); background:repeating-conic-gradient(rgba(255,249,143,.38) 0 3deg,transparent 4deg 10deg); animation:weather-sun-rays 9s linear infinite; }
.weather-effect-layer.wind { opacity:.94; background:repeating-linear-gradient(173deg,transparent 0 21px,rgba(240,254,255,.9) 22px 25px,transparent 26px 42px); animation:weather-wind .22s linear infinite; }
.weather-effect-layer.wind::before { content:""; position:absolute; inset:0; background:repeating-linear-gradient(168deg,transparent 0 58px,rgba(126,229,255,.72) 59px 65px,transparent 66px 104px); filter:blur(2px); animation:weather-wind .38s linear infinite reverse; }
.weather-effect-layer.tornado { background:radial-gradient(ellipse at 72% 0,#4e6079 0 16%,rgba(13,19,38,.74) 42%,transparent 72%); }.weather-effect-layer.tornado::before { content:""; width:min(70vw,760px); height:112vh; position:absolute; right:-2vw; top:-8vh; background:repeating-radial-gradient(ellipse at 50% 0,#e6fbff 0 2%,#5f708a 3% 6%,#1e293d 7% 9%,#c8eef5 10% 12%); clip-path:polygon(0 0,100% 0,72% 28%,64% 48%,57% 69%,53% 100%,45% 100%,42% 70%,34% 48%,27% 28%); opacity:.92; filter:blur(2px) drop-shadow(0 0 38px #bdefff); animation:tornado-funnel .62s ease-in-out infinite alternate; }.weather-effect-layer.tornado i { height:34px; position:absolute; z-index:2; right:calc(10vw + var(--ring) * 2.4vw); top:calc(10vh + var(--ring) * 11vh); width:calc(58vw - var(--ring) * 6vw); min-width:80px; border:5px solid rgba(229,251,255,.82); border-left-color:rgba(43,57,79,.8); border-right-color:#fff; border-radius:50%; filter:drop-shadow(0 0 12px #d9faff); animation:tornado-ring calc(.5s + var(--ring) * .06s) linear infinite; }.weather-effect-layer.tornado i:nth-child(1){--ring:0}.weather-effect-layer.tornado i:nth-child(2){--ring:1}.weather-effect-layer.tornado i:nth-child(3){--ring:2}.weather-effect-layer.tornado i:nth-child(4){--ring:3}.weather-effect-layer.tornado i:nth-child(5){--ring:4}.weather-effect-layer.tornado i:nth-child(6){--ring:5}
.weather-effect-layer.tsunami { background:linear-gradient(transparent 43%,rgba(0,55,138,.38)); }.weather-effect-layer.tsunami::before { content:""; width:115vw; height:88vh; position:absolute; left:-120vw; bottom:-24vh; border-radius:58% 42% 18% 24% / 72% 58% 25% 18%; background:radial-gradient(circle at 76% 18%,transparent 0 13%,#d9ffff 14% 18%,#5df4ff 19% 23%,#0874c5 25% 47%,#04337e 58% 72%,#021b51 80%); box-shadow:inset -18px 25px 0 rgba(224,255,255,.65),0 -28px 45px rgba(91,245,255,.9); transform:rotate(-7deg); animation:wave-sweep 3.2s cubic-bezier(.35,.02,.64,.98) infinite; }.weather-effect-layer.tsunami::after { content:""; width:56vw; height:22vh; position:absolute; left:-80vw; bottom:43vh; border-radius:50%; background:radial-gradient(ellipse,#fff 0 12%,#83fbff 24%,transparent 66%); filter:blur(4px); animation:wave-foam 3.2s cubic-bezier(.35,.02,.64,.98) infinite; }
.effect-rain .weather-dashboard,.effect-rain .weather-float-window,.effect-rain .weather-artifact-deck article,.effect-rain .weather-column { filter:brightness(.58) saturate(.72) hue-rotate(12deg) contrast(1.25); animation:weather-rain-shudder .24s linear infinite alternate; }
.effect-thunder .weather-dashboard,.effect-thunder .weather-float-window,.effect-thunder .weather-artifact-deck article,.effect-thunder .weather-column,.effect-thunder .weather-footer { animation:weather-electrical-shock 3.2s steps(1,end) infinite; }
.effect-fire .weather-dashboard,.effect-fire .weather-float-window,.effect-fire .weather-artifact-deck article,.effect-fire .weather-column,.effect-fire .weather-sun-disc { filter:saturate(2.4) sepia(.38) hue-rotate(-18deg) contrast(1.3); animation:weather-heat .45s ease-in-out infinite alternate; }
.effect-sun .weather-dashboard,.effect-sun .weather-float-window,.effect-sun .weather-artifact-deck article,.effect-sun .weather-column,.effect-sun .weather-footer { filter:brightness(1.48) saturate(1.55) contrast(1.08); animation:weather-sunbleach .72s ease-in-out infinite alternate; }
.effect-wind .weather-dashboard,.effect-wind .weather-float-window,.effect-wind .weather-artifact-deck article,.effect-wind .weather-column { animation:weather-sway .32s ease-in-out infinite alternate; }
.effect-tornado .weather-float-one { transform:translate(38px,-22px) rotate(14deg); }.effect-tornado .weather-float-two { transform:translate(-46px,-28px) rotate(-16deg); }.effect-tornado .weather-dashboard { filter:contrast(1.45) saturate(.58) brightness(.72); animation:weather-tornado-shake .18s linear infinite alternate; }.effect-tornado .weather-artifact-deck article,.effect-tornado .weather-column { animation:weather-tornado-shake .25s linear infinite alternate-reverse; }
.effect-tsunami .weather-dashboard,.effect-tsunami .weather-float-window,.effect-tsunami .weather-artifact-deck article,.effect-tsunami .weather-column,.effect-tsunami .weather-footer { filter:hue-rotate(12deg) saturate(1.7) brightness(.78); animation:weather-bob .78s ease-in-out infinite alternate; }
@keyframes weather-marquee { from { transform:translateX(100vw); } to { transform:translateX(-100%); } }
@keyframes weather-load { to { background-position:36px 0; } }
@keyframes weather-rain { to { background-position:-34px 76px; } }
@keyframes weather-thunder { 0%,9%,13%,100%{background:rgba(4,3,34,.42)}10%,12%{background:rgba(255,255,255,.78)}11%{background:rgba(87,147,255,.28)} }
@keyframes weather-bolt { 0%,9%,13%,100%{opacity:0}10%,12%{opacity:1}11%{opacity:.2} }
@keyframes weather-fire { from{transform:scaleY(.96);filter:hue-rotate(-8deg)}to{transform:scaleY(1.08);filter:hue-rotate(14deg)} }
@keyframes weather-fire-tongues { from{transform:translateY(7%) scaleX(.96)}to{transform:translateY(-5%) scaleX(1.04)} }
@keyframes flame-flicker { 0%{transform:skewX(-7deg) scale(.82,1.03);opacity:.76}45%{transform:skewX(5deg) scale(1.08,.9);opacity:1}100%{transform:skewX(-2deg) scale(.92,1.13);opacity:.88} }
@keyframes weather-sun-pulse { from{opacity:.72;filter:brightness(1)}to{opacity:1;filter:brightness(1.25)} }
@keyframes weather-sun-rays { to{transform:translate(-50%,-50%) rotate(360deg)} }
@keyframes weather-wind { to { background-position:180px -28px; } }
@keyframes weather-tornado { to { transform:rotate(360deg) scale(1.03); } }
@keyframes tornado-funnel { from{transform:translateX(-4%) skewX(-3deg)}to{transform:translateX(5%) skewX(4deg)} }
@keyframes tornado-ring { to{transform:rotateY(360deg) rotateZ(8deg)} }
@keyframes wave-sweep { 0%{left:-120vw;transform:translateY(12%) rotate(-7deg)}70%{left:12vw;transform:translateY(-5%) rotate(-2deg)}100%{left:112vw;transform:translateY(9%) rotate(3deg)} }
@keyframes wave-foam { 0%{left:-80vw;opacity:0}25%{opacity:1}72%{left:42vw;opacity:1}100%{left:130vw;opacity:0} }
@keyframes weather-rain-shudder { from{transform:translate(-2px,1px)}to{transform:translate(2px,-1px)} }
@keyframes weather-electrical-shock { 0%,9%,13%,100%{filter:brightness(.52) contrast(1.35)}10%,12%{filter:brightness(2.1) contrast(1.6) saturate(.2)}11%{filter:brightness(.28) hue-rotate(90deg)} }
@keyframes weather-heat { from{transform:skewX(-.35deg) scale(1)}to{transform:skewX(.5deg) scale(1.012)} }
@keyframes weather-sunbleach { from{transform:scale(1)}to{transform:scale(1.008)} }
@keyframes weather-sway { from{transform:translateX(-14px) skewX(-1.1deg)}to{transform:translateX(17px) skewX(1.4deg)} }
@keyframes weather-tornado-shake { from{transform:translate(-7px,3px) rotate(-.4deg)}to{transform:translate(8px,-4px) rotate(.6deg)} }
@keyframes weather-bob { from{transform:translateY(8px) rotate(-.35deg)}to{transform:translateY(-28px) rotate(.45deg)} }
@keyframes radar-sweep { to{transform:rotate(360deg)} }
@keyframes strike-flicker { 0%,42%{opacity:.35;filter:brightness(1)}43%,100%{opacity:1;filter:brightness(2.4)} }
@keyframes quake-pulse { from{transform:translate(-50%,-50%) scale(.75)}to{transform:translate(-50%,-50%) scale(1.2)} }
@keyframes artifact-chaos { 0%{transform:translate(0);filter:hue-rotate(0) saturate(1);box-shadow:0 0 8px #ff48c8}12%{transform:translate(-9px,5px) rotate(-1deg);filter:hue-rotate(75deg) saturate(2.4);box-shadow:0 0 42px #50f6ff}25%{transform:translate(8px,-5px) rotate(1deg);filter:hue-rotate(155deg) saturate(2.8);box-shadow:0 0 48px #fff455}40%{transform:translate(-6px,-3px) rotate(-.8deg);filter:hue-rotate(235deg) saturate(3);box-shadow:0 0 52px #ae52ff}58%{transform:translate(7px,4px) rotate(.8deg);filter:hue-rotate(315deg) saturate(2.6);box-shadow:0 0 46px #ff552e}76%{transform:translate(-4px,2px);filter:hue-rotate(410deg) saturate(2.2);box-shadow:0 0 38px #63ff99}100%{transform:translate(0);filter:none;box-shadow:12px 14px 0 rgba(0,0,0,.38)} }
@keyframes artifact-message { 0%,100%{opacity:0;transform:scale(.72)}10%,84%{opacity:1;transform:scale(1)}90%{opacity:.45;transform:scale(1.08)} }

/* Running archive: Olympian stone, vaporwave light, and Windows 95 controls. */
.running-shell { min-height:100vh; background-image:radial-gradient(circle at 50% 17%,rgba(255,222,71,.22),transparent 28rem),radial-gradient(circle at 14% 36%,rgba(53,241,255,.2),transparent 30rem),radial-gradient(circle at 86% 42%,rgba(255,62,181,.2),transparent 31rem),linear-gradient(180deg,#23084d 0%,#11062e 48%,#050311 100%); }
.running-sun { width:min(48vw,620px); aspect-ratio:1; position:absolute; left:50%; top:7rem; transform:translateX(-50%); border-radius:50%; background:repeating-linear-gradient(0deg,transparent 0 12px,#14052f 13px 20px),linear-gradient(180deg,#fff4a5,#ffb23d 35%,#ff3eb5 72%); filter:drop-shadow(0 0 4rem rgba(255,164,51,.48)); opacity:.82; }
.running-grid { height:42rem; position:absolute; left:-12%; right:-12%; top:45rem; transform:perspective(380px) rotateX(61deg); transform-origin:top; background-image:linear-gradient(rgba(53,241,255,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(53,241,255,.28) 1px,transparent 1px); background-size:55px 55px; mask-image:linear-gradient(#000,transparent 90%); }
.running-hero { width:min(1280px,calc(100% - 30px)); min-height:1260px; position:relative; z-index:3; margin:auto; padding:5rem 0 8rem; text-align:center; }
.running-hero.matt-unlocked,.running-hero.guest-unlocked { min-height:1900px; }
.running-hero.guest-duo-unlocked { min-height:1980px; }
.running-kicker { width:fit-content; margin:0 auto 1.2rem; padding:8px 12px; color:#1b0a30; background:#fff45d; border:3px solid; border-color:#fff #8b5500 #8b5500 #fff; box-shadow:5px 5px 0 #ff3eb5; font:900 11px/1 "Courier New",monospace; }
.running-hero>h1 { position:relative; z-index:4; display:grid; justify-items:center; gap:.02em; margin:0; color:#fff7df; font:900 clamp(4rem,10vw,9rem)/.72 Georgia,"Times New Roman",serif; letter-spacing:-.075em; text-shadow:7px 7px 0 #542191,0 0 30px rgba(255,214,80,.36); }
.running-hero>h1 span { color:#ffdc4d; font-size:.72em; letter-spacing:.04em; }
.olympian-scene { height:790px; position:relative; z-index:2; margin-top:-1rem; }
.olympian-statue-wrap { width:min(500px,46vw); position:absolute; z-index:3; left:50%; top:0; transform:translateX(-50%); filter:drop-shadow(20px 22px 0 rgba(54,16,94,.42)) drop-shadow(0 0 30px rgba(255,214,80,.25)); transition:filter .3s,transform .3s; }
.olympian-statue-wrap img { width:100%; height:auto; display:block; }
.olympian-statue-wrap i { width:12px; height:8px; position:absolute; z-index:5; top:6.65%; border-radius:50%; opacity:0; background:#fff; box-shadow:0 0 8px #fff,0 0 18px #ff3eb5,0 0 34px #35f1ff; transition:opacity .18s; }
.olympian-statue-wrap i:first-of-type { left:46.2%; }.olympian-statue-wrap i:last-of-type { left:51.2%; }
.olympian-statue-wrap.eyes-awake { animation:olympian-awaken .22s steps(2,end) infinite; filter:drop-shadow(20px 22px 0 rgba(54,16,94,.42)) drop-shadow(0 0 42px #ffd947); }.olympian-statue-wrap.eyes-awake i { opacity:1; animation:olympian-eyes .46s ease-in-out infinite alternate; }
.laurel { position:absolute; z-index:1; top:7%; color:#e5bd37; font:900 clamp(12rem,23vw,23rem)/1 Georgia,serif; text-shadow:0 0 25px rgba(255,220,71,.52); opacity:.62; }.laurel-left { left:6%; transform:rotate(-25deg); }.laurel-right { right:6%; transform:scaleX(-1) rotate(-25deg); }
.platonic { position:absolute; z-index:2; color:#75f5ff; font:300 clamp(5rem,9vw,9rem)/1 Georgia,serif; text-shadow:0 0 18px #36eeff; opacity:.58; animation:platonic-float 4.2s ease-in-out infinite alternate; }.solid-one { left:7%; top:34%; }.solid-two { right:8%; top:24%; animation-delay:-1.4s; }.solid-three { right:13%; top:58%; animation-delay:-2.6s; }
.ancient-object { position:absolute; z-index:4; font-size:clamp(4.2rem,7vw,7rem); filter:drop-shadow(0 0 16px rgba(255,210,70,.45)); }.amphora { left:10%; bottom:5%; transform:rotate(-9deg); }.discus { right:12%; bottom:9%; color:#f2d26d; text-shadow:0 0 20px #ffb540; }
.record-arena { position:relative; z-index:6; display:grid; grid-template-columns:minmax(270px,390px) minmax(270px,390px); justify-content:space-between; column-gap:clamp(11rem,24vw,27rem); row-gap:5rem; margin-top:-515px; padding:0 3%; }
.guest-records { width:100%; grid-column:1/-1; display:grid; grid-template-columns:minmax(270px,390px); justify-content:center; gap:5rem; }
.guest-records-duo { grid-template-columns:repeat(2,minmax(270px,390px)); justify-content:space-between; }
.athlete-matt,.athlete-kara { width:min(100%,390px); justify-self:center; }
.athlete-matt.unlocked-arrival,.athlete-kara.unlocked-arrival { animation:matt-materialize .8s cubic-bezier(.2,.82,.24,1) both; }
.athlete-record h2 { margin:0 0 18px; color:#fff; font:900 clamp(3rem,6vw,5.4rem)/.76 "Arial Narrow",Arial,sans-serif; letter-spacing:-.065em; text-shadow:5px 5px 0 #5d1e96,0 0 22px rgba(53,241,255,.36); }
.stone-tablet { width:100%; min-height:520px; position:relative; display:block; overflow:hidden; padding:62px 32px 28px; color:#312b38; border:8px ridge #d8d2cf; border-radius:52px 52px 12px 12px; background:radial-gradient(circle at 22% 17%,rgba(255,255,255,.52),transparent 18%),repeating-linear-gradient(116deg,transparent 0 27px,rgba(73,62,73,.08) 28px 30px,transparent 31px 55px),linear-gradient(135deg,#e7e0d8,#aaa2a4 55%,#d1c8bf); box-shadow:inset 11px 8px 17px rgba(255,255,255,.48),inset -13px -10px 20px rgba(43,35,47,.25),15px 18px 0 rgba(0,0,0,.4),0 0 25px rgba(53,241,255,.16); cursor:pointer; }
.stone-tablet::before { content:""; position:absolute; inset:13px; border:2px carved #777; border:2px solid rgba(72,62,75,.35); border-radius:39px 39px 6px 6px; box-shadow:inset 2px 2px rgba(255,255,255,.55),2px 2px rgba(36,29,42,.26); pointer-events:none; }
.stone-tablet:focus-visible { outline:5px solid #fff45d; outline-offset:6px; }
.tablet-medallion { width:66px; height:66px; position:absolute; left:50%; top:14px; display:grid; place-items:center; transform:translateX(-50%); color:#60420a; border-radius:50%; border:5px ridge #ffe48a; background:radial-gradient(circle at 34% 28%,#fff4af,#d99a20 48%,#7a4b00); box-shadow:0 4px 0 rgba(74,43,0,.4),0 0 17px rgba(255,213,62,.55); font:900 25px/1 Georgia,serif; }
.stone-tablet h3 { position:relative; margin:25px 0 23px; color:#40364a; font:900 18px/1.05 Georgia,serif; letter-spacing:.05em; text-shadow:1px 1px rgba(255,255,255,.6),-1px -1px rgba(54,44,58,.28); }
.stone-tablet dl { position:relative; margin:0; padding:0; }.record-row { display:grid; grid-template-columns:1fr auto; gap:18px; padding:13px 4px; border-bottom:2px groove rgba(60,49,64,.4); font:900 17px/1 "Courier New",monospace; text-transform:uppercase; text-shadow:1px 1px rgba(255,255,255,.65); }.record-row dt,.record-row dd { margin:0; }.record-row dd { color:#6c275a; font-size:1.08em; }
.tablet-prompt { display:block; margin-top:22px; color:#625869; font:900 9px/1 "Courier New",monospace; letter-spacing:.08em; }
.athlete-record.activated .stone-tablet { animation:tablet-awaken 3.2s steps(2,end); }.athlete-record.activated h2 { animation:name-energy .4s ease-in-out infinite alternate; }
.running-footer { position:relative; z-index:22; }
.running-footer>span:last-of-type { padding-right:145px; }
.matt-unlock-toggle { background:conic-gradient(from 45deg,#24150c,#8b542e,#ffcf8a,#56301d,#24150c); border-color:#ffe2b4 #4d2b19 #4d2b19 #ffe2b4; box-shadow:inset 0 0 0 3px #2c160d,0 0 11px rgba(255,190,115,.65),3px 3px 0 rgba(0,0,0,.28); }
.matt-unlock-toggle.is-unlocked { filter:grayscale(.35); }
.kara-unlock-toggle { background:conic-gradient(from 45deg,#56320e,#ffd54f,#fff0a6,#db77b8,#56320e); border-color:#fff4be #7a4a18 #7a4a18 #fff4be; box-shadow:inset 0 0 0 3px #6e365e,0 0 11px rgba(255,221,99,.75),3px 3px 0 rgba(0,0,0,.28); }
.kara-unlock-toggle.is-unlocked { filter:grayscale(.35); }
.running-shell.frozen-theme .running-sun { background:repeating-linear-gradient(0deg,transparent 0 10px,#082852 11px 18px),radial-gradient(circle at 36% 28%,#fff 0 8%,transparent 27%),linear-gradient(180deg,#efffff,#85e7ff 48%,#196fbd); filter:drop-shadow(0 0 4rem rgba(143,235,255,.72)); }
.running-shell.frozen-theme .running-grid { background-image:linear-gradient(rgba(193,248,255,.43) 1px,transparent 1px),linear-gradient(90deg,rgba(193,248,255,.43) 1px,transparent 1px); }
.running-shell.frozen-theme .running-kicker { color:#052a50; background:#d8faff; box-shadow:5px 5px 0 #42a8dc; }.running-shell.frozen-theme .running-hero>h1 span { color:#9eefff; }.running-shell.frozen-theme .athlete-record h2 { color:#c9f8ff; text-shadow:5px 5px 0 #155a9e,0 0 24px #9eefff; }
.running-shell.frozen-theme .stone-tablet { color:#06294e; border-color:#efffff; background:radial-gradient(circle at 22% 17%,#fff,transparent 18%),repeating-linear-gradient(116deg,transparent 0 27px,rgba(19,118,179,.14) 28px 30px,transparent 31px 55px),linear-gradient(135deg,#eaffff,#8eddf5 54%,#3999d0); box-shadow:inset 11px 8px 17px rgba(255,255,255,.7),inset -13px -10px 20px rgba(3,65,110,.3),15px 18px 0 rgba(0,28,65,.38),0 0 31px rgba(162,242,255,.38); }.running-shell.frozen-theme .stone-tablet h3,.running-shell.frozen-theme .record-row dd { color:#074b82; }.running-shell.frozen-theme .olympian-statue-wrap { filter:hue-rotate(155deg) saturate(.82) drop-shadow(0 0 38px #9defff); }.running-shell.frozen-theme .laurel { color:#d8fbff; text-shadow:0 0 25px #8deaff; }
.running-shell.electric-theme .running-sun { background:repeating-linear-gradient(0deg,transparent 0 9px,#62005b 10px 16px),radial-gradient(circle at 38% 24%,#fff 0 8%,transparent 28%),conic-gradient(#fff700,#ff7900,#ff25be,#35f5ff,#fff700); filter:drop-shadow(0 0 1.5rem #fff45c) drop-shadow(0 0 5rem #ff4d00); animation:electric-sun 1.2s ease-in-out infinite alternate; }.running-shell.electric-theme .running-grid { background-image:linear-gradient(rgba(234,255,0,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(54,245,255,.5) 1px,transparent 1px); }.running-shell.electric-theme .running-kicker { color:#2b001a; background:#efff00; box-shadow:5px 5px 0 #ff4d00; }.running-shell.electric-theme .running-hero>h1 span { color:#efff00; }.running-shell.electric-theme .athlete-record h2 { color:#efff00; text-shadow:5px 5px 0 #ff3d00,0 0 25px #fff45c; }
.running-shell.electric-theme .stone-tablet { color:#34001f; border-color:#fff8a6; background:radial-gradient(circle at 22% 17%,#fffbd0,transparent 18%),repeating-linear-gradient(116deg,transparent 0 27px,rgba(255,33,165,.16) 28px 30px,transparent 31px 55px),linear-gradient(135deg,#fff9b5,#ffbf2a 48%,#ff4aad); box-shadow:inset 11px 8px 17px rgba(255,255,255,.65),inset -13px -10px 20px rgba(124,0,65,.28),15px 18px 0 rgba(54,0,59,.42),0 0 37px rgba(239,255,0,.58); }.running-shell.electric-theme .stone-tablet h3,.running-shell.electric-theme .record-row dd { color:#8f005a; }.running-shell.electric-theme .olympian-statue-wrap { filter:saturate(1.65) hue-rotate(-8deg) drop-shadow(0 0 19px #fff56a) drop-shadow(0 0 42px #ff4d00); animation:electric-bust-pulse 1s ease-in-out infinite alternate; }.running-shell.electric-theme .laurel { color:#efff00; text-shadow:0 0 25px #ff7900; }
@keyframes platonic-float { from{transform:translateY(-9px) rotate(-8deg)}to{transform:translateY(12px) rotate(10deg)} }
@keyframes olympian-awaken { from{transform:translateX(-50%) translate(-3px,1px)}to{transform:translateX(-50%) translate(3px,-1px)} }
@keyframes olympian-eyes { from{filter:brightness(1);transform:scale(.8)}to{filter:brightness(2.5);transform:scale(1.35)} }
@keyframes tablet-awaken { 0%{transform:translate(0);filter:none;box-shadow:0 0 8px #ff3eb5}14%{transform:translate(-8px,4px) rotate(-.6deg);filter:hue-rotate(70deg) saturate(2);box-shadow:0 0 42px #35f1ff}30%{transform:translate(7px,-4px) rotate(.7deg);filter:hue-rotate(155deg) saturate(2.5);box-shadow:0 0 50px #fff45d}48%{transform:translate(-6px,-3px);filter:hue-rotate(240deg) saturate(2.7);box-shadow:0 0 55px #ff3eb5}68%{transform:translate(6px,4px);filter:hue-rotate(320deg) saturate(2.5);box-shadow:0 0 50px #8aff72}86%{transform:translate(-3px,2px);filter:hue-rotate(400deg) saturate(2);box-shadow:0 0 37px #a55cff}100%{transform:translate(0);filter:none} }
@keyframes name-energy { from{transform:scale(.985);filter:brightness(1)}to{transform:scale(1.025);filter:brightness(1.7)} }
@keyframes matt-materialize { 0%{opacity:0;transform:translateY(90px) scale(.72);filter:hue-rotate(180deg) brightness(2.4);clip-path:inset(0 0 100%)}45%{opacity:1;transform:translateY(-12px) scale(1.04);filter:hue-rotate(70deg) brightness(1.8);clip-path:inset(0)}100%{transform:none;filter:none;clip-path:inset(0)} }
@media (max-width:1050px) { .running-hero{min-height:1640px}.running-hero.matt-unlocked,.running-hero.guest-unlocked{min-height:2250px}.running-hero.guest-duo-unlocked{min-height:2300px}.olympian-scene{height:720px}.olympian-statue-wrap{width:min(480px,58vw)}.record-arena{grid-template-columns:minmax(260px,360px) minmax(260px,360px);column-gap:clamp(2rem,10vw,8rem);margin-top:-300px;padding:0}.guest-records-duo{gap:clamp(2rem,10vw,8rem)}.laurel-left{left:0}.laurel-right{right:0}.stone-tablet{min-height:500px;padding-inline:25px} }
@media (max-width:720px) { .running-hero,.running-hero.matt-unlocked,.running-hero.guest-unlocked,.running-hero.guest-duo-unlocked{width:min(100% - 22px,620px);min-height:auto;padding-top:4rem}.running-hero>h1{font-size:clamp(3.7rem,18vw,6.5rem)}.olympian-scene{height:650px}.olympian-statue-wrap{width:min(430px,88vw)}.laurel{font-size:10rem;top:18%}.platonic{font-size:5rem}.ancient-object{font-size:4rem}.record-arena{grid-template-columns:1fr;gap:5rem;margin-top:-125px;padding:0 8px}.guest-records,.guest-records-duo{grid-template-columns:1fr;gap:5rem}.athlete-record,.athlete-matt,.athlete-kara{width:min(100%,410px);margin:auto;grid-column:auto}.athlete-record h2{font-size:clamp(3.6rem,16vw,5rem)}.stone-tablet{min-height:auto}.running-footer{padding-right:130px}.running-shell .bar-status>span:not(.status-light){display:none} }

@media (max-width:960px) { .entertainment-grid{grid-template-columns:1fr}.shorts-column{grid-template-columns:1fr 1fr} }
@media (max-width:920px) { .weather-controls{gap:2px}.weather-controls button{width:28px}.weather-column{display:none}.weather-float-window{opacity:.82}.weather-stage{padding-inline:12px}.weather-artifact-deck{grid-template-columns:1fr}.weather-artifact-deck article{width:min(100%,600px);margin:auto} }
@media (max-width:820px) { .bar-status>span:not(.status-light){display:none}.page-wrap{width:min(100% - 24px,680px)}.hero{min-height:auto;grid-template-columns:1fr;padding-top:4rem}h1{max-width:620px}.frozen-theme .frozen-title{font-size:clamp(4rem,17vw,7rem)}.electric-theme .electric-title{font-size:clamp(3.6rem,15vw,6.4rem)}.artifact-stage{height:380px;margin-top:-1.5rem}.greek-ring{width:270px}.greek-bust{height:116%;bottom:-12%}.float-window-one{left:2%}.float-window-two{right:2%}.game-art-wrap,.game-art-wrap>img{min-height:460px}.game-title-row{align-items:flex-start;flex-direction:column} }
@media (max-width:600px) { .weather-page::before{inset:44px 0 0}.weather-bar{height:auto;min-height:82px;align-items:flex-start}.weather-bar .header-left{padding-top:2px}.weather-controls{max-width:245px;flex-wrap:wrap;justify-content:flex-end}.weather-controls button{width:27px;height:27px;font-size:14px}.weather-marquee{font-size:10px}.weather-stage{min-height:820px;padding-top:5rem}.weather-float-window{display:none}.weather-dashboard{width:100%}.weather-location{align-items:flex-start;gap:8px}.weather-location-actions{flex-shrink:0}.weather-location .radar-toggle{max-width:126px;font-size:8px}.weather-temperature{font-size:8rem}.forecast-grid{grid-template-columns:1fr}.forecast-card{display:grid;grid-template-columns:80px 1fr 1fr;align-items:center;padding-bottom:0}.forecast-titlebar{grid-column:1/-1}.forecast-icon{grid-row:2/5}.forecast-card>strong{min-height:0}.radar-view{min-height:430px}.radar-screen{height:360px}.radar-readout{flex-direction:column}.weather-statusbar,.weather-footer{gap:8px;flex-direction:column}.weather-artifact-deck{margin-top:-1rem}.weather-effect-layer{inset:82px 0 0}.start-menu-panel{width:235px} }

/* Video game archive: marble mythology meets a late-1990s CRT/VCR game room. */
.video-shell { min-height:100vh; background-image:radial-gradient(circle at 50% 14%,rgba(92,255,152,.17),transparent 26rem),radial-gradient(circle at 13% 36%,rgba(53,241,255,.2),transparent 31rem),radial-gradient(circle at 86% 38%,rgba(255,62,181,.22),transparent 32rem),linear-gradient(180deg,#21084b 0%,#10052d 48%,#03020d 100%); }
.video-world { min-height:calc(100vh - 48px); position:relative; overflow:hidden; }
.arcade-sun { width:min(48vw,590px); aspect-ratio:1; position:absolute; z-index:0; top:5rem; left:50%; transform:translateX(-50%); border-radius:50%; background:repeating-linear-gradient(0deg,transparent 0 11px,#15072f 12px 18px),linear-gradient(#fff35b,#ff3db7 58%,#682cff); filter:drop-shadow(0 0 4rem rgba(255,56,181,.55)); opacity:.82; }
.arcade-grid { position:absolute; z-index:0; top:36rem; left:-12%; right:-12%; height:48rem; transform:perspective(390px) rotateX(61deg); transform-origin:top; background-image:linear-gradient(rgba(63,255,205,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(63,255,205,.28) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(#000,transparent 92%); }
.video-hero { width:min(1320px,calc(100% - 28px)); min-height:1450px; position:relative; z-index:3; margin:auto; padding:5rem 0 8rem; text-align:center; }
.video-kicker { width:max-content; max-width:calc(100vw - 28px); position:relative; z-index:5; margin:0 auto 1.1rem; padding:9px 12px; color:#071b18; background:#74ffb7; box-shadow:5px 5px 0 #ff3eb5; font:900 11px/1 "Courier New",monospace; letter-spacing:.1em; text-transform:uppercase; }
.video-hero>h1 { position:relative; z-index:5; display:grid; justify-items:center; gap:.03em; margin:0; color:#fff4df; font:900 clamp(3.8rem,9vw,8rem)/.73 Georgia,"Times New Roman",serif; letter-spacing:-.07em; text-shadow:7px 7px 0 #4f1d91,0 0 30px rgba(101,255,190,.28); }
.video-hero>h1 span { color:#66ffc3; font-size:.7em; letter-spacing:.035em; }
.gamer-statue-scene { height:820px; position:relative; z-index:2; margin-top:-1.2rem; }
.gamer-statue-scene img { width:min(600px,55vw); height:100%; position:absolute; z-index:3; left:50%; bottom:0; object-fit:contain; transform:translateX(-50%); filter:drop-shadow(20px 25px 0 rgba(101,46,209,.42)) drop-shadow(0 0 30px rgba(83,255,200,.32)); }
.arcade-laurel { position:absolute; z-index:1; top:16%; color:#ffe96a; font:400 18rem/1 Georgia,serif; text-shadow:0 0 27px #ff35b5; opacity:.72; }.arcade-laurel.left { left:5%; transform:rotate(-24deg); }.arcade-laurel.right { right:5%; transform:scaleX(-1) rotate(-24deg); }
.game-artifact { position:absolute; z-index:2; color:rgba(107,255,202,.72); font:400 7rem/1 Georgia,serif; text-shadow:0 0 20px #5bffd4; }.artifact-a{left:7%;top:13%;transform:rotate(-14deg)}.artifact-b{right:9%;top:19%;transform:rotate(12deg)}.artifact-c{right:14%;bottom:11%;font-size:5rem;transform:rotate(8deg)}
.crt-arena { position:relative; z-index:7; display:grid; grid-template-columns:minmax(310px,430px) minmax(310px,430px); justify-content:space-between; column-gap:clamp(11rem,22vw,25rem); margin-top:-540px; padding:0 2%; }
.player-station h2 { margin:0 0 1rem; color:#fff7e7; font:900 clamp(4rem,7vw,6rem)/.8 Georgia,serif; letter-spacing:-.06em; text-transform:uppercase; text-shadow:5px 5px 0 #5b238e,0 0 22px #51ffd0; }
.tv-vcr { padding:18px 18px 13px; color:#222; background:linear-gradient(135deg,#d7d2c6,#817f7b 52%,#c9c5ba); border:8px ridge #ece8de; border-radius:34px 34px 20px 20px; box-shadow:inset 8px 7px 12px rgba(255,255,255,.42),inset -9px -8px 15px rgba(16,14,18,.28),16px 19px 0 rgba(0,0,0,.48),0 0 31px rgba(93,255,205,.2); }
.crt-screen { min-height:650px; position:relative; overflow:hidden; padding:28px 25px; color:#75ff91; background:radial-gradient(ellipse at 50% 42%,#11391d,#031006 72%); border:12px solid #28272a; border-radius:42px/30px; box-shadow:inset 0 0 45px #000,inset 0 0 75px rgba(47,255,91,.1),0 0 0 3px #6e6b69; text-align:left; font-family:"Courier New",monospace; text-shadow:0 0 6px #5aff72; }
.crt-screen::before { content:""; position:absolute; inset:0; z-index:8; pointer-events:none; background:radial-gradient(ellipse,transparent 55%,rgba(0,0,0,.58)); }
.crt-content { position:relative; z-index:2; transition:opacity .18s; }.tv-vcr.playing .crt-content{opacity:0}
.crt-content h3 { margin:0 0 7px; color:#d2ffb8; font:900 11px/1.2 "Courier New",monospace; letter-spacing:.12em; text-transform:uppercase; }
.crt-content>strong { display:block; margin-bottom:24px; color:#83ff9a; font:900 22px/1.05 "Courier New",monospace; text-transform:uppercase; text-shadow:0 0 9px #5cff75; }
.crt-content ul { display:grid; gap:10px; margin:0; padding:0; list-style:none; }.crt-content li { padding:0 0 9px 16px; position:relative; border-bottom:1px dashed rgba(116,255,145,.24); font:900 13px/1.25 "Courier New",monospace; text-transform:uppercase; }.crt-content li::before { content:">"; position:absolute; left:0; color:#d6ff98; }
.crt-scanlines { position:absolute; z-index:9; inset:0; pointer-events:none; background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 2px,rgba(81,255,107,.045) 2px 4px); animation:crt-flicker .13s steps(2,end) infinite; }
.vcr-deck { min-height:76px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px; padding:12px 7px 2px; font:900 9px/1 "Courier New",monospace; }.vcr-deck>span { text-align:left; }.vcr-deck i { grid-column:1; height:12px; background:#171719; border:3px inset #aaa; box-shadow:inset 0 0 0 1px #000; }.vcr-deck button { grid-column:2; grid-row:1/3; min-height:42px; padding:7px 9px; color:#111; background:#d9d9d9; border:3px solid; border-color:#fff #373737 #373737 #fff; font:900 10px/1 "Courier New",monospace; cursor:pointer; }.vcr-deck button:hover{background:#81ffba}.vcr-deck button:active{border-color:#373737 #fff #fff #373737}.vcr-deck button:focus-visible{outline:4px solid #fff45d;outline-offset:3px}
.fortnite-flash,.sonic-scene { position:absolute; z-index:5; inset:0; display:grid; place-items:center; padding:1rem; opacity:0; pointer-events:none; }.playing .fortnite-flash,.playing .sonic-scene{opacity:1}
.fortnite-flash { align-content:center; color:#fff; background:radial-gradient(circle,#754aff,#170a60 66%,#06051d); text-align:center; animation:fortnite-signal .42s steps(2,end) infinite; }.fortnite-flash span{font:900 clamp(2.8rem,6vw,5rem)/.8 "Arial Black",Impact,sans-serif; letter-spacing:-.1em; transform:skew(-7deg); text-shadow:6px 6px 0 #0e1e54,0 0 24px #44f5ff}.fortnite-flash small{margin-top:1rem;color:#9dffec;font:900 11px/1 "Courier New",monospace;letter-spacing:.2em}
.sonic-scene { background:#47b8ff; }.pixel-sky{position:absolute;inset:0;overflow:hidden;background:linear-gradient(#39b8ff 0 62%,#32b653 63% 100%)}.pixel-ground{height:30%;position:absolute;left:0;right:0;bottom:0;background:repeating-conic-gradient(#8a4b1e 0 25%,#e49b32 0 50%) 0/28px 28px;border-top:12px solid #43e54e}.pixel-runner{width:56px;height:56px;position:absolute;z-index:4;left:14%;bottom:27%;display:grid;place-items:center;color:#fff;background:#0753dc;border:8px solid #0c2e8e;border-radius:45% 55% 48% 52%;font-size:20px;box-shadow:10px 12px 0 #ff3f32;animation:pixel-run 2.15s steps(8,end) infinite}.pixel-ring{position:absolute;z-index:3;color:#ffe02e;font:900 5rem/1 monospace;text-shadow:5px 0 #b87800}.ring-one{left:37%;top:35%}.ring-two{left:58%;top:26%}.ring-three{left:77%;top:39%}.pixel-cloud{width:92px;height:26px;position:absolute;background:#fff;box-shadow:24px -16px 0 #fff,46px 0 0 #fff}.pixel-cloud.one{left:10%;top:18%}.pixel-cloud.two{right:13%;top:10%;transform:scale(.72)}.sonic-scene>small{position:absolute;z-index:6;left:12px;bottom:10px;padding:6px;color:#fff;background:#083b8a;font:900 9px/1 "Courier New",monospace;letter-spacing:.12em}
.video-footer { position:relative; z-index:22; }
.video-shell.frozen-theme .arcade-sun{background:repeating-linear-gradient(0deg,transparent 0 10px,#082852 11px 18px),linear-gradient(#fff,#87e8ff 53%,#166db9);filter:drop-shadow(0 0 4rem #8ceaff)}.video-shell.frozen-theme .arcade-grid{background-image:linear-gradient(rgba(193,248,255,.44) 1px,transparent 1px),linear-gradient(90deg,rgba(193,248,255,.44) 1px,transparent 1px)}.video-shell.frozen-theme .video-kicker{color:#052a50;background:#d8faff;box-shadow:5px 5px 0 #42a8dc}.video-shell.frozen-theme .video-hero>h1 span,.video-shell.frozen-theme .player-station h2{color:#bcefff;text-shadow:5px 5px 0 #16599e,0 0 24px #9eefff}.video-shell.frozen-theme .gamer-statue-scene img{filter:hue-rotate(145deg) saturate(.72) drop-shadow(0 0 38px #9defff)}.video-shell.frozen-theme .tv-vcr{background:linear-gradient(135deg,#f4ffff,#8fdcf4 55%,#368ec9);border-color:#efffff;box-shadow:inset 8px 7px 12px rgba(255,255,255,.6),inset -9px -8px 15px rgba(3,57,100,.3),16px 19px 0 rgba(0,30,65,.4),0 0 31px rgba(162,242,255,.42)}
.video-shell.electric-theme .arcade-sun{background:repeating-linear-gradient(0deg,transparent 0 9px,#62005b 10px 16px),conic-gradient(#fff700,#ff7900,#ff25be,#35f5ff,#fff700);filter:drop-shadow(0 0 1.4rem #fff45c) drop-shadow(0 0 5rem #ff4d00);animation:electric-sun 1.2s ease-in-out infinite alternate}.video-shell.electric-theme .arcade-grid{background-image:linear-gradient(rgba(234,255,0,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(54,245,255,.5) 1px,transparent 1px)}.video-shell.electric-theme .video-kicker{color:#2b001a;background:#efff00;box-shadow:5px 5px 0 #ff4d00}.video-shell.electric-theme .video-hero>h1 span,.video-shell.electric-theme .player-station h2{color:#efff00;text-shadow:5px 5px 0 #ff3d00,0 0 25px #fff45c}.video-shell.electric-theme .gamer-statue-scene img{filter:saturate(1.6) drop-shadow(0 0 18px #fff56a) drop-shadow(0 0 44px #ff4d00);animation:electric-bust-pulse 1s ease-in-out infinite alternate}.video-shell.electric-theme .tv-vcr{background:linear-gradient(135deg,#fff9b5,#ffbf2a 48%,#ff4aad);border-color:#fff8a6;box-shadow:inset 8px 7px 12px rgba(255,255,255,.6),inset -9px -8px 15px rgba(124,0,65,.3),16px 19px 0 rgba(54,0,59,.44),0 0 38px rgba(239,255,0,.62)}
.bit-toggle { width:52px; font:900 8px/1 "Courier New",monospace; }.bit-toggle.is-active{color:#042b16;background:#8cffad}.bit-transforming-on .video-world{animation:eight-bit-convert 4s steps(16,end)}.bit-transforming-off .video-world{animation:eight-bit-restore 4s steps(16,end)}.bit-on .video-world::after,.bit-transforming-off .video-world::after{content:"";position:fixed;z-index:28;inset:48px 0 0;pointer-events:none;background-image:linear-gradient(rgba(0,0,0,.12) 50%,transparent 50%),linear-gradient(90deg,rgba(0,0,0,.1) 50%,transparent 50%);background-size:8px 8px;mix-blend-mode:multiply}.bit-on .video-world{filter:contrast(1.25) saturate(1.35)}.bit-on .video-world *{border-radius:0!important}.bit-on .video-hero>h1,.bit-on .player-station h2,.bit-on .video-kicker,.bit-on footer{font-family:"Courier New",monospace!important;text-shadow:5px 5px 0 #111!important}.bit-on .gamer-statue-scene img{image-rendering:pixelated;filter:contrast(1.4) saturate(1.5) drop-shadow(14px 14px 0 #531a97)}.bit-on .crt-screen{box-shadow:inset 0 0 0 8px #001b08,inset 0 0 45px #000}.bit-on .arcade-sun,.bit-on .arcade-grid{image-rendering:pixelated}
@keyframes crt-flicker{50%{opacity:.82}}@keyframes fortnite-signal{50%{filter:hue-rotate(65deg) brightness(1.4);transform:translate(2px,-1px)}}@keyframes pixel-run{0%{left:-12%;transform:rotate(0)}50%{left:48%;transform:rotate(360deg)}100%{left:110%;transform:rotate(720deg)}}@keyframes eight-bit-convert{0%{filter:none}12%{filter:brightness(2.3) invert(.12);transform:translateX(-8px)}24%{filter:hue-rotate(90deg) contrast(1.7);transform:translateX(7px)}36%{filter:brightness(.4) saturate(3)}48%{filter:invert(1);transform:scale(1.01)}60%{filter:contrast(2.2) hue-rotate(-75deg)}72%{filter:brightness(2.5);transform:translate(-5px,3px)}84%{filter:saturate(2.5) contrast(1.8)}100%{filter:contrast(1.25) saturate(1.35)}}@keyframes eight-bit-restore{0%{filter:contrast(1.25) saturate(1.35)}15%{filter:invert(.9) brightness(1.8);transform:translateX(7px)}30%{filter:hue-rotate(100deg);transform:translateX(-8px)}45%{filter:brightness(.35) contrast(2)}60%{filter:invert(.2) saturate(3)}75%{filter:brightness(2.4);transform:scale(1.01)}90%{filter:hue-rotate(-70deg)}100%{filter:none}}
@media(max-width:1080px){.video-hero{min-height:1750px}.gamer-statue-scene{height:720px}.gamer-statue-scene img{width:min(520px,58vw)}.crt-arena{grid-template-columns:minmax(280px,390px) minmax(280px,390px);column-gap:clamp(2rem,9vw,7rem);margin-top:-300px;padding:0}.crt-screen{min-height:660px}}
@media(max-width:760px){.video-shell .bar-status>span:not(.status-light){display:none}.video-hero{width:min(100% - 20px,620px);min-height:auto;padding-top:4rem}.video-hero>h1{font-size:clamp(3.4rem,17vw,6rem)}.gamer-statue-scene{height:650px}.gamer-statue-scene img{width:min(450px,92vw)}.arcade-laurel{font-size:10rem}.game-artifact{font-size:4rem}.crt-arena{grid-template-columns:1fr;gap:5rem;margin-top:-105px;padding:0 5px}.player-station{width:min(100%,430px);margin:auto}.player-station h2{font-size:clamp(3.7rem,17vw,5rem)}.crt-screen{min-height:600px;padding:25px 20px}.video-footer{padding-right:75px}.bit-toggle{width:46px;font-size:7px}}

/* SECRETS.EXE command console and arcade destruction protocols. */
.video-kicker{border:0;cursor:pointer}.video-kicker:focus-visible{outline:3px solid #fff;outline-offset:4px}.secrets-backdrop{position:fixed;z-index:110;inset:0;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.68);backdrop-filter:blur(3px)}.secrets-window{width:min(610px,100%);color:#c8ffc8;background:#050805;border:3px solid;border-color:#fff #353535 #353535 #fff;box-shadow:16px 18px 0 rgba(0,0,0,.55);font-family:"Courier New",monospace}.secrets-window>header{display:flex;align-items:center;justify-content:space-between;padding:7px 8px;color:#fff;background:#000080;font:900 14px/1.1 Arial,sans-serif}.secrets-window>header button{width:25px;height:22px;padding:0;color:#000;background:#c0c0c0;border:2px solid;border-color:#fff #333 #333 #fff;font:900 18px/14px Arial}.secrets-terminal{min-height:230px;padding:20px;color:#73ff73;background:#010501;text-align:left;text-shadow:0 0 7px #42ff42}.secrets-terminal p{margin:0 0 18px;font:700 14px/1.5 "Courier New",monospace}.secrets-terminal label{margin-right:8px}.secrets-terminal input{width:calc(100% - 55px);padding:5px;color:#95ff95;background:transparent;border:0;border-bottom:1px solid #55ff55;outline:0;font:900 17px/1.2 "Courier New",monospace;text-transform:uppercase}.secret-submit{width:100%;padding:14px;color:#001800;background:#6cff78;border:3px solid;border-color:#d8ffdc #12621b #12621b #d8ffdc;font:900 14px/1 "Courier New",monospace;letter-spacing:.1em;cursor:pointer}.secret-submit:active{border-color:#12621b #d8ffdc #d8ffdc #12621b}
.secrets-unlocking{animation:secret-unlocked .55s steps(6,end) forwards}.secrets-unlocking>header{background:#007b29}.secrets-unlocking .secrets-terminal{color:#fff;background:#003313;text-shadow:0 0 10px #7dff9f}.secrets-unlocking .secret-submit{color:#fff;background:#00a83b}.secrets-error{animation:secret-error 1.1s steps(8,end)}.secrets-error>header{background:#a50000}.secrets-error .secrets-terminal{color:#ff6868;background:#260000;text-shadow:0 0 8px #ff0000}.secrets-error .secrets-terminal input{color:#ff9494;border-color:#ff2020}.secrets-error .secret-submit{color:#fff;background:#c50000;border-color:#ff8a8a #5b0000 #5b0000 #ff8a8a}
.secret-accented .video-world{background:radial-gradient(circle at 50% 12%,color-mix(in srgb,var(--secret-accent) 54%,transparent),transparent 30rem),linear-gradient(180deg,color-mix(in srgb,var(--secret-accent) 35%,#12042c),#05020d 68%)}.secret-accented .arcade-grid{background-image:linear-gradient(color-mix(in srgb,var(--secret-accent) 62%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--secret-accent) 62%,transparent) 1px,transparent 1px)}.secret-accented .arcade-sun{background:repeating-linear-gradient(0deg,transparent 0 10px,#1b082d 11px 18px),linear-gradient(#fff,color-mix(in srgb,var(--secret-accent) 80%,white),var(--secret-accent));filter:drop-shadow(0 0 4rem var(--secret-accent))}.secret-accented .video-kicker,.secret-accented .secret-submit{background:var(--secret-accent);box-shadow:5px 5px 0 color-mix(in srgb,var(--secret-accent) 55%,white)}.secret-accented .video-hero>h1 span,.secret-accented .player-station h2{color:color-mix(in srgb,var(--secret-accent) 72%,white);text-shadow:5px 5px 0 color-mix(in srgb,var(--secret-accent) 58%,black),0 0 25px var(--secret-accent)}.secret-accented .tv-vcr{border-color:color-mix(in srgb,var(--secret-accent) 45%,white);box-shadow:16px 19px 0 rgba(0,0,0,.45),0 0 40px color-mix(in srgb,var(--secret-accent) 55%,transparent)}.secret-accented .video-footer{background:linear-gradient(90deg,#080212,color-mix(in srgb,var(--secret-accent) 55%,#080212),#080212)}
.gamer-statue-scene.statue-deleting img{animation:statue-dematerialize 5s steps(24,end) forwards}.gamer-statue-scene.statue-deleted img{visibility:hidden}.gamer-statue-scene.statue-deleting::after{content:"DE-MATERIALIZING";position:absolute;z-index:7;left:50%;top:42%;padding:8px 12px;color:#7bff91;background:#001805;border:1px solid #7bff91;font:900 11px/1 "Courier New",monospace;letter-spacing:.12em;transform:translateX(-50%);animation:crt-flicker .12s steps(2,end) infinite}.gamer-statue-scene.statue-deleted::after{display:none}
.toasty-cameo{position:fixed;z-index:125;right:-330px;top:20%;width:300px;height:470px;pointer-events:none;opacity:0;transition:right .2s steps(4,end),opacity .08s}.toasty-cameo.visible{right:-52px;opacity:1}.toasty-cameo img{width:100%;height:100%;object-fit:cover;object-position:50% 2%;filter:drop-shadow(0 0 24px #ff35d3) saturate(1.5)}.toasty-cameo strong{position:absolute;right:50px;bottom:24px;padding:8px 11px;color:#fff400;background:#d00072;box-shadow:5px 5px 0 #00ffff;font:900 24px/1 Impact,"Arial Black",sans-serif;transform:rotate(-5deg)}
.fight-signal{position:absolute;z-index:7;inset:0;display:none;overflow:hidden;background:radial-gradient(circle at 50% 68%,#51109c 0,#120529 45%,#010106 78%)}.fight-static .crt-content,.fight-fight .crt-content,.fight-laser .crt-content,.fight-rupture .crt-content{opacity:0}.fight-static .crt-screen::after{content:"";position:absolute;z-index:12;inset:0;background:repeating-radial-gradient(circle at 33% 27%,#fff 0 1px,#111 1px 3px,#888 3px 4px);background-size:7px 5px;animation:combat-static .08s steps(2,end) infinite}.fight-fight .fight-signal,.fight-laser .fight-signal,.fight-rupture .fight-signal{display:block}.combat-hud{position:absolute;z-index:8;left:14px;right:14px;top:14px;display:flex;justify-content:space-between;gap:8px;color:#efff74;font:900 9px/1 "Courier New",monospace;letter-spacing:.08em;text-shadow:0 0 8px #eaff00}.combat-hud span{color:#66fff2}.greek-fighter{width:96%;height:94%;position:absolute;z-index:3;left:2%;bottom:-5%;transform-origin:50% 76%;filter:contrast(1.2) saturate(1.45) drop-shadow(0 0 18px #30dfff);image-rendering:auto}.greek-fighter img{width:100%;height:100%;object-fit:contain;object-position:50% 100%}.fighter-lane{transform:translateX(-7%) rotate(-3deg)}.fighter-luke{transform:scaleX(-1) translateX(-7%) rotate(-3deg)}.fight-fight .fighter-lane{animation:greek-fighter-left .12s steps(2,end) infinite}.fight-fight .fighter-luke{animation:greek-fighter-right .13s steps(2,end) infinite}.fighter-eye{width:10px;height:6px;position:absolute;z-index:6;top:11.2%;border-radius:50%;background:#fff;box-shadow:0 0 4px #fff,0 0 10px #00f7ff,0 0 24px 8px #23bfff;opacity:0}.eye-one{left:50.4%}.eye-two{left:52.3%;transform:scale(.72)}.fight-fight .fighter-eye,.fight-laser .fighter-eye,.fight-rupture .fighter-eye{opacity:1;animation:divine-eyes .16s steps(2,end) infinite}.hand-core{width:20px;height:20px;position:absolute;z-index:8;left:51%;top:31.5%;border-radius:50%;background:#fff;box-shadow:0 0 0 8px #59fff0,0 0 0 17px rgba(50,112,255,.8),0 0 50px 28px #ff39e7;opacity:0}.hand-laser{height:12px;width:0;position:absolute;z-index:7;left:52%;top:32.2%;border-radius:50%;background:#fff;box-shadow:0 0 6px 5px #78ffff,0 0 15px 10px #296dff,0 0 32px 18px #ff2bd6;transform-origin:left center;opacity:0}.fight-laser .greek-fighter{animation:laser-recoil .11s steps(2,end) infinite;filter:contrast(1.35) saturate(1.8) drop-shadow(0 0 35px #40f8ff)}.fight-laser .hand-core{opacity:1;animation:hand-charge .35s ease-in-out infinite alternate}.fight-laser .hand-laser{opacity:1;animation:hand-laser 2.3s cubic-bezier(.2,.8,.4,1) forwards}.divine-blast{width:16px;height:64%;position:absolute;z-index:9;top:18%;opacity:0;background:#fff;box-shadow:0 0 20px 12px #65ffff,0 0 60px 32px #394cff,0 0 110px 62px #ff32df}.lane-station .divine-blast{right:-8px}.luke-station .divine-blast{left:-8px}.fight-laser .divine-blast{animation:divine-collision 2.3s ease-in forwards}.screen-fracture{position:absolute;z-index:11;inset:0;opacity:0;background:repeating-conic-gradient(from 15deg at 50% 48%,transparent 0 11deg,rgba(255,255,255,.92) 12deg 12.7deg,transparent 13deg 28deg);filter:drop-shadow(0 0 8px #fff)}.fight-rupture .screen-fracture{opacity:1;animation:fracture-spread .45s steps(5,end) forwards}.fight-rupture .greek-fighter{animation:statue-impact .16s steps(2,end) infinite}.fight-rupture .tv-vcr{animation:tv-cataclysm .13s steps(2,end) infinite}.fight-rupture .crt-arena{animation:arena-quake .09s steps(2,end) infinite}.fight-rupture .arcade-sun{animation:combat-sun-collapse .28s steps(3,end) infinite}.fight-rupture .gamer-statue-scene{animation:central-statue-shock .12s steps(2,end) infinite}.fight-destroyed .desktop-bar{animation:header-shatter 1.05s cubic-bezier(.8,0,1,.3) forwards}.fight-destroyed .video-hero>h1{animation:title-shatter 1.35s ease-in forwards}.fight-destroyed .gamer-statue-scene{animation:main-statue-fall 1.5s cubic-bezier(.8,0,1,.4) forwards}.fight-destroyed .lane-station{animation:station-left-destroy 1.25s ease-in forwards}.fight-destroyed .luke-station{animation:station-right-destroy 1.25s ease-in forwards}.fight-destroyed .arcade-sun{animation:sun-implode 1.1s ease-in forwards}.fight-destroyed .arcade-grid{animation:grid-collapse 1.45s ease-in forwards}.fight-destroyed .video-kicker{animation:kicker-eject 1s ease-in forwards}.fight-destroyed .video-footer{animation:footer-collapse 1.3s ease-in forwards}.fight-destroyed .noise{animation:noise-whiteout 1.25s steps(8,end) forwards}.reset-game-overlay{position:fixed;z-index:500;inset:0;display:grid;place-items:center;overflow:hidden;padding:20px;background:radial-gradient(circle,#3c0011,#050008 58%,#000);text-align:center;animation:aftermath-pulse 2.4s ease-in-out infinite alternate}.reset-game-overlay::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(112deg,transparent 0 34px,rgba(255,37,0,.14) 35px 37px,transparent 38px 67px);animation:aftermath-scan 4s linear infinite}.reset-panel{position:relative;z-index:4;display:grid;gap:18px;padding:38px;color:#fff;background:rgba(9,0,0,.9);border:4px double #ff2a1c;box-shadow:0 0 35px #ff1c00,0 0 110px rgba(255,0,98,.65);animation:reset-panel-glitch 1.5s steps(2,end) infinite}.reset-panel small{color:#ff6a00;font:900 10px/1.2 "Courier New",monospace;letter-spacing:.1em}.reset-panel strong{color:#ffdd00;font:900 clamp(2.3rem,7vw,6rem)/.82 Impact,"Arial Black",sans-serif;text-shadow:6px 6px 0 #b00000,0 0 30px #ff3c00}.reset-panel span{font:900 12px/1.3 "Courier New",monospace;letter-spacing:.15em}.reset-panel button{padding:17px 25px;color:#100;background:#ffdf00;border:4px solid;border-color:#fff7a2 #7a4500 #7a4500 #fff7a2;font:900 22px/1 "Courier New",monospace;cursor:pointer}.reset-panel button:active{border-color:#7a4500 #fff7a2 #fff7a2 #7a4500}.aftermath-debris{position:absolute;inset:0}.aftermath-debris i{width:clamp(28px,6vw,90px);height:clamp(28px,6vw,90px);position:absolute;background:linear-gradient(135deg,#ffd000,#ff126c 48%,#1515a9);clip-path:polygon(50% 0,100% 34%,77% 100%,8% 74%);box-shadow:0 0 20px #ff2d00;animation:debris-orbit 5s linear infinite}.aftermath-debris i:nth-child(1){left:7%;top:12%;animation-delay:-1s}.aftermath-debris i:nth-child(2){left:20%;top:76%;animation-delay:-3s}.aftermath-debris i:nth-child(3){right:8%;top:18%;animation-delay:-2s}.aftermath-debris i:nth-child(4){right:19%;bottom:8%;animation-delay:-4s}.aftermath-debris i:nth-child(5){left:47%;top:5%;animation-delay:-2.7s}.aftermath-debris i:nth-child(6){right:42%;bottom:3%;animation-delay:-.4s}
@keyframes statue-dematerialize{0%{opacity:1;filter:none;clip-path:inset(0)}18%{filter:hue-rotate(120deg) contrast(2);transform:translateX(-4px)}34%{filter:invert(1) saturate(3);transform:translateX(6px);clip-path:inset(0 0 12%)}52%{opacity:.78;filter:brightness(3);clip-path:inset(0 0 32%)}70%{opacity:.5;filter:hue-rotate(-100deg) contrast(2.5);clip-path:inset(0 0 58%)}88%{opacity:.2;transform:scaleX(.82);clip-path:inset(0 0 84%)}100%{opacity:0;transform:scaleX(.04);clip-path:inset(0 0 100%)}}@keyframes combat-static{50%{background-position:17px -13px;filter:invert(1)}}@keyframes greek-fighter-left{0%{transform:translateX(-8%) rotate(-4deg)}50%{transform:translate(-5%,-5px) rotate(1deg)}100%{transform:translateX(-9%) rotate(-3deg)}}@keyframes greek-fighter-right{0%{transform:scaleX(-1) translateX(-8%) rotate(-4deg)}50%{transform:scaleX(-1) translate(-5%,-5px) rotate(1deg)}100%{transform:scaleX(-1) translateX(-9%) rotate(-3deg)}}@keyframes divine-eyes{50%{background:#fff700;box-shadow:0 0 5px #fff,0 0 14px #fff700,0 0 35px 13px #ff3bd5;transform:scale(1.55)}}@keyframes laser-recoil{0%{transform:translate(-4px,2px) rotate(-1deg)}50%{transform:translate(5px,-3px) rotate(1deg)}100%{transform:translate(-2px,4px)}}@keyframes hand-charge{100%{transform:scale(1.7);filter:hue-rotate(100deg) brightness(1.8)}}@keyframes hand-laser{0%{width:0;transform:scaleY(.2)}18%{width:20%;transform:scaleY(1.8)}38%{width:46%;transform:scaleY(.65)}100%{width:85%;transform:scaleY(2.4);filter:brightness(2.4)}}@keyframes divine-collision{0%,28%{opacity:0;transform:scaleY(.15)}45%{opacity:.7;transform:scaleY(.6)}100%{opacity:1;transform:scale(3.4,1.4);filter:brightness(3)}}@keyframes fracture-spread{0%{clip-path:circle(2% at 50% 48%)}100%{clip-path:circle(85% at 50% 48%)}}@keyframes statue-impact{50%{transform:translate(8px,-5px) rotate(3deg);filter:brightness(2.8) invert(.12)}}@keyframes tv-cataclysm{50%{transform:translate(10px,-7px) rotate(2deg);filter:brightness(2.3) hue-rotate(90deg)}}@keyframes arena-quake{50%{transform:translate(-10px,7px)}}@keyframes combat-sun-collapse{50%{transform:scale(.82) skew(9deg);filter:brightness(3) invert(1)}}@keyframes central-statue-shock{50%{transform:translate(8px,-5px);filter:brightness(3) saturate(3)}}@keyframes header-shatter{35%{filter:brightness(4);transform:translateX(15px)}100%{opacity:0;transform:translate(-18vw,-130%) rotate(-12deg)}}@keyframes title-shatter{30%{filter:invert(1);transform:scale(1.12)}100%{opacity:0;transform:translate(28vw,-30vh) rotate(22deg) scale(.35)}}@keyframes main-statue-fall{20%{filter:brightness(4);transform:scale(1.08)}100%{opacity:0;transform:translate(-22vw,110vh) rotate(-38deg) scale(.5)}}@keyframes station-left-destroy{18%{filter:brightness(4);transform:scale(1.08)}100%{opacity:0;transform:translate(-120vw,50vh) rotate(-42deg)}}@keyframes station-right-destroy{18%{filter:brightness(4);transform:scale(1.08)}100%{opacity:0;transform:translate(120vw,45vh) rotate(47deg)}}@keyframes sun-implode{55%{transform:scale(.12);filter:brightness(5)}100%{opacity:0;transform:scale(4);filter:brightness(0)}}@keyframes grid-collapse{100%{opacity:0;transform:perspective(300px) rotateX(88deg) translateY(100vh)}}@keyframes kicker-eject{100%{opacity:0;transform:translateY(-60vh) rotate(35deg)}}@keyframes footer-collapse{100%{opacity:0;transform:translateY(80vh) scaleY(.05)}}@keyframes noise-whiteout{0%{opacity:.2}48%{opacity:1;background:#fff}100%{opacity:0;background:#000}}@keyframes aftermath-pulse{100%{filter:hue-rotate(22deg) brightness(1.15)}}@keyframes aftermath-scan{100%{background-position:600px 0}}@keyframes reset-panel-glitch{50%{transform:translate(3px,-2px);filter:contrast(1.35)}}@keyframes debris-orbit{0%{transform:translate(0,0) rotate(0) scale(.6)}50%{transform:translate(35px,-55px) rotate(190deg) scale(1.2)}100%{transform:translate(0,0) rotate(360deg) scale(.6)}}
@keyframes secret-unlocked{0%{filter:brightness(1);transform:scale(1)}18%{filter:brightness(2.6) hue-rotate(35deg);transform:scale(1.025)}38%{filter:invert(.25) brightness(1.7);transform:translateX(-5px)}58%{filter:brightness(3);transform:translateX(5px)}78%{opacity:1;transform:scale(.96)}100%{opacity:0;filter:brightness(4);transform:scale(.78)}}@keyframes secret-error{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-9px)}40%,80%{transform:translateX(9px)}}
@media(max-width:760px){.secrets-terminal{min-height:190px}.toasty-cameo{top:28%;width:220px;height:350px}.toasty-cameo.visible{right:-45px}.greek-fighter{width:104%;left:-2%}.combat-hud{font-size:7px}.fighter-eye{width:8px;height:5px}.reset-panel{padding:25px 18px}}
@media (max-width:520px) { .desktop-bar:not(.weather-bar){height:44px}.analog-static{inset:44px 0 0}.meltable-world{min-height:calc(100vh - 44px)}.brand-button>span:last-child{display:none}.start-menu summary>span:last-child{display:none}.start-menu summary{width:34px;padding:3px 4px}.header-effect-toggle{width:28px}.main-header-controls{gap:3px}.theme-toggle{min-width:38px;width:38px;padding:2px}.theme-toggle-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.alert-marquee{min-height:40px;grid-template-columns:minmax(0,1fr) 44px;font-size:11px}.sound-toggle{width:44px}.hero{padding-top:3.6rem}h1{font-size:clamp(3.9rem,22vw,6rem);gap:.03em}.frozen-theme .frozen-title{font-size:clamp(3.35rem,18vw,5.6rem);row-gap:.18em}.electric-theme .electric-title{font-size:clamp(3.15rem,16vw,5rem)}.hero-note{margin-top:1.4rem}.artifact-stage{height:330px}.column-one{right:3px}.column-two{left:3px}.float-window{width:145px}.float-window-one{top:0}.float-window-two{bottom:0}.section-heading{align-items:flex-start}.news-section{padding-top:4rem}.game-art-wrap,.game-art-wrap>img{min-height:420px}.game-art-wrap>img{object-position:54% top}.game-overlay{padding:1.2rem}.game-title-row h3{font-size:2.5rem}.play-button{padding:11px 12px}.window-statusbar{font-size:8px}.entertainment-section{padding-bottom:6rem}.shorts-column{grid-template-columns:1fr}.short-window{width:min(100%,350px);margin-inline:auto}footer{flex-direction:column;padding-right:112px}.footer-controls{right:14px} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.guru-overlay.strobing{animation:none!important} }

/* Video Games v28: compact CRT fighters, source-force mode, and mobile Start label. */
.greek-fighter{width:58%;height:76%;left:21%;bottom:4%;transform:none;transform-origin:50% 76%}.greek-fighter img{object-position:50% 50%}.fighter-lane img{transform:scaleX(-1)}.fighter-luke img{transform:none}.fighter-eye{width:6px;height:4px;top:15.2%}.fighter-lane .eye-one{left:43.2%}.fighter-lane .eye-two{left:47.8%;transform:scale(.72)}.fighter-luke .eye-one{left:52.2%}.fighter-luke .eye-two{left:56.8%;transform:scale(.72)}.hand-core{width:16px;height:16px;top:21%;left:auto}.fighter-lane .hand-core{left:81%}.fighter-luke .hand-core{left:13%}.hand-laser{height:10px;top:22%;left:auto}.fighter-lane .hand-laser{left:83%;right:auto;transform-origin:left center}.fighter-luke .hand-laser{left:auto;right:85%;transform-origin:right center}
@keyframes greek-fighter-left{0%{transform:translate(-3px,1px) rotate(-1deg)}50%{transform:translate(4px,-4px) rotate(1deg)}100%{transform:translate(-2px,3px) rotate(-1deg)}}
@keyframes greek-fighter-right{0%{transform:translate(3px,1px) rotate(1deg)}50%{transform:translate(-4px,-4px) rotate(-1deg)}100%{transform:translate(2px,3px) rotate(1deg)}}
.source-force-dematerializing .desktop-bar{position:relative;z-index:80}.source-force-dematerializing .video-world{animation:source-force-dematerialize 1.5s steps(18,end) forwards}.source-force-shell{min-height:100vh;color:#67ff7c;background:#000;font-family:"Courier New",monospace}.source-force-header{position:fixed;z-index:90;inset:0 0 auto}.source-force-start{position:relative}.undo-source-force{position:absolute;z-index:95;top:37px;left:0;width:170px;padding:8px 9px;color:#001100;background:#74ff86;border:3px solid;border-color:#d8ffdd #176b23 #176b23 #d8ffdd;box-shadow:0 0 14px #36ff51;font:900 10px/1.1 "Courier New",monospace;letter-spacing:.04em;cursor:pointer}.source-force-view{min-height:100vh;padding:78px 14px 40px;background:#000;overflow:auto}.source-force-view pre{width:max-content;min-width:100%;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;color:#59ff70;background:#000;text-shadow:0 0 4px #2dff4b,0 0 10px rgba(45,255,75,.65);font:700 12px/1.5 "Courier New",monospace}.source-force-view code{user-select:text}.source-force-shell ::selection{color:#000;background:#7dff8e}
@keyframes source-force-dematerialize{0%{opacity:1;filter:none;clip-path:inset(0)}18%{filter:hue-rotate(95deg) contrast(2.4);transform:translateX(-5px)}35%{opacity:.9;filter:brightness(2.8) saturate(3);clip-path:inset(12% 0 0)}52%{transform:translateX(8px) scaleX(.96);clip-path:inset(31% 0 0)}70%{opacity:.55;filter:invert(1) brightness(2.5);clip-path:inset(54% 0 0)}88%{opacity:.22;transform:scaleX(.35);clip-path:inset(78% 0 0)}100%{opacity:0;transform:scaleX(.02);clip-path:inset(100% 0 0)}}
@media(max-width:760px){.greek-fighter{width:62%;height:72%;left:19%;bottom:5%}.fighter-eye{width:5px;height:3px}.undo-source-force{top:39px}.source-force-view{padding-top:86px}}
@media(max-width:520px){.start-menu summary>span:last-child{display:inline}.start-menu summary{width:auto;min-width:68px;padding:3px 7px}.undo-source-force{top:43px;width:150px;font-size:9px}.source-force-header .bar-status>span:first-child{display:none}}

/* AOL dial-up secret and Blue Hawaii connection status. */
.blue-hawaii-dot{background:#178cff!important;box-shadow:0 0 8px #1e9dff,0 0 15px #004dff!important}.aol-connect-overlay{position:fixed;z-index:520;inset:0;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 38%,rgba(19,81,188,.94),rgba(2,5,36,.98) 58%,#000);overflow:hidden;font-family:"Courier New",monospace;animation:aol-overlay-in .55s steps(8,end) both}.aol-connect-window{width:min(620px,96vw);position:relative;z-index:3;color:#071650;background:#c8d9ff;border:4px solid;border-color:#fff #1b3370 #1b3370 #fff;box-shadow:18px 20px 0 rgba(0,0,0,.5),0 0 60px #21a5ff}.aol-connect-window>header{display:flex;justify-content:space-between;padding:7px 9px;color:#fff;background:linear-gradient(90deg,#000978,#087ee8);font:900 13px/1 Arial,sans-serif}.aol-brand{display:flex;align-items:end;justify-content:center;gap:12px;padding:22px 16px 15px;color:#063db1;background:linear-gradient(#fff,#dce8ff);border-bottom:2px solid #788bc1}.aol-brand strong{font:900 clamp(4rem,12vw,7rem)/.7 Impact,"Arial Black",sans-serif;letter-spacing:-.05em;text-shadow:3px 3px 0 #87baff}.aol-brand small{padding-bottom:4px;color:#6a268f;font:900 10px/1 "Courier New",monospace}.aol-steps{display:grid;gap:7px;margin:0;padding:18px;list-style:none}.aol-steps li{display:grid;grid-template-columns:45px 1fr;align-items:center;gap:9px;padding:7px;color:#4a5480;background:#afbfe8;border:2px inset #eaffff;opacity:.62;transform:translateX(-9px);transition:.28s}.aol-steps li.active{color:#00185f;background:#f4f8ff;opacity:1;transform:none;box-shadow:0 0 12px #2d7dff}.aol-steps li.complete{color:#006b35;background:#ccffda}.aol-steps li span{font-size:27px;text-align:center;filter:drop-shadow(0 0 4px #fff)}.aol-steps li b{font:900 12px/1.1 "Courier New",monospace}.aol-progress{position:relative;margin:0 18px 18px;padding:16px 10px 8px;background:#091347;border:3px inset #c7d9ff;color:#fff;overflow:hidden;text-align:center}.aol-progress::before{content:"";position:absolute;left:8px;right:8px;top:7px;height:7px;background:#02051b;border:1px solid #6078c4}.aol-progress i{position:absolute;z-index:1;left:9px;top:8px;height:7px;background:linear-gradient(90deg,#14bdff,#1952ff,#f227d8);box-shadow:0 0 10px #1acfff;transition:width .65s ease}.aol-progress span{position:relative;z-index:2;display:block;margin-top:3px;font:900 10px/1 "Courier New",monospace}.aol-launch .aol-progress i{width:10%}.aol-dialing .aol-progress i{width:38%}.aol-verifying .aol-progress i{width:64%}.aol-connected .aol-progress i{width:88%}.aol-final .aol-progress i{width:calc(100% - 18px)}.aol-starfield{position:absolute;inset:0}.aol-starfield i{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;box-shadow:0 0 16px #00c8ff;animation:aol-orbit 2.5s linear infinite}.aol-starfield i:nth-child(1){left:8%;top:20%}.aol-starfield i:nth-child(2){right:12%;top:14%;animation-delay:.4s}.aol-starfield i:nth-child(3){left:18%;bottom:13%;animation-delay:.8s}.aol-starfield i:nth-child(4){right:20%;bottom:18%;animation-delay:1.2s}.aol-starfield i:nth-child(5){left:48%;top:7%;animation-delay:1.6s}.aol-final-welcome{display:none;position:absolute;z-index:8;inset:0;place-items:center;align-content:center;color:#fff;background:radial-gradient(circle,#1576ff,#250081 55%,#000);text-align:center;animation:aol-final-arrive 1.5s steps(14,end) both}.aol-final .aol-final-welcome{display:grid}.aol-final-welcome span{font-size:clamp(5rem,18vw,13rem);filter:drop-shadow(0 0 35px #fff)}.aol-final-welcome strong,.aol-final-welcome small{display:block}.aol-final-welcome strong{font:900 clamp(5rem,18vw,13rem)/.75 Impact,"Arial Black",sans-serif;text-shadow:8px 8px 0 #ef20bc,0 0 35px #41e8ff}.aol-final-welcome small{margin-top:25px;padding:8px 14px;color:#001550;background:#fff;font:900 12px/1 "Courier New",monospace;box-shadow:7px 7px 0 #24c7ff}.aol-final .aol-connect-window{animation:aol-window-finish 1s steps(12,end) forwards}@keyframes aol-overlay-in{0%{opacity:0;filter:brightness(4);clip-path:inset(49% 0)}100%{opacity:1;filter:none;clip-path:inset(0)}}@keyframes aol-orbit{50%{transform:scale(2.5);filter:hue-rotate(180deg)}100%{transform:rotate(360deg) translateX(25px)}}@keyframes aol-window-finish{to{opacity:0;transform:scale(.08) rotate(8deg);filter:brightness(5)}}@keyframes aol-final-arrive{0%,35%{opacity:0;transform:scale(.2);filter:brightness(5)}55%{opacity:1;transform:scale(1.12)}100%{transform:none;filter:none}}
@media(max-width:700px){.aol-connect-overlay{padding:8px}.aol-connect-window{width:100%}.aol-brand{padding-block:16px}.aol-steps{gap:4px;padding:10px}.aol-steps li{grid-template-columns:36px 1fr;padding:5px}.aol-steps li span{font-size:22px}.aol-steps li b{font-size:9px}.aol-final-welcome strong{font-size:clamp(4rem,22vw,7rem)}}

/* AOL level-two world upgrade. */
.connection-level{color:#91c9ff;text-shadow:0 0 8px #168cff}.aol-unlocked .video-world{background:radial-gradient(circle at 19% 24%,rgba(25,136,255,.28),transparent 22rem),radial-gradient(circle at 80% 12%,rgba(255,229,22,.18),transparent 18rem),linear-gradient(180deg,#19043d,#05020d 68%)}.aol-unlocked .arcade-sun{width:min(52vw,650px);aspect-ratio:1.16;border-radius:0;clip-path:polygon(50% 0,100% 100%,0 100%);background:repeating-linear-gradient(0deg,transparent 0 11px,#15072f 12px 18px),linear-gradient(#fff55b,#ffd51f 27%,#ff3db7 66%,#682cff);filter:drop-shadow(0 0 1.5rem #ffdc21) drop-shadow(0 0 5rem rgba(46,143,255,.7));animation:aol-triangle-pulse 3.4s ease-in-out infinite alternate}.aol-unlocked .gamer-statue-scene img{filter:drop-shadow(19px 24px 0 rgba(24,111,255,.38)) drop-shadow(0 0 28px #ffdd1f);animation:aol-mascot-run 1.2s ease-in-out infinite alternate}.aol-world-artifacts{position:absolute;z-index:1;inset:0;pointer-events:none;overflow:hidden}.aol-world-artifacts span,.aol-world-artifacts b{position:absolute;filter:drop-shadow(0 0 10px #1acfff);animation:aol-artifact-float 5s ease-in-out infinite alternate}.aol-world-artifacts span{font-size:clamp(2rem,5vw,5rem)}.aol-world-artifacts span:nth-child(1){left:4%;top:12%}.aol-world-artifacts span:nth-child(2){right:6%;top:27%;animation-delay:.6s}.aol-world-artifacts span:nth-child(3){left:9%;top:49%;animation-delay:1.1s}.aol-world-artifacts span:nth-child(4){right:9%;top:58%;animation-delay:1.7s}.aol-world-artifacts span:nth-child(5){left:44%;top:5%;animation-delay:2.2s}.aol-world-artifacts b{padding:7px 10px;color:#fff629;background:#153caf;border:2px solid #71e9ff;box-shadow:6px 6px 0 #d523a9;font:900 9px/1 "Courier New",monospace;letter-spacing:.12em}.aol-world-artifacts b:nth-of-type(1){right:4%;top:12%}.aol-world-artifacts b:nth-of-type(2){left:3%;top:68%;animation-delay:1.3s}
.aol-connect-overlay{background:linear-gradient(rgba(31,180,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(244,38,208,.1) 1px,transparent 1px),radial-gradient(circle at 50% 38%,rgba(34,69,192,.96),rgba(31,2,73,.98) 60%,#000);background-size:32px 32px,32px 32px,auto}.aol-connect-overlay::before,.aol-connect-overlay::after{content:"🏛";position:absolute;z-index:1;bottom:-35px;color:#ffdf24;font-size:min(24vw,260px);opacity:.36;filter:drop-shadow(0 0 24px #ff2acb)}.aol-connect-overlay::before{left:-25px}.aol-connect-overlay::after{right:-25px;transform:scaleX(-1)}.aol-brand{background:repeating-linear-gradient(0deg,rgba(32,113,255,.08) 0 2px,transparent 2px 5px),linear-gradient(110deg,#fff,#c8f9ff 40%,#ffd1f4)}.aol-brand strong{color:#ffdf21;text-shadow:4px 4px 0 #173ea9,-3px -3px 0 #f22db7,0 0 19px #fff}.aol-code .aol-connect-window{display:none}.aol-code-sequence{width:min(780px,92vw);position:relative;z-index:9;display:grid;gap:12px;padding:clamp(22px,5vw,52px);overflow:hidden;color:#61ff86;background:#010703;border:4px solid;border-color:#d9ffff #254d35 #254d35 #d9ffff;box-shadow:18px 20px 0 rgba(0,0,0,.6),0 0 52px #1eff72,0 0 110px #193fff;font:900 clamp(10px,2vw,17px)/1.15 "Courier New",monospace;letter-spacing:.08em;text-shadow:0 0 8px currentColor;animation:aol-code-glitch .16s steps(2,end) infinite}.aol-code-sequence::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(81,255,134,.16) 5px 6px);mix-blend-mode:screen}.aol-code-sequence strong{color:#49e7ff;font-size:1.25em}.aol-code-sequence b{margin-top:8px;padding:9px;color:#14052f;background:#ffeb22;box-shadow:6px 6px 0 #ff2ebc;text-align:center}.aol-code .aol-starfield{animation:aol-code-whiteout 2s steps(10,end) both}
@keyframes aol-triangle-pulse{to{transform:translateX(-50%) scale(1.045);filter:drop-shadow(0 0 3rem #ffed44) drop-shadow(0 0 6rem #248fff)}}@keyframes aol-mascot-run{to{transform:translateX(-50%) translateY(-8px) rotate(1deg);filter:drop-shadow(22px 28px 0 rgba(255,37,185,.42)) drop-shadow(0 0 38px #ffe600)}}@keyframes aol-artifact-float{to{transform:translateY(-24px) rotate(8deg);filter:hue-rotate(80deg) drop-shadow(0 0 18px #ff27cc)}}@keyframes aol-code-glitch{0%,72%{transform:none;clip-path:inset(0)}76%{transform:translateX(7px);clip-path:inset(11% 0 28%)}82%{transform:translateX(-6px);clip-path:inset(41% 0 8%)}100%{transform:none;clip-path:inset(0)}}@keyframes aol-code-whiteout{0%{filter:none}35%{filter:hue-rotate(80deg) brightness(2)}70%{filter:invert(1) brightness(2.5)}100%{filter:none}}
.aol-code-sequence{display:none}.aol-code .aol-code-sequence{display:grid}
.aol-unlocked .connection-level{color:#2f64bd;text-shadow:0 0 6px #0a2f78}
@media(max-width:700px){.connection-level{font-size:7px}.aol-world-artifacts b{display:none}.aol-connect-overlay::before,.aol-connect-overlay::after{font-size:110px}.aol-code-sequence{gap:8px;letter-spacing:.03em}}

/* Rollo the Dog archive. */
.rollo-shell{min-height:100vh;color:#fff;background:#07020f}.rollo-bar{position:relative;z-index:150}.rollo-bar .bar-status{gap:8px}.rollo-bark-button{width:42px;height:30px;display:grid;place-items:center;margin-left:5px;padding:0;background:#d7d7d7;border:2px solid;border-color:#fff #383838 #383838 #fff;box-shadow:inset 1px 1px rgba(255,255,255,.7);font-size:19px;cursor:pointer}.rollo-bark-button:active,.rollo-bark-button.is-active{border-color:#383838 #fff #fff #383838;background:#83f3ff;filter:drop-shadow(0 0 7px #00eaff)}.rollo-world{min-height:calc(100vh - 38px);position:relative;overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(91,21,165,.82),transparent 28rem),linear-gradient(180deg,#15052c,#05020d 67%)}.rollo-sun{top:125px;opacity:.72}.rollo-grid{opacity:.7}.rollo-hero{min-height:860px;position:relative;z-index:3;padding:52px 22px 80px;text-align:center}.rollo-kicker{width:max-content;max-width:calc(100% - 24px);margin:0 auto 18px;padding:8px 13px;color:#041108;background:#76ff8b;border:2px solid #d7ffdc;box-shadow:6px 6px 0 #cf2fff;font:900 11px/1 "Courier New",monospace;letter-spacing:.12em}.rollo-hero h1{position:relative;z-index:6;display:grid;gap:0;margin:0;font:900 clamp(4.8rem,10vw,9rem)/.72 Impact,"Arial Black",sans-serif;letter-spacing:.015em;text-transform:uppercase}.rollo-hero h1 span{color:#fff;text-shadow:7px 7px 0 #5424a7,0 0 30px #0ff}.rollo-hero h1 em{color:#ffdf2b;font-size:.58em;font-style:normal;text-shadow:5px 5px 0 #d1177c,0 0 22px #ff38bd}.rollo-stage{width:min(1180px,100%);height:650px;position:relative;margin:10px auto 0}.rollo-statue-scene{width:min(560px,54vw);height:630px;position:absolute;z-index:4;left:50%;bottom:0;transform:translateX(-50%);filter:drop-shadow(0 0 22px rgba(0,238,255,.6))}.rollo-statue-scene::before{content:"";position:absolute;z-index:-1;left:50%;top:20%;width:68%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 0 2%,#39f4ff 4% 7%,transparent 9% 22%,rgba(255,42,204,.6) 24% 27%,transparent 29%);transform:translateX(-50%);animation:rollo-halo 8s linear infinite}.rollo-statue-scene img{width:100%;height:100%;object-fit:contain;object-position:50% 100%;animation:rollo-statue-float 4.2s ease-in-out infinite alternate}.rollo-laurel{position:absolute;z-index:7;top:18%;color:#ffd52a;font-size:105px;text-shadow:0 0 16px #ffac00;animation:rollo-laurel-pulse 2s ease-in-out infinite alternate}.rollo-laurel.left{left:-8%;transform:rotate(-30deg)}.rollo-laurel.right{right:-8%;transform:scaleX(-1) rotate(-30deg)}.rollo-orbit{position:absolute;z-index:8;color:#5effff;font-size:38px;text-shadow:0 0 15px #0ff;animation:rollo-orbit 5s linear infinite}.rollo-orbit.orbit-one{left:4%;top:51%}.rollo-orbit.orbit-two{right:5%;top:40%;animation-direction:reverse}.rollo-file{width:280px;position:absolute;z-index:9;padding:0 0 19px;color:#53ff72;background:#071008;border:4px solid;border-color:#f6f6f6 #454545 #454545 #f6f6f6;box-shadow:13px 15px 0 rgba(0,0,0,.5),0 0 25px rgba(67,255,101,.48);font-family:"Courier New",monospace;text-align:left;cursor:pointer}.rollo-file:hover,.rollo-file:focus-visible{transform:translateY(-6px);box-shadow:13px 21px 0 rgba(0,0,0,.45),0 0 45px #31ff66}.rollo-walk-file{left:0;top:170px;transform:rotate(-2deg)}.rollo-swim-file{right:0;top:245px;transform:rotate(2deg)}.rollo-file-title{display:flex;justify-content:space-between;padding:7px 8px;color:#fff;background:#6d1bb7;font:900 10px/1 Arial,sans-serif}.rollo-file>strong,.rollo-file>small{display:block;padding-inline:17px}.rollo-file>strong{margin-top:20px;font:900 21px/1.1 "Courier New",monospace}.rollo-file>small{margin-top:12px;color:#a9ffb6;font:900 9px/1.2 "Courier New",monospace;letter-spacing:.08em}.rollo-frisbee-section,.rollo-friends-section{position:relative;z-index:5;padding:76px 24px}.rollo-frisbee-section{background:linear-gradient(180deg,rgba(6,2,18,.15),#130426 22%,#07020e)}.rollo-friends-section{background:linear-gradient(180deg,#07020e,#16062c)}.rollo-section-heading{width:min(1000px,100%);margin:0 auto 34px;text-align:center}.rollo-section-heading>span{display:inline-block;padding:6px 10px;color:#061208;background:#72ff87;box-shadow:5px 5px 0 #d725bd;font:900 10px/1 "Courier New",monospace;letter-spacing:.1em}.rollo-section-heading h2{margin:18px 0 8px;color:#fff;font:900 clamp(2.7rem,7vw,5.6rem)/.86 Impact,"Arial Black",sans-serif;text-transform:uppercase;text-shadow:5px 5px 0 #5c19a8,0 0 24px #00f1ff}.rollo-section-heading p{margin:0;color:#d9c8ef;font:700 13px/1.5 "Courier New",monospace}.rollo-tiktok-window{width:min(430px,100%);margin:auto;padding:0 9px 10px;background:#bebebe;border:4px solid;border-color:#fff #3e3e3e #3e3e3e #fff;box-shadow:18px 20px 0 rgba(0,0,0,.45),0 0 45px rgba(228,39,195,.55)}.rollo-window-title,.breed-window-title{display:flex;justify-content:space-between;gap:12px;margin:0 -1px 8px;padding:7px 8px;color:#fff;background:linear-gradient(90deg,#5e128d,#b21b9d);font:900 11px/1 Arial,sans-serif}.rollo-tiktok-window iframe{width:100%;aspect-ratio:9/16;display:block;background:#000;border:2px inset #777}.breed-explorer{width:min(1180px,100%);margin:auto;color:#111;background:#c8c8c8;border:4px solid;border-color:#fff #3f3f3f #3f3f3f #fff;box-shadow:20px 24px 0 rgba(0,0,0,.46),0 0 55px rgba(0,238,255,.38)}.breed-window-title{margin:0;background:linear-gradient(90deg,#21106f,#9d168e)}.breed-toolbar{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:10px;padding:12px;border-bottom:2px solid #777;font:900 11px/1 "Courier New",monospace}.breed-toolbar input{min-width:0;padding:9px;color:#55ff72;background:#020b04;border:3px inset #929292;outline:none;font:800 13px/1.2 "Courier New",monospace}.breed-toolbar input:focus{box-shadow:0 0 0 2px #1ad8ff,0 0 14px #00eaff}.breed-toolbar button,.breed-pagination button{padding:9px 11px;color:#111;background:#ddd;border:3px solid;border-color:#fff #454545 #454545 #fff;font:900 10px/1 "Courier New",monospace;cursor:pointer}.breed-toolbar button:active,.breed-pagination button:active{border-color:#454545 #fff #fff #454545}.breed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px;background:#8b8b8b}.breed-card{min-width:0;overflow:hidden;color:#63ff79;background:#020b05;border:3px solid;border-color:#ededed #454545 #454545 #ededed;box-shadow:5px 6px 0 rgba(0,0,0,.35)}.breed-card img,.breed-placeholder{width:100%;height:165px;display:grid;place-items:center;object-fit:cover;background:linear-gradient(135deg,#241058,#a71688);font-size:54px}.breed-card>div:last-child{padding:12px}.breed-card span{color:#4befff;font:900 8px/1 "Courier New",monospace;letter-spacing:.08em}.breed-card h3{margin:7px 0;color:#fff;font:900 18px/.95 "Courier New",monospace;text-transform:uppercase}.breed-card p{min-height:4.6em;margin:8px 0;color:#9cffaa;font:700 10px/1.15 "Courier New",monospace}.breed-card small{color:#ffcc3c;font:900 9px/1 "Courier New",monospace}.breed-message{padding:70px 20px;color:#47ff69;background:#020b04;font:900 15px/1.4 "Courier New",monospace;text-align:center;text-shadow:0 0 8px #2cff50}.breed-error{color:#ff6464;text-shadow:0 0 8px #f00}.breed-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px;border-top:2px solid #fff;font:900 10px/1 "Courier New",monospace}.breed-pagination button:disabled{opacity:.45;cursor:not-allowed}.breed-statusbar{display:flex;justify-content:space-between;gap:12px;padding:7px 10px;border-top:2px groove #fff;font:900 8px/1 "Courier New",monospace}.rollo-footer{position:relative;z-index:4}.rollo-modal-backdrop{position:fixed;z-index:300;inset:0;display:grid;place-items:center;padding:20px;background:rgba(3,0,12,.78);backdrop-filter:blur(5px)}.rollo-detail-modal{width:min(520px,100%);color:#54ff70;background:#030d05;border:5px solid;border-color:#fff #454545 #454545 #fff;box-shadow:0 0 70px #d832c6}.rollo-detail-modal>header{display:flex;justify-content:space-between;align-items:center;padding:8px;color:#fff;background:linear-gradient(90deg,#4f118d,#c22391);font:900 12px/1 Arial,sans-serif}.rollo-detail-modal>header button{width:25px;height:22px;padding:0;border:2px outset #eee;font-weight:900}.rollo-detail-modal>div{padding:32px;text-align:center}.rollo-modal-icon{font-size:78px;filter:drop-shadow(0 0 14px #0ff)}.rollo-detail-modal h2{margin:16px 0;color:#fff;font:900 clamp(2.4rem,7vw,4rem)/.9 Impact,"Arial Black",sans-serif;text-shadow:4px 4px 0 #7a1eaa}.rollo-detail-modal p{font:700 13px/1.55 "Courier New",monospace}.rollo-detail-modal>div>button{margin-top:15px;padding:11px 14px;background:#76ff89;border:3px outset #fff;font:900 11px/1 "Courier New",monospace}.rollo-video-mode .rollo-world{animation:rollo-world-dissolve 1.05s steps(12,end) forwards}.rollo-video-overlay{position:fixed;z-index:120;inset:38px 0 0;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at center,#3b0b5d,#030006 65%);overflow:hidden;animation:rollo-video-arrive 1.15s ease both}.rollo-youtube-window{width:min(1100px,96vw);position:relative;z-index:4;padding:0 9px 9px;background:#bfbfbf;border:4px solid;border-color:#fff #424242 #424242 #fff;box-shadow:0 0 70px #00eaff,20px 24px 0 rgba(0,0,0,.55);animation:rollo-video-window 1.1s .35s cubic-bezier(.2,.8,.2,1) both}.rollo-youtube-window>div{display:flex;justify-content:space-between;padding:7px 8px;color:#fff;background:linear-gradient(90deg,#451078,#c51d93);font:900 11px/1 Arial,sans-serif}.rollo-youtube-window iframe{width:100%;aspect-ratio:16/9;display:block;background:#000;border:2px inset #777}.rollo-paw-burst{position:absolute;inset:0}.rollo-paw-burst i{position:absolute;font-style:normal;font-size:clamp(35px,7vw,100px);filter:drop-shadow(0 0 12px #ff39cd);animation:rollo-paw-flight 1.05s ease-out both}.rollo-paw-burst i:nth-child(1){left:5%;top:15%}.rollo-paw-burst i:nth-child(2){right:8%;top:9%;animation-delay:.08s}.rollo-paw-burst i:nth-child(3){left:14%;bottom:8%;animation-delay:.14s}.rollo-paw-burst i:nth-child(4){right:13%;bottom:13%;animation-delay:.2s}.rollo-paw-burst i:nth-child(5){left:47%;top:4%;animation-delay:.26s}
@keyframes rollo-halo{to{transform:translateX(-50%) rotate(360deg)}}@keyframes rollo-statue-float{to{transform:translateY(-10px);filter:brightness(1.13) saturate(1.18)}}@keyframes rollo-laurel-pulse{to{filter:brightness(1.8);text-shadow:0 0 30px #fff200}}@keyframes rollo-orbit{to{transform:rotate(360deg) translateY(-28px);filter:hue-rotate(360deg)}}@keyframes rollo-world-dissolve{0%{opacity:1;filter:none;clip-path:inset(0)}35%{filter:hue-rotate(130deg) brightness(2.8);transform:translateX(8px)}62%{opacity:.65;clip-path:inset(22% 0 28%);transform:scaleX(.78)}100%{opacity:0;filter:brightness(4);clip-path:inset(50% 0);transform:scaleX(.02)}}@keyframes rollo-video-arrive{0%,45%{background:#000}100%{background:radial-gradient(circle at center,#3b0b5d,#030006 65%)}}@keyframes rollo-video-window{0%{opacity:0;transform:scale(.15) rotate(-5deg);filter:brightness(4)}100%{opacity:1;transform:scale(1);filter:none}}@keyframes rollo-paw-flight{0%{opacity:0;transform:scale(.2) rotate(-25deg)}45%{opacity:1}100%{opacity:0;transform:translateY(35vh) scale(1.8) rotate(35deg)}}

/* Editable source-force terminal. */
.source-force-view{overflow-x:hidden}.source-force-editor{width:100%;min-height:calc(100vh - 94px);display:block;resize:vertical;overflow-x:hidden;padding:12px;color:#ff3b4f;background:#000;border:0;outline:0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;text-shadow:0 0 5px currentColor,0 0 13px currentColor;font:700 12px/1.55 "Courier New",monospace;animation:source-text-spectrum 8s ease-in-out infinite alternate}.undo-source-force{width:185px}.source-force-start{padding-bottom:0}@keyframes source-text-spectrum{0%{color:#ff334a;text-shadow:0 0 5px #ff334a,0 0 14px #ff002b}50%{color:#b74dff;text-shadow:0 0 6px #be3cff,0 0 16px #701cff}100%{color:#3d7dff;text-shadow:0 0 5px #3d7dff,0 0 15px #0058ff}}
@media(max-width:900px){.rollo-stage{height:900px}.rollo-statue-scene{width:min(620px,80vw);height:620px}.rollo-file{width:min(260px,43vw)}.rollo-walk-file{top:115px}.rollo-swim-file{top:625px}.breed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.rollo-bar .bar-status>span{display:none}.rollo-bar .bar-status{margin-left:auto}.rollo-hero{min-height:980px;padding-inline:10px}.rollo-hero h1{font-size:clamp(4.4rem,23vw,6.8rem)}.rollo-stage{height:800px}.rollo-statue-scene{width:94vw;height:560px;top:80px;bottom:auto}.rollo-file{width:calc(50% - 7px);font-size:9px}.rollo-walk-file{left:0;top:0}.rollo-swim-file{right:0;top:620px}.rollo-file>strong{padding-inline:10px;font-size:15px}.rollo-file>small{padding-inline:10px}.rollo-laurel{font-size:70px}.rollo-frisbee-section,.rollo-friends-section{padding:56px 12px}.breed-toolbar{grid-template-columns:1fr}.breed-grid{grid-template-columns:1fr}.breed-card{display:grid;grid-template-columns:120px 1fr}.breed-card img,.breed-placeholder{height:100%;min-height:150px}.breed-card p{min-height:0}.breed-statusbar{flex-direction:column}.breed-pagination{gap:8px}.breed-pagination button{font-size:8px}.rollo-video-overlay{inset:44px 0 0;padding:8px}.rollo-youtube-window{width:100%;padding:0 5px 5px}.rollo-youtube-window>div{font-size:8px}.rollo-detail-modal>div{padding:24px 17px}.source-force-editor{min-height:calc(100vh - 102px);font-size:10px}.undo-source-force{width:165px}}

/* Interactive dog breed introductions. */
.breed-card{padding:0;font:inherit;text-align:left;cursor:pointer}.breed-card:hover,.breed-card:focus-visible{transform:translateY(-4px);box-shadow:5px 10px 0 rgba(0,0,0,.35),0 0 22px #36ff6a;outline:2px solid #53eaff;outline-offset:2px}.breed-intro-overlay{position:fixed;z-index:500;inset:0;display:grid;place-items:center;padding:38px 20px 20px;background:radial-gradient(circle at center,#39106e 0,#080114 54%,#000 100%);overflow:hidden}.breed-intro-content{position:relative;z-index:2;width:min(1050px,96vw);height:min(830px,88vh);display:grid;grid-template-rows:minmax(0,1fr) auto auto;place-items:center}.breed-intro-content img,.breed-intro-placeholder{width:100%;height:100%;min-height:0;object-fit:contain;filter:drop-shadow(0 0 24px #00edff) drop-shadow(10px 12px 0 #b321c0)}.breed-intro-placeholder{display:grid;place-items:center;font-size:40vh}.breed-intro-content>span{margin-top:8px;padding:6px 11px;color:#041108;background:#6dff89;box-shadow:5px 5px 0 #ef2fbd;font:900 10px/1 "Courier New",monospace;letter-spacing:.1em}.breed-intro-content h2{max-width:95vw;margin:10px 0;color:#fff;font:900 clamp(3rem,9vw,8rem)/.82 Impact,"Arial Black",sans-serif;text-align:center;text-transform:uppercase;text-shadow:7px 7px 0 #6e1da7,0 0 30px #00eaff}.breed-intro-scanlines{position:absolute;z-index:3;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(0,0,0,.25) 4px 5px);mix-blend-mode:overlay}.breed-intro-overlay.entering{animation:breed-intro-enter 1s steps(12,end) both}.breed-intro-overlay.leaving{animation:breed-intro-leave 1s steps(12,end) both}@keyframes breed-intro-enter{0%{opacity:0;clip-path:inset(48% 0);filter:brightness(5) hue-rotate(180deg);transform:scaleX(.03)}55%{opacity:1;clip-path:inset(12% 0);transform:scaleX(1.04)}100%{clip-path:inset(0);filter:none;transform:none}}@keyframes breed-intro-leave{0%{opacity:1;clip-path:inset(0);filter:none}55%{opacity:.8;filter:hue-rotate(140deg) brightness(2.7);transform:scaleX(.72)}100%{opacity:0;clip-path:inset(49% 0);filter:brightness(5);transform:scaleX(.02)}}
@media(max-width:760px){.hourly-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.breed-intro-overlay{padding-top:48px}.breed-intro-content{height:86vh}.breed-intro-content h2{font-size:clamp(2.8rem,16vw,5.5rem)}}