:root{--ice:#9be8ff;--ice2:#38c4ff;--silver:#deefff;--blue:#103452;--navy:#061321;--line:#6aa3c3;--text:#eaf7ff;--muted:#a9c1d4;--gold:#d7b873;--green:#64e3bd}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font:14px/1.5 "Segoe UI",Arial,sans-serif;background:radial-gradient(ellipse at 50% -10%,#1c4771 0,transparent 45%),linear-gradient(#071321,#050c16 70%);min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.wrap{width:min(1420px,calc(100% - 38px));margin:auto}
.site-frame{position:relative;margin:16px auto 0;padding:7px;border:1px solid #9bdaff;border-radius:10px;background:linear-gradient(135deg,#dff8ff 0,#347fa6 2%,#071422 7%,#0c263d 48%,#071321 93%,#8ad8ff 100%);box-shadow:0 0 0 2px #071422,0 0 25px #2faeff55,inset 0 1px #fff9}
.site-frame:before{content:"✦";position:absolute;z-index:5;top:-13px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:34px;height:34px;color:#d6f5ff;font-size:20px;text-shadow:0 0 15px #4fcaff;background:linear-gradient(145deg,#2a769b,#071a2c);border:1px solid #b5edff;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.topbar{height:72px;position:relative;z-index:6;display:flex;align-items:center;justify-content:space-between;padding:0 30px 0 22px;background:linear-gradient(180deg,#071321f2,#0a2033f4);border:1px solid #9cdbff;border-radius:5px;box-shadow:inset 0 1px #fff5,0 8px 30px #0008}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.12em}.brand-mark{width:41px;height:41px;display:grid;place-items:center;color:#e7faff;font:700 23px Georgia,serif;border:1px solid #b5edff;transform:rotate(45deg);background:linear-gradient(140deg,#a9e9ff,#267298 13%,#0b1d30 50%,#4297b8);box-shadow:0 0 17px #48c8ff77,inset 0 0 7px #fff8}.brand-mark span{transform:rotate(-45deg)}.brand-text small{display:block;color:#a9d9ed;font-size:9px;letter-spacing:.3em}.nav{display:flex;align-items:center;gap:28px;color:#d1e8f6;font:700 11px Georgia,serif;letter-spacing:.1em}.nav a{height:72px;display:flex;align-items:center;position:relative}.nav a:hover,.nav a.active{color:#85dcff;text-shadow:0 0 12px #4ecaff}.nav a.active:after{content:"";height:2px;position:absolute;bottom:0;left:0;right:0;background:#5ed0ff;box-shadow:0 0 10px #66d5ff}.social{display:flex;gap:9px;color:#b8d9ea;font-weight:bold}.social span{width:25px;height:25px;display:grid;place-items:center;border:1px solid #56819b;border-radius:50%;background:#0b1f31}
.hero{height:clamp(440px,43vw,610px);position:relative;overflow:hidden;margin-top:8px;border:1px solid #8bdcff;background-image:linear-gradient(90deg,rgba(3,10,18,.88) 0%,rgba(3,10,18,.57) 34%,rgba(3,10,18,.08) 66%,rgba(3,10,18,.12) 100%),linear-gradient(0deg,rgba(4,11,19,.83),transparent 35%,rgba(4,11,19,.12)),url("../img/season22-part2-hero.png");background-size:cover;background-position:center 43%;box-shadow:inset 0 0 0 5px #071522,inset 0 0 0 6px #8ac8e4,inset 0 0 100px #010912aa}
.hero:before{content:"";position:absolute;inset:13px;border:1px solid #d6f4ffb3;box-shadow:inset 0 0 0 1px #fff3,0 0 14px #57c8ff4a;pointer-events:none}.hero:after{content:"✦";position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:28px;color:#e0f9ff;text-shadow:0 0 18px #55caff;background:#09223b;padding:0 12px;line-height:24px}
.hero-copy{position:absolute;left:7%;top:50%;transform:translateY(-50%);width:min(570px,54%);text-shadow:0 3px 14px #000}.eyebrow{display:flex;align-items:center;gap:11px;color:#b9ecff;font-size:10px;font-weight:800;letter-spacing:.27em}.eyebrow:before{content:"";width:30px;height:1px;background:#9de7ff;box-shadow:0 0 10px #5cd5ff}.hero h1{margin:14px 0 0;font:700 clamp(42px,6vw,82px)/.92 Georgia,"Times New Roman",serif;letter-spacing:-.035em;color:#effaff;text-shadow:0 3px 2px #000,0 0 30px #65cfff72}.hero h1 span{display:block;color:#ffc94e;font-style:italic;text-shadow:0 2px 0 #72350b,0 0 22px #ff8a2555}.season{margin:8px 0 14px;color:#e6f3ff;font:italic 700 clamp(22px,3.2vw,38px)/1 Georgia,serif;letter-spacing:.08em}.tagline{margin:14px 0 5px;color:#d6e8f4;font:700 10px Georgia,serif;letter-spacing:.28em}.hero-copy p{max-width:400px;margin:10px 0 22px;color:#bed0de;font-size:13px}.play-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:260px;padding:13px 28px;border:1px solid #d8f6ff;border-radius:4px;background:linear-gradient(145deg,#8de3ff,#2f8bb1 12%,#0a3859 45%,#071b30 80%,#65c9ea);box-shadow:inset 0 1px #fff9,inset 0 -3px #020812,0 0 0 3px #071421,0 0 0 4px #78c8e8,0 0 24px #39bbff77;color:#f4fcff;font:700 22px Georgia,serif;letter-spacing:.12em;text-shadow:0 2px 5px #001;cursor:pointer}.play-button:hover{filter:brightness(1.16);box-shadow:inset 0 1px #fff,0 0 30px #55caffaa}
.stats{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:18px 20px 21px;background:linear-gradient(180deg,#071421,#091a2a);border:1px solid #6c9db7;border-top:0;box-shadow:inset 0 1px #fff2,0 12px 28px #0008}.stat{min-height:74px;display:grid;grid-template-columns:54px 1fr;align-items:center;gap:12px;padding:12px 17px;border:1px solid #90cde7;border-radius:4px;background:linear-gradient(145deg,#8bb2c7 0%,#21465f 5%,#0b2338 22%,#061625 78%,#316580 100%);box-shadow:inset 0 0 0 3px #071523,inset 0 0 0 4px #72a9c3,0 0 16px #38baff2e}.stat-icon{width:44px;height:44px;display:grid;place-items:center;font:700 20px Georgia,serif;color:#b5efff;border:1px solid #6ddaff;border-radius:50%;background:radial-gradient(circle,#3fc8ff52,#09223a 65%);box-shadow:0 0 14px #42c9ff77,inset 0 0 9px #5ecaff44}.stat:nth-child(2) .stat-icon{color:#d7eaff;border-color:#b3dafa}.stat:nth-child(3) .stat-icon{color:#e3d1a2;border-color:#d3bb7a}.stat label{display:block;color:#c4e9fa;font:700 9px Georgia,serif;letter-spacing:.16em;text-transform:uppercase}.stat strong{display:inline-block;margin-top:1px;color:#71f0ca;font:700 19px Georgia,serif;text-shadow:0 0 12px #43d6b375}.stat small{display:block;color:#8faec2;font-size:9px;letter-spacing:.05em}
.content-grid{display:grid;grid-template-columns:1.05fr 1.08fr .96fr;gap:13px;padding:0 20px 22px;background:#091a2a}.content-card{min-width:0;position:relative;overflow:hidden;border:1px solid #85bad4;border-radius:5px;background:linear-gradient(145deg,#284b62 0%,#0c2337 5%,#071624 22%,#061321 82%,#28536b);box-shadow:inset 0 0 0 4px #061321,inset 0 0 0 5px #3b718e,0 13px 28px #0008}.content-card:before{content:"";position:absolute;inset:8px;border:1px solid #b9e7f51c;pointer-events:none}.card-head{height:47px;position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #4d7893;color:#d9f1ff;font:700 13px Georgia,serif;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(90deg,#15344b,#0a2031)}.card-head a{color:#93dfff;font:10px "Segoe UI",sans-serif;letter-spacing:0}.empty-state{min-height:240px;display:grid;place-items:center;padding:24px;text-align:center;color:#9cb5c7;font-size:12px}.empty-state strong{display:block;color:#d0e9f7;font:700 14px Georgia,serif;margin-bottom:7px}.news-list,.event-list,.rank-list{position:relative;z-index:1;padding:9px 14px 13px}.list-row{display:flex;align-items:center;gap:11px;min-height:58px;padding:8px 0;border-bottom:1px solid #29475b}.list-row:last-child{border-bottom:0}.thumb{width:54px;height:42px;flex:0 0 54px;border:1px solid #7aadc6;border-radius:3px;background-image:linear-gradient(#07152242,#07152278),url("../img/season22-part2-hero.png");background-size:cover;background-position:center}.thumb.t2{background-position:70% 48%}.thumb.t3{background-position:88% 40%}.row-copy{min-width:0}.row-copy strong{display:block;color:#e2f2fc;font:700 11px Georgia,serif}.row-copy small{display:block;color:#89a8bc;font-size:9px;line-height:1.4;margin-top:3px}.rank-list .list-row{min-height:43px}.rank-place{width:23px;color:#d5c188;font:700 14px Georgia,serif;text-align:center}.rank-list .row-copy{flex:1}.rank-value{color:#a9c9db;font-size:10px}.pending-note{padding:6px 0 2px;color:#7595aa;font-size:9px;text-align:center;letter-spacing:.05em}
.footer{display:flex;justify-content:space-between;gap:12px;padding:17px 26px;color:#829eb3;background:#061321;border:1px solid #54809a;border-top:0;font-size:9px;letter-spacing:.06em}
.menu{display:none;background:#0b2135;border:1px solid #77b6d4;padding:8px 11px}
@media(max-width:960px){.nav{gap:16px}.social{display:none}.hero-copy{left:6%;width:61%}.content-grid{grid-template-columns:1fr 1fr}.content-card:last-child{grid-column:span 2}.rank-list{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}}
@media(max-width:650px){.wrap{width:calc(100% - 18px)}.site-frame{margin-top:12px;padding:4px}.topbar{height:61px;padding:0 14px}.nav{display:none}.menu{display:block}.brand-mark{width:34px;height:34px}.hero{height:480px;background-position:center 48%}.hero-copy{left:7%;top:auto;bottom:28px;transform:none;width:83%}.hero h1{font-size:48px}.season{font-size:23px}.play-button{min-width:210px;padding:11px 19px;font-size:18px}.stats{grid-template-columns:1fr;gap:8px;padding:12px}.stat{min-height:60px}.stat-icon{width:36px;height:36px}.content-grid{grid-template-columns:1fr;padding:0 12px 16px}.content-card:last-child{grid-column:auto}.rank-list{display:block}.empty-state{min-height:110px}.footer{flex-direction:column;padding:14px}}
/* Full-page key art under the complete site, with a stronger electric-frost blue treatment. */
:root{--ice:#b4f2ff;--ice2:#15baff;--silver:#e5f9ff;--line:#31baff;--blue:#0a3d68}
body{background-color:#04101d;background-image:linear-gradient(180deg,rgba(3,9,17,.48) 0%,rgba(3,10,18,.38) 35%,rgba(3,10,18,.68) 100%),radial-gradient(ellipse at 50% 14%,rgba(26,159,255,.28),transparent 56%),url("../img/season22-part2-hero.png");background-size:cover,cover,cover;background-position:center,center,center 38%;background-attachment:fixed,fixed,fixed}
.site-frame{background:linear-gradient(135deg,#e5fbff 0,#32bfff 2%,rgba(5,17,31,.36) 7%,rgba(5,22,39,.28) 48%,rgba(5,17,31,.35) 93%,#5bd0ff 100%);border-color:#59d3ff;box-shadow:0 0 0 2px #061321,0 0 28px #00aaff88,inset 0 1px #fff}
.site-frame:before{color:#effcff;text-shadow:0 0 8px #fff,0 0 22px #00baff;background:linear-gradient(145deg,#90eaff,#167fb1 45%,#07223b);border-color:#b8f2ff;box-shadow:0 0 22px #04baffaa}
.topbar{background:linear-gradient(180deg,rgba(4,17,31,.84),rgba(5,22,39,.72));border-color:#47c7ff;box-shadow:inset 0 1px #fff9,0 8px 30px #0009,0 0 22px #04aaff44;backdrop-filter:blur(8px)}
.brand-mark{border-color:#c9f7ff;background:linear-gradient(140deg,#e3fbff,#28b9f4 14%,#092944 50%,#1da7e0);box-shadow:0 0 9px #effcff,0 0 27px #00baffaa,inset 0 0 7px #fff}
.nav a:hover,.nav a.active{color:#e4fbff;text-shadow:0 0 7px #fff,0 0 18px #00baff}.nav a.active:after{background:#85edff;box-shadow:0 0 7px #fff,0 0 17px #00baff}
.hero{background:linear-gradient(90deg,rgba(2,10,20,.65),rgba(3,14,26,.12) 65%,rgba(3,14,26,.2)),linear-gradient(0deg,rgba(3,12,22,.55),transparent 44%);border-color:#31c5ff;box-shadow:inset 0 0 0 5px rgba(5,19,34,.45),inset 0 0 0 6px #48c8ff,inset 0 0 100px #03101dbb,0 0 24px #00aaff66}
.hero:before{border-color:#b8f4ff;box-shadow:inset 0 0 0 1px #fff6,0 0 8px #fff,0 0 24px #00baff99}
.hero:after{color:#e4fbff;text-shadow:0 0 8px #fff,0 0 24px #00baff;background:#073455}
.hero-copy{background:linear-gradient(90deg,rgba(3,13,24,.56),rgba(3,13,24,.22) 72%,transparent);padding:20px 22px;margin-left:-22px;border-left:1px solid #7fe7ff;box-shadow:-9px 0 25px -15px #00baff}
.eyebrow{color:#adf2ff;text-shadow:0 0 9px #00baff}.eyebrow:before{background:#87eaff;box-shadow:0 0 13px #00baff}
.hero h1{color:#f4fdff;text-shadow:0 2px 2px #001,0 0 10px #9aefff,0 0 34px #00aaffbb}.hero h1 span{color:#ffd879;text-shadow:0 2px 0 #643709,0 0 26px #ffac3877}
.play-button{border-color:#b9f5ff;background:linear-gradient(145deg,#e8fcff 0%,#14baff 8%,#087bb4 25%,#06365b 65%,#0a1e34 84%,#36c5f5);box-shadow:inset 0 1px #fff,inset 0 -3px #00101e,0 0 0 3px #061522,0 0 0 4px #44caff,0 0 16px #ddfbff,0 0 38px #00aaffaa;text-shadow:0 1px 4px #001}
.stats{background:linear-gradient(180deg,rgba(4,17,31,.7),rgba(4,16,29,.6));border-color:#43c9ff;box-shadow:inset 0 1px #fff5,0 12px 28px #0008,0 0 20px #00aaff30;backdrop-filter:blur(6px)}
.stat{border-color:#63d6ff;background:linear-gradient(145deg,rgba(75,174,218,.70),rgba(7,41,69,.78) 15%,rgba(3,18,34,.76) 78%,rgba(26,116,158,.72));box-shadow:inset 0 0 0 3px rgba(4,17,31,.76),inset 0 0 0 4px #42c9ff,0 0 16px #00aaff55;backdrop-filter:blur(5px)}
.stat-icon{color:#ddfaff;border-color:#59d7ff;background:radial-gradient(circle,#15bcff94,#083354 68%);box-shadow:0 0 9px #e8fcff,0 0 23px #00baff,inset 0 0 9px #8deaff88}.stat:nth-child(2) .stat-icon{color:#e8f8ff;border-color:#a4ecff}.stat:nth-child(3) .stat-icon{color:#dff8ff;border-color:#b1efff}
.stat strong{color:#92ffe2;text-shadow:0 0 8px #bafff0,0 0 20px #00d5a4aa}
.content-grid{background:linear-gradient(180deg,rgba(5,20,35,.52),rgba(4,15,27,.68));backdrop-filter:blur(4px)}
.content-card{border-color:#4dcaff;background:linear-gradient(145deg,rgba(60,141,179,.68),rgba(5,29,49,.78) 7%,rgba(3,17,31,.72) 30%,rgba(3,15,27,.77) 82%,rgba(24,95,131,.72));box-shadow:inset 0 0 0 4px rgba(4,17,31,.8),inset 0 0 0 5px #28baff,0 13px 28px #0009,0 0 18px #00aaff44;backdrop-filter:blur(5px)}
.card-head{background:linear-gradient(90deg,rgba(13,71,107,.85),rgba(4,28,48,.88));border-bottom-color:#35baff;color:#e4faff;text-shadow:0 0 9px #00aaff44}
.list-row{border-bottom-color:rgba(82,193,238,.3)}.thumb{border-color:#6de0ff;box-shadow:0 0 9px #00aaff77}.pending-note{color:#9ac7dd}
.footer{background:rgba(3,14,25,.72);border-color:#36baff;color:#a6cce0;box-shadow:0 0 18px #00aaff33;backdrop-filter:blur(7px)}
@media(max-width:650px){body{background-position:center,center,58% top;background-attachment:fixed,fixed,fixed}.hero-copy{background:linear-gradient(90deg,rgba(3,13,24,.78),rgba(3,13,24,.38) 78%,transparent)}}
/* Softer modern finish shared with the launcher; keep the ornate frost identity. */
.site-frame{border-radius:19px;padding:8px;animation:pageArrive .7s cubic-bezier(.2,.8,.2,1) both}
.topbar{border-radius:14px;padding-inline:25px;backdrop-filter:blur(14px)}
.brand-mark{border-radius:11px;transition:transform .3s ease,box-shadow .3s ease}.brand:hover .brand-mark{transform:rotate(45deg) scale(1.07);box-shadow:0 0 13px #effcff,0 0 34px #00baffcc}
.hero{border-radius:15px;transition:box-shadow .3s ease}.hero:before{inset:12px;border-radius:10px}.hero:after{border-radius:7px;text-shadow:0 0 9px #fff,0 0 28px #00baff;animation:sigilGlow 3.8s ease-in-out infinite}
.hero-copy{border-radius:0 16px 16px 0;backdrop-filter:blur(5px)}
.play-button{border-radius:999px;padding-inline:34px;transition:transform .22s ease,filter .22s ease,box-shadow .22s ease}.play-button:hover{transform:translateY(-3px) scale(1.015);filter:brightness(1.12)}
.stats{border-radius:0 0 15px 15px;padding:18px 20px 21px}
.stat{border-radius:13px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.stat:hover{transform:translateY(-4px);border-color:#b9f5ff;box-shadow:inset 0 0 0 3px rgba(4,17,31,.76),inset 0 0 0 4px #80e6ff,0 10px 26px #00aaff55}
.stat-icon{border-radius:14px;transform:rotate(-4deg);transition:transform .28s ease}.stat:hover .stat-icon{transform:rotate(0) scale(1.08)}
.content-card{border-radius:14px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.content-card:hover{transform:translateY(-4px);border-color:#a9efff;box-shadow:inset 0 0 0 4px rgba(4,17,31,.8),inset 0 0 0 5px #55d3ff,0 18px 36px #0009,0 0 25px #00aaff66}
.content-card:before{inset:7px;border-radius:9px}.card-head{border-radius:11px 11px 0 0}.thumb{border-radius:9px;transition:filter .25s ease,transform .25s ease}.list-row:hover .thumb{transform:scale(1.04);filter:brightness(1.18)}
.footer{border-radius:0 0 12px 12px}
@keyframes pageArrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes sigilGlow{0%,100%{text-shadow:0 0 7px #fff,0 0 20px #00baff;opacity:.85}50%{text-shadow:0 0 13px #fff,0 0 31px #00baff;opacity:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:650px){.site-frame{border-radius:14px;padding:5px}.topbar{border-radius:11px}.hero{border-radius:12px}.hero-copy{border-radius:0 12px 12px 0}.stat,.content-card{border-radius:12px}}
/* Premium frost navigation and subtle ambient motion. */
.topbar{gap:18px;padding-inline:22px;background:linear-gradient(135deg,rgba(7,24,41,.92),rgba(5,16,29,.8));border-color:rgba(119,218,255,.68);box-shadow:inset 0 1px rgba(255,255,255,.16),0 10px 38px rgba(0,0,0,.48),0 0 28px rgba(0,174,255,.16)}
.nav{gap:7px;flex:1;justify-content:center;font:700 10px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.14em}
.nav a{height:42px;min-width:96px;padding:0 17px;justify-content:center;border:1px solid rgba(116,190,222,.48);border-radius:999px;background:linear-gradient(180deg,rgba(31,72,99,.76),rgba(6,24,41,.9));box-shadow:inset 0 1px rgba(255,255,255,.14),0 4px 14px rgba(0,0,0,.28);text-shadow:0 1px 5px #001;transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease}
.nav a:before{content:"";position:absolute;inset:3px;border:1px solid rgba(180,236,255,.12);border-radius:999px;pointer-events:none}
.nav a:hover,.nav a.active{color:#effcff;border-color:#9beaff;background:linear-gradient(180deg,rgba(34,142,188,.8),rgba(7,44,71,.94));box-shadow:inset 0 1px rgba(255,255,255,.3),0 0 0 1px rgba(83,208,255,.18),0 0 21px rgba(0,183,255,.42);transform:translateY(-2px)}
.nav a.active:after{height:2px;left:26%;right:26%;bottom:4px;border-radius:9px;background:#b9f5ff;box-shadow:0 0 7px #fff,0 0 16px #00baff}
.guides-strip{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 20px 22px;padding:22px 26px;border:1px solid rgba(102,207,248,.62);border-radius:16px;background:linear-gradient(110deg,rgba(9,34,54,.88),rgba(5,18,32,.82));box-shadow:inset 0 1px rgba(255,255,255,.12),0 14px 32px rgba(0,0,0,.28),0 0 24px rgba(0,166,255,.12);backdrop-filter:blur(8px)}
.guides-strip h2{margin:6px 0;color:#e8f9ff;font:700 clamp(17px,2vw,24px) Georgia,serif;letter-spacing:.07em;text-shadow:0 0 16px rgba(0,174,255,.32)}
.guides-strip p{margin:0;color:#a9c9dc;font-size:12px}
.guide-link{flex:0 0 auto;padding:12px 18px;border:1px solid #83ddff;border-radius:999px;background:linear-gradient(180deg,rgba(24,111,153,.82),rgba(5,36,60,.95));box-shadow:inset 0 1px #ffffff55,0 0 18px #00aaff33;color:#eafbff;font-size:10px;font-weight:800;letter-spacing:.11em;transition:transform .2s,box-shadow .2s}
.guide-link:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fff8,0 0 24px #00aaff77}
.social{display:none}
.frost-ambience{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 15% 65%,rgba(30,164,255,.12),transparent 32%),radial-gradient(ellipse at 83% 27%,rgba(117,219,255,.09),transparent 30%);mix-blend-mode:screen}
.frost-ambience:before,.frost-ambience:after{content:"";position:absolute;inset:-18%;background:radial-gradient(ellipse at 25% 75%,rgba(173,234,255,.13),transparent 23%),radial-gradient(ellipse at 78% 46%,rgba(37,164,255,.12),transparent 26%);filter:blur(30px);animation:frostDrift 24s ease-in-out infinite alternate}
.frost-ambience:after{opacity:.58;transform:scale(1.1);animation-duration:34s;animation-direction:alternate-reverse}
.ice-particles{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.7}
.spark-bolts{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.82}
.site-frame{z-index:2}
.hero:before{animation:frostPulse 5s ease-in-out infinite}
.play-button{position:relative;overflow:hidden}.play-button:after{content:"";position:absolute;top:-80%;left:-45%;width:35%;height:260%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,rgba(231,251,255,.48),transparent);animation:buttonGlimmer 5.5s ease-in-out infinite}
@keyframes frostDrift{0%{transform:translate3d(-2%,1%,0) scale(1)}100%{transform:translate3d(3%,-2%,0) scale(1.08)}}
@keyframes frostPulse{0%,100%{opacity:.72}50%{opacity:1}}
@keyframes buttonGlimmer{0%,62%,100%{left:-45%;opacity:0}68%{opacity:1}82%{left:120%;opacity:0}}
@media(max-width:960px){.topbar{gap:8px;padding-inline:12px}.nav{gap:4px}.nav a{min-width:78px;padding-inline:10px;font-size:9px}}
@media(max-width:650px){.topbar{height:auto;min-height:61px;flex-wrap:wrap;gap:8px;padding:8px 12px}.nav{display:flex;order:3;width:100%;justify-content:flex-start;gap:7px;overflow-x:auto;padding:2px 1px 7px;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{height:37px;min-width:max-content;padding:0 15px}.menu{display:none}.ice-particles{opacity:.42}.guides-strip{margin:0 12px 16px;padding:18px;align-items:flex-start;flex-direction:column}.guide-link{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.frost-ambience:before,.frost-ambience:after,.hero:before,.play-button:after{animation:none!important}}