:root{--bg:#092e45;--panel:#d7f5f2;--panel-2:#b6e7e6;--line:#75c8d0;--text:#07324b;--muted:#39677a;--soft:#15516a;--accent:#087eaa;--accent-2:#32b9bd;--green:#1c9d77;--mono:'DM Mono',monospace;--sans:'Lato','Segoe UI',sans-serif;--serif:'Lato','Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 48% 0%,#b9eeeb 0%,#65c7d2 29%,#2183a8 65%,#093550 100%);background-attachment:fixed;color:var(--text);font-family:var(--sans);overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;inset:0;z-index:5;pointer-events:none;opacity:.36;background:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,rgba(2,27,42,.24) 3px,rgba(2,27,42,.24) 4px);mix-blend-mode:multiply}body:after{content:"";position:fixed;inset:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse at center,transparent 52%,rgba(2,21,38,.25) 100%);box-shadow:inset 0 0 90px rgba(1,19,35,.4)}.crt-frame{position:fixed;inset:0;z-index:8;pointer-events:none;border:10px solid rgba(5,27,42,.8);border-radius:25px;opacity:.5}.ambient{position:absolute;pointer-events:none;border-radius:50%;z-index:0;filter:blur(2px)}.ambient-one{width:300px;height:300px;background:#abf7da;top:170px;left:2%;opacity:.24;box-shadow:inset -25px -30px 60px #21a9be,0 0 45px #bcffe288}.ambient-two{width:190px;height:190px;background:radial-gradient(circle at 35% 30%,#c9fff1,#4ad5ca 45%,#1181ae 75%);top:240px;right:5%;opacity:.54;box-shadow:inset -15px -15px 35px #04738b,0 0 30px #a5fff899}.topbar{height:78px;max-width:1240px;padding:0 28px;margin:auto;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.58);position:relative;z-index:4;background:linear-gradient(180deg,#efffffc9,#b7ebec6b);box-shadow:0 4px 17px #06405a25;backdrop-filter:blur(12px)}.brand{display:inline-flex;gap:10px;align-items:center;text-decoration:none;color:var(--text)}.brand-mark{height:36px;width:36px;border:1px solid #e8ffff;border-radius:10px;display:grid;place-items:center;color:#fff;font-family:var(--serif);font-size:20px;font-style:italic;line-height:1;position:relative;background:linear-gradient(145deg,#b8f7ff,#149dcc 48%,#045882);box-shadow:inset 1px 2px 4px #fff, inset -2px -3px 5px #034b73,0 2px 5px #06415b55;text-shadow:0 1px 3px #025078}.brand-mark span{font-size:11px;position:absolute;right:3px;bottom:2px;color:#eaffff}.brand-name{font-family:var(--serif);font-size:20px;font-weight:900;letter-spacing:-1px}.brand-name span{color:#087fa6;font-style:italic}.brand-name small{font:8px var(--mono);color:#428195;letter-spacing:0}.nav-links{margin-left:73px;display:flex;height:100%;gap:35px}.nav-links a{display:flex;align-items:center;text-decoration:none;color:#286176;font-size:12px;font-weight:800;position:relative}.nav-links a:hover,.nav-links a.active{color:#034565}.nav-links a.active:after{content:"";position:absolute;bottom:0;height:3px;width:24px;background:#fff;left:50%;transform:translateX(-50%);border-radius:4px;box-shadow:0 0 8px #fff}.top-actions{margin-left:auto;display:flex;align-items:center;gap:17px}.live-indicator,.eyebrow,.updated,.board-head,.board-footer,.hero-card-top,.hero-user small,.hero-score small,.hero-game small,.art-caption,.about-number,.lookup-form label,.board-bottom,.footer>span,.footer>a:last-child{font-family:var(--mono);letter-spacing:1px;font-size:9px}.live-indicator{color:#27596c;display:flex;align-items:center;gap:8px}.live-indicator i,.card-live i,.updated i,.board-footer i{width:6px;height:6px;background:#29bb8d;border-radius:50%;box-shadow:0 0 8px #51edbb}.icon-button,.menu-button{background:none;border:0;color:var(--soft);font-size:18px;cursor:pointer}.steam-button{color:#fff;font-size:11px;font-weight:800;text-decoration:none;border:1px solid #f0ffff;padding:10px 13px;border-radius:8px;background:linear-gradient(180deg,#56c9da,#087ba8 55%,#065878);box-shadow:inset 0 1px 1px #fff,0 2px 5px #03506f55;text-shadow:0 1px 2px #034563;transition:.2s}.steam-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.steam-button span{font-size:16px;margin-right:5px}.menu-button{display:none}.hero{max-width:1180px;margin:0 auto;padding:76px 28px 80px;display:grid;grid-template-columns:1.02fr .98fr;min-height:488px;align-items:center;position:relative;z-index:1}.eyebrow{color:#057ea2;display:flex;align-items:center;gap:10px;font-weight:500}.eyebrow-line{display:inline-block;width:22px;height:1px;background:#078bb0;opacity:.75}.hero h1,.section-heading h2,.lookup-copy h2,.about-title h2{font-family:var(--serif);font-weight:900;letter-spacing:-2.5px}.hero h1{font-size:clamp(56px,7vw,83px);line-height:.98;margin:27px 0 20px;text-shadow:0 2px 0 #ffffff8f,0 5px 12px #07547724}.hero h1 em,.section-heading h2 em,.lookup-copy h2 em,.about-title h2 em{font-weight:900;color:#087da1;font-style:italic}.hero-description{font-size:13px;line-height:1.9;color:#174e68;margin:0}.hero-cta{display:flex;align-items:center;gap:25px;margin-top:26px}.primary-button{border:1px solid #e8ffff;border-radius:8px;background:linear-gradient(180deg,#fff,#e2ffff 18%,#5acde0 19%,#0782af 72%,#056188);color:#fff;text-shadow:0 1px 2px #034968;font-size:11px;font-weight:900;padding:13px 17px;transition:.2s;box-shadow:inset 0 1px 1px #fff,0 3px 7px #064d693d}.primary-button:hover{filter:brightness(1.12);transform:translateY(-2px)}.primary-button span{margin-left:14px}.text-link{color:#15516a;font-size:11px;text-decoration:none;font-weight:800}.text-link span{color:#087fa6;margin-left:7px}.hero-note{margin-top:30px;color:#347187;font-size:10px}.tiny-lock{color:#087fa6;margin-right:5px}.hero-art{height:353px;position:relative;display:grid;place-items:center}.art-orbit{position:absolute;border:1px solid rgba(232,255,255,.75);border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 10px #efffff88}.orbit-one{width:400px;height:250px}.orbit-two{width:335px;height:215px;transform:rotate(29deg)}.moon{height:215px;width:215px;border-radius:50%;background:radial-gradient(circle at 34% 27%,#ebffff,#75e2df 37%,#109ac3 73%,#06507b 100%);opacity:.88;position:absolute;box-shadow:inset -17px -22px 36px #04577d, inset 12px 10px 23px #fff,0 0 55px #c0fffa99}.art-stars{position:absolute;top:52px;right:50px;color:#fff;font-size:15px;line-height:2.5;opacity:.95;text-shadow:0 1px 4px #03678b}.art-stars span{color:#dfffff}.hero-card{position:relative;width:307px;border:1px solid #fff;border-radius:17px;padding:20px 21px 17px;background:linear-gradient(145deg,#efffffed,#b0ecece8 45%,#6fc7d4ee);box-shadow:inset 0 2px 3px #fff, inset -2px -4px 9px #52aab2,0 17px 32px #03476866,0 2px 5px #fff;transform:rotate(-2deg)}.hero-card:before{content:"";position:absolute;inset:5px;border:1px solid #fff8;border-radius:13px;pointer-events:none}.hero-card-top{display:flex;justify-content:space-between;color:#285d70;font-size:8px}.card-live{color:#087954;display:flex;align-items:center;gap:6px}.card-live i{width:5px;height:5px}.hero-user{margin:20px 0 19px;display:flex;align-items:center;gap:11px}.hero-user img{width:42px;height:42px;border-radius:13px;background:#9ee3df;border:2px solid #fff;box-shadow:0 2px 5px #07516a55}.hero-user strong{display:block;font-family:var(--serif);font-size:16px;font-weight:900}.hero-user small{display:block;color:#376d7d;font-size:7px;margin-top:5px}.hero-user small span{color:#168caf}.crown{color:#d18b14;font-size:21px;margin-left:auto}.hero-score{display:flex;align-items:center;gap:12px}.hero-score strong{font-family:var(--serif);font-weight:900;font-size:50px;letter-spacing:-2px;color:#075477;text-shadow:0 2px #fff}.hero-score strong span{font-size:21px;color:#0889a8;letter-spacing:0}.hero-score small{font-size:7px;color:#397284;line-height:1.8}.hero-divider{height:1px;background:#ffffff;margin:11px 0;box-shadow:0 1px #48aeb6}.hero-game{display:flex;align-items:center;gap:10px}.game-dot{height:27px;width:27px;display:grid;place-items:center;border:1px solid #fff;border-radius:7px;color:#087fa6;font:9px var(--mono);background:linear-gradient(#fff,#b2ebec);box-shadow:inset 0 1px #fff,0 1px 3px #12617a44}.hero-game strong{font-family:var(--serif);font-size:12px;font-weight:900;display:block}.hero-game small{font-size:7px;color:#397284;display:block;margin-top:4px}.game-bars{display:flex;gap:2px;align-items:end;margin-left:auto;height:15px}.game-bars i{display:block;width:3px;border-radius:3px;background:#139bb1;height:6px;opacity:.85}.game-bars i:nth-child(2){height:10px}.game-bars i:nth-child(3){height:14px}.game-bars i:nth-child(4){height:9px}.game-bars i:nth-child(5){height:12px}.art-caption{position:absolute;bottom:5px;right:47px;font-size:7px;color:#eaffff;letter-spacing:2px;text-shadow:0 1px 3px #074f6f}.ticker{overflow:hidden;border-top:1px solid #d5ffff;border-bottom:1px solid #8de3e6;background:linear-gradient(180deg,#b5f3f1,#63cbd2 48%,#289bb7);box-shadow:0 3px 10px #08496335,inset 0 1px #fff}.ticker-track{display:flex;align-items:center;justify-content:space-around;min-width:920px;padding:13px 0;color:#064b68;font:9px var(--mono);letter-spacing:1.3px;white-space:nowrap;text-shadow:0 1px #ddffff}.ticker b{color:#fff;font-size:11px;font-weight:400;text-shadow:0 1px #138baa}.leaderboard-section{max-width:1180px;padding:89px 28px 75px;margin:auto;position:relative;z-index:1}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.section-heading h2,.lookup-copy h2,.about-title h2{font-size:43px;margin:14px 0 8px;line-height:1.1;text-shadow:0 1px #fff8}.section-heading p,.lookup-copy p{color:#245e74;font-size:12px;margin:0}.heading-side{display:flex;align-items:end;gap:18px;flex-direction:column}.updated{color:#286274;font-size:8px;display:flex;align-items:center;gap:8px}.updated span{color:#064a65}.updated i{width:5px;height:5px}.period-switch{display:flex;border:1px solid #f5ffff;border-radius:8px;padding:3px;background:linear-gradient(#a5e8e8,#e1ffff);box-shadow:inset 0 2px 4px #287e8b38,0 1px 3px #fff}.period-switch button{background:transparent;border:0;border-radius:5px;color:#2c687b;padding:7px 12px;font:8px var(--mono);letter-spacing:.7px;cursor:pointer}.period-switch button.selected{background:linear-gradient(#fff,#43bdd0 45%,#1285ad);color:#fff;text-shadow:0 1px #056080;box-shadow:inset 0 1px #fff,0 1px 3px #04527155}.leaderboard-shell{border:1px solid #f4ffff;border-radius:16px;background:linear-gradient(145deg,#edffffe8,#b4eeeeeb 38%,#78ccd7ed);box-shadow:inset 0 2px 4px #fff, inset 0 -2px 6px #49a7b14d,0 12px 25px #0648684f;overflow:hidden}.board-head,.board-row{display:grid;grid-template-columns:2.1fr 2fr 1fr 35px;align-items:center;column-gap:15px}.board-head{padding:13px 20px;color:#286477;font-size:8px;border-bottom:1px solid #fff;background:linear-gradient(#f5ffffaa,#91d9dacc)}.board-head span:nth-child(3){text-align:right}.board-row{padding:13px 20px;border-bottom:1px solid #ffffffb8;min-height:77px;transition:background .2s;cursor:pointer}.board-row:last-child{border-bottom:0}.board-row:hover{background:#ecffff88}.player-cell{display:flex;align-items:center;gap:12px;min-width:0}.rank{width:23px;color:#347183;font:11px var(--mono)}.rank.top{color:#0780a3;font-weight:700}.player-cell img{width:37px;height:37px;border-radius:12px;background:#a8e7e5;border:2px solid #fff;box-shadow:0 2px 5px #07516a33}.player-info{min-width:0}.player-info strong{display:block;font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-info small{display:block;color:#397083;font:8px var(--mono);margin-top:5px;letter-spacing:.6px}.games-cell{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.game-chip{display:flex;align-items:center;gap:5px;border:1px solid #f7ffff;border-radius:6px;padding:5px 7px;color:#16546c;font-size:9px;white-space:nowrap;background:linear-gradient(#f3ffff,#b6eaeb);box-shadow:inset 0 1px #fff,0 1px 2px #216b7b22}.game-chip span{font:8px var(--mono);color:#087fa6}.hours-cell{text-align:right}.hours-cell strong{font-family:var(--serif);font-weight:900;font-size:22px;letter-spacing:-.4px;color:#075477;text-shadow:0 1px #fff}.hours-cell small{display:block;color:#3c7586;font:8px var(--mono);margin-top:3px}.row-arrow{color:#33758a;font-size:16px;text-align:right;transition:.2s}.board-row:hover .row-arrow{color:#027fa7;transform:translateX(3px)}.board-footer{border-top:1px solid #fff;padding:12px 20px;display:flex;justify-content:space-between;color:#286477;font-size:7px;background:linear-gradient(#afe7e8,#8bd5dd)}.board-footer span:first-child{display:flex;align-items:center;gap:7px}.board-footer i{width:5px;height:5px}.board-bottom{margin-top:15px;display:flex;justify-content:space-between;color:#e4ffff;text-shadow:0 1px #045672;font-size:8px}.board-bottom a{color:#fff;text-decoration:none;margin-left:5px}.refresh-button{background:linear-gradient(#e8ffff,#69d0d6);border:1px solid #fff;border-radius:6px;color:#125a72;font:8px var(--mono);letter-spacing:.4px;cursor:pointer;padding:6px 9px;box-shadow:inset 0 1px #fff,0 1px 3px #06506c44}.refresh-button:hover{filter:brightness(1.07)}.refresh-button span{margin-left:4px}.lookup-section{max-width:1124px;margin:8px auto 0;border:1px solid #fff;border-radius:16px;background:linear-gradient(145deg,#ebffffe8,#a8e7e6ed 45%,#65c1d0ed);padding:29px 34px;display:grid;grid-template-columns:52px 1fr 1.08fr;gap:22px;align-items:center;box-shadow:inset 0 2px 4px #fff,inset 0 -3px 7px #48aab34f,0 12px 25px #06486842;position:relative;z-index:1}.lookup-icon{width:45px;height:45px;display:grid;place-items:center;border:1px solid #fff;border-radius:12px;color:#fff;font-size:25px;background:linear-gradient(#8de5ea,#0683ae 60%,#086183);box-shadow:inset 0 1px #fff,0 3px 6px #06516e55;text-shadow:0 1px #04587b}.lookup-copy h2{font-size:30px;letter-spacing:-1px;margin:8px 0}.lookup-copy .eyebrow{font-size:8px}.lookup-copy p{font-size:10px;line-height:1.6;max-width:310px}.lookup-form label{font-size:8px;color:#286477;display:block;margin-bottom:8px}.input-wrap{display:flex;border:1px solid #fff;border-radius:8px;align-items:center;background:linear-gradient(#f5ffff,#c8f2ef);padding-left:9px;box-shadow:inset 0 2px 4px #388e9744,0 1px #fff}.input-wrap>span{color:#1685a0;font-size:13px}.input-wrap input{background:transparent;border:0;outline:0;min-width:0;flex:1;padding:11px 8px;color:#073b56;font:10px var(--sans)}.input-wrap input::placeholder{color:#5790a0}.input-wrap button{align-self:stretch;border:1px solid #f4ffff;border-radius:0 7px 7px 0;background:linear-gradient(#fff,#4ac4d5 40%,#0780aa);color:#fff;text-shadow:0 1px #045e7b;font-size:9px;font-weight:900;padding:0 13px;cursor:pointer}.input-wrap button span{margin-left:8px}.lookup-form>small{display:block;color:#397284;font:8px var(--mono);margin-top:7px}.about-section{max-width:1124px;margin:0 auto;padding:87px 0 90px;position:relative;z-index:1}.about-title{margin-bottom:34px}.about-title h2{margin-top:13px}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.about-grid article{border:1px solid #ffffffa8;border-radius:12px;padding:15px 16px 17px;background:linear-gradient(140deg,#e9ffffdb,#9cdee1d9);box-shadow:inset 0 1px #fff,0 5px 12px #0548672b}.about-number{color:#0782a2;font-size:8px}.about-grid h3{font-family:var(--serif);font-size:17px;font-weight:900;margin:15px 0 8px}.about-grid p{font-size:10px;color:#245d73;line-height:1.8;max-width:290px;margin:0}.footer{border-top:1px solid #ffffff78;max-width:1240px;margin:auto;padding:21px 28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;background:linear-gradient(180deg,#c4f2ef52,#e4ffff88);backdrop-filter:blur(8px)}.footer .brand-mark{width:25px;height:25px;font-size:15px}.footer .brand-name{font-size:17px}.footer>span,.footer>a:last-child{color:#195871;font-size:7px}.footer>a:last-child{text-decoration:none}.profile-dialog{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(540px,calc(100% - 32px));border:1px solid #fff;border-radius:17px;padding:31px;background:linear-gradient(145deg,#edffff,#85d5dc);color:#07324b;box-shadow:inset 0 2px 4px #fff,0 20px 100px #012c48aa}.profile-dialog::backdrop{background:#042d42a8;backdrop-filter:blur(4px)}.dialog-close{position:absolute;top:13px;right:15px;background:linear-gradient(#fff,#60c8d4);border:1px solid #fff;border-radius:7px;color:#075477;font-size:21px;line-height:1;width:29px;height:29px;cursor:pointer;box-shadow:0 2px 5px #064a6755}.dialog-profile{display:flex;align-items:center;gap:15px;margin:8px 0 23px}.dialog-profile img{width:56px;height:56px;border-radius:15px;background:#a8e7e5;border:2px solid white;box-shadow:0 2px 5px #07516a44}.dialog-profile h3{font:900 25px var(--serif);margin:0}.dialog-profile p{font:8px var(--mono);color:#397284;margin:6px 0 0;letter-spacing:1px}.dialog-total{font:900 44px var(--serif);color:#087fa6;margin-bottom:22px;text-shadow:0 1px #fff}.dialog-total span{font:9px var(--mono);color:#3b7182;letter-spacing:1px}.dialog-game{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #fff;font-size:11px;font-weight:800}.dialog-game span:last-child{font:10px var(--mono);color:#087a9c}.dialog-note{font-size:9px;color:#376e80;line-height:1.6;margin-top:19px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;background:linear-gradient(#e7ffff,#78d7dc);border:1px solid #fff;border-radius:8px;color:#073c55;padding:12px 17px;font-size:11px;z-index:9;transition:.25s;box-shadow:0 5px 18px #03456388}.toast.show{transform:translate(-50%,0);opacity:1}.glow-mode .hero h1 em,.glow-mode .section-heading h2 em{text-shadow:0 0 25px #eaffff}.crt-frame{animation:crt-flicker 7s infinite}.hero-card,.leaderboard-shell,.lookup-section,.about-grid article{backdrop-filter:blur(8px)}@media(max-width:900px){.topbar{padding:0 22px}.live-indicator{display:none}.hero{padding-top:58px;grid-template-columns:1fr 1fr}.hero-art{transform:scale(.88)}.board-head,.board-row{grid-template-columns:1.65fr 1.7fr .8fr 20px;column-gap:8px}.game-chip{padding:5px;font-size:8px}.lookup-section,.about-section{margin-left:22px;margin-right:22px}.lookup-section{grid-template-columns:40px 1fr}.lookup-icon{width:38px;height:38px}.lookup-form{grid-column:2}.lookup-section{gap:14px}.about-section{padding-top:70px}}@media(max-width:650px){.crt-frame{inset:0;border-width:5px;border-radius:15px}.topbar{height:65px;padding:0 18px}.nav-links,.top-actions{display:none}.menu-button{display:block;margin-left:auto;color:#075477}.nav-links.mobile-open{position:absolute;display:flex;flex-direction:column;gap:0;height:auto;top:64px;left:0;right:0;background:linear-gradient(#dfffff,#a0e4e4);border-bottom:1px solid #fff;margin:0;padding:8px 20px}.nav-links.mobile-open a{padding:13px 0}.nav-links a.active:after{display:none}.hero{display:flex;flex-direction:column;align-items:flex-start;padding:57px 21px 25px;min-height:0}.hero h1{font-size:68px;margin-top:22px}.hero-description{font-size:12px}.hero-cta{gap:17px}.primary-button{font-size:10px;padding:12px}.text-link{font-size:10px}.hero-note{margin-top:20px}.hero-art{align-self:center;width:100%;height:320px;transform:scale(.88);transform-origin:center}.art-orbit.orbit-one{width:345px;height:210px}.art-orbit.orbit-two{width:290px;height:190px}.hero-card{width:290px}.art-caption{right:calc(50% - 150px)}.ticker-track{padding:11px 0;justify-content:flex-start;gap:25px;animation:marquee 22s linear infinite}.leaderboard-section{padding:60px 17px 50px}.section-heading{align-items:flex-start;gap:20px;flex-direction:column}.section-heading h2,.about-title h2{font-size:37px}.heading-side{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.updated{font-size:7px}.period-switch button{padding:8px;font-size:7px}.leaderboard-shell{overflow:hidden}.board-head{grid-template-columns:1fr auto;padding:11px 12px}.board-head span:first-child{grid-column:1}.board-head span:nth-child(2){display:none}.board-head span:nth-child(3){grid-column:2}.board-head span:last-child{display:none}.board-row{grid-template-columns:1fr auto 18px;gap:7px;padding:12px 11px;min-height:72px}.player-cell{gap:8px}.rank{width:16px;font-size:9px}.player-cell img{width:33px;height:33px}.player-info strong{font-size:10px}.player-info small{font-size:7px}.games-cell{display:none}.hours-cell strong{font-size:19px}.hours-cell small{font-size:7px}.row-arrow{font-size:14px}.board-footer{padding:10px 12px;font-size:6px;letter-spacing:.4px;gap:12px}.board-footer span:last-child{text-align:right}.board-bottom{font-size:7px;line-height:1.7}.refresh-button span{display:none}.lookup-section{margin:0 17px;padding:22px 18px;grid-template-columns:35px 1fr;gap:11px}.lookup-copy h2{font-size:27px}.lookup-copy .eyebrow{font-size:7px}.lookup-copy p{font-size:9px}.lookup-form{grid-column:1 / -1;margin-top:8px}.input-wrap input{font-size:9px;padding:11px 6px}.input-wrap button{padding:0 11px;font-size:8px}.about-section{margin:0 20px;padding:62px 0}.about-grid{grid-template-columns:1fr;gap:9px}.about-grid article{display:grid;grid-template-columns:25px 1fr;padding:13px 12px}.about-number{padding-top:4px}.about-grid h3{margin:0 0 5px;font-size:15px}.about-grid p{grid-column:2;font-size:9px}.footer{padding:17px 19px;gap:12px}.footer>span{display:none}.footer>a:last-child{font-size:6px}.footer .brand-mark{height:23px;width:23px}.footer .brand-name{font-size:15px}}@keyframes marquee{to{transform:translateX(-25%)}}@keyframes crt-flicker{0%,96%,100%{opacity:.5}97%{opacity:.56}98%{opacity:.47}}
/* Live Steam API status */
.steam-status-pill{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid #fff;border-radius:999px;padding:7px 10px;background:linear-gradient(#eaffff,#9ddfe4);color:#1d6072;font:8px var(--mono);letter-spacing:.7px;box-shadow:inset 0 1px #fff,0 1px 3px #06506c33}
.steam-status-pill[data-state="connected"],.steam-status-pill[data-state="ready"]{color:#126148}
.steam-status-pill[data-state="error"]{color:#8a302d;background:linear-gradient(#fff1ef,#f7bcb2)}
#lookupMessage[data-state="error"]{color:var(--accent)}
#lookupMessage[data-state="connected"],#lookupMessage[data-state="ready"]{color:#126148}
.hero-user img[hidden]{display:none!important}.hero-user>div{min-width:0}.hero-user strong{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.random-section{max-width:1124px;margin:60px auto 76px;position:relative;z-index:1}.random-heading{margin:0 0 19px;color:#e8ffff;text-shadow:0 1px #045672}.random-heading h2{font-size:38px;letter-spacing:-1.5px;margin:10px 0 5px}.random-heading p{font-size:11px;color:#d2f3f2;margin:0}.random-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.random-card{display:grid;grid-template-columns:22px 42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 14px;border:1px solid #fff;border-radius:11px;background:linear-gradient(145deg,#edffffe8,#a9e4e4e8 50%,#71c5d4e8);box-shadow:inset 0 1px 3px #fff,0 5px 13px #06486839;color:#07324b}.random-rank{font:10px var(--mono);color:#087fa6}.random-card img{width:42px;height:42px;object-fit:cover;border:2px solid #fff;border-radius:12px;background:#a8e7e5;box-shadow:0 2px 5px #07516a33}.random-card-info{min-width:0}.random-card-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900}.random-card-info small,.random-card-hours small{display:block;margin-top:4px;color:#397083;font:7px var(--mono);letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.random-card-hours{text-align:right}.random-card-hours strong{font:900 18px var(--serif);color:#075477}.random-empty{grid-column:1/-1;padding:17px 19px;border:1px solid #fff;border-radius:11px;background:linear-gradient(145deg,#eaffffde,#83d1dbdf);color:#16546c;font-size:11px;box-shadow:inset 0 1px #fff,0 5px 13px #06486839}
@media(max-width:900px){.random-section{margin-left:22px;margin-right:22px}}
@media(max-width:650px){.random-section{margin:48px 17px 58px}.random-heading h2{font-size:32px}.random-grid{grid-template-columns:1fr}.random-card{grid-template-columns:18px 36px minmax(0,1fr) auto;gap:8px;padding:10px}.random-card img{width:36px;height:36px}}
.oil-field{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:.62}.oil-blob{position:absolute;display:block;mix-blend-mode:screen;will-change:transform;border:1px solid #eaffff75;box-shadow:inset 0 2px 9px #f5ffff99,inset 0 -18px 35px #003c6655,0 14px 38px #063c5a38;filter:saturate(1.3) drop-shadow(0 10px 22px #b7fff22c)}.oil-blob:after{content:"";position:absolute;inset:5%;border-radius:inherit;background:radial-gradient(ellipse at 27% 22%,#ffffffc9 0,#dcffff72 3%,transparent 19%),radial-gradient(ellipse at 76% 67%,#ffffff77 0,transparent 27%);filter:blur(3px);opacity:.8}.oil-blob-one{width:clamp(320px,43vw,650px);height:clamp(210px,31vw,440px);right:-8%;top:6%;border-radius:63% 37% 57% 43% / 41% 61% 39% 59%;background:radial-gradient(ellipse at 30% 22%,#efffffa8 0,transparent 20%),conic-gradient(from 132deg at 51% 48%,#49f3d788,#46aaff99,#c775ff88,#f5e57699,#43f2d188,#2c9bdc99,#a6fff1aa);animation:oil-drift-one 24s ease-in-out infinite alternate}.oil-blob-two{width:clamp(300px,41vw,600px);height:clamp(175px,26vw,360px);left:-14%;top:43%;border-radius:44% 56% 37% 63% / 59% 39% 61% 41%;background:radial-gradient(ellipse at 38% 30%,#f6ffffa8 0,transparent 22%),conic-gradient(from 25deg at 48% 52%,#82ffe388,#3ad7e499,#b66eff88,#ffdf6e88,#3ee6bf99,#43acff99,#bcffff88);animation:oil-drift-two 29s ease-in-out infinite alternate}.oil-blob-three{width:clamp(300px,39vw,570px);height:clamp(180px,25vw,350px);right:20%;bottom:-22%;border-radius:58% 42% 63% 37% / 36% 57% 43% 64%;background:radial-gradient(ellipse at 35% 23%,#ffffffbb 0,transparent 18%),conic-gradient(from 280deg at 52% 48%,#35ddc488,#51aaff99,#d06eff88,#ffec8c99,#48e8c288,#189ac988,#d4fff388);animation:oil-drift-three 31s ease-in-out infinite alternate}.oil-drop{position:absolute;display:block;border:1px solid #f4ffffb5;border-radius:50%;background:radial-gradient(ellipse at 30% 23%,#fff 0,#ffffffc9 3%,#a9fff3c4 12%,#4dcbef99 43%,#a266eb99 72%,#25d6be99 100%);box-shadow:inset 2px 3px 5px #fff, inset -4px -7px 11px #074c7777,0 0 18px #dcffff77;mix-blend-mode:screen;animation:oil-drop-float 14s ease-in-out infinite alternate}.oil-drop-one{width:39px;height:29px;left:18%;top:27%}.oil-drop-two{width:24px;height:20px;right:14%;top:57%;animation-delay:-5s}.oil-drop-three{width:31px;height:24px;left:56%;bottom:14%;animation-delay:-9s}@keyframes oil-drift-one{to{transform:translate3d(-5vw,4vh,0) rotate(12deg) scale(1.04)}}@keyframes oil-drift-two{to{transform:translate3d(6vw,-4vh,0) rotate(-10deg) scale(.97)}}@keyframes oil-drift-three{to{transform:translate3d(-4vw,-5vh,0) rotate(8deg) scale(1.03)}}@keyframes oil-drop-float{to{transform:translate3d(18px,-20px,0) rotate(20deg)}}@media(max-width:650px){.oil-field{opacity:.42}.oil-blob-one{right:-35%;top:12%}.oil-blob-two{left:-31%;top:48%}.oil-blob-three{right:-12%;bottom:-14%}}
@media(prefers-reduced-motion:reduce){.oil-blob,.oil-drop{animation:none!important}}
.oil-field{transform:translate3d(0,var(--scroll-shift,0px),0);transition:transform 80ms linear;opacity:.72}.oil-blob{mix-blend-mode:normal;border:1px solid #ffd5d799;background:radial-gradient(ellipse at 33% 27%,#ffb7c0 0,#f24155 18%,#c20b2b 47%,#650019 77%,#310012 100%);box-shadow:inset 0 3px 9px #fff4f699,inset 0 -19px 32px #39000b99,0 16px 36px #25000b88;filter:saturate(1.18) drop-shadow(0 12px 15px #40000c88)}.oil-blob:after{inset:4%;border-radius:inherit;background:radial-gradient(ellipse at 28% 19%,#fff4f2 0,#ffe7e99c 2%,#ffc5cb66 5%,transparent 18%),radial-gradient(ellipse at 71% 65%,#ff98a755 0,transparent 27%);filter:blur(2px);opacity:.9}.oil-blob-one{clip-path:polygon(49% 0%,55% 16%,64% 8%,68% 22%,82% 11%,78% 27%,96% 28%,84% 39%,100% 49%,81% 55%,92% 70%,73% 68%,76% 91%,61% 77%,50% 100%,41% 78%,26% 91%,29% 69%,7% 75%,22% 57%,0% 48%,20% 39%,9% 21%,32% 29%,35% 8%,45% 20%);background:radial-gradient(ellipse at 43% 38%,#ffb7c0 0,#ef4053 19%,#be0b2a 49%,#690018 80%,#350012 100%);animation:splat-squelch-one 8s ease-in-out infinite}.oil-blob-two{clip-path:polygon(48% 0%,57% 19%,71% 7%,69% 25%,91% 18%,80% 35%,100% 43%,79% 52%,94% 68%,71% 66%,73% 92%,55% 77%,41% 100%,38% 75%,16% 87%,25% 64%,0% 57%,22% 46%,8% 28%,33% 34%,31% 11%,43% 24%);background:radial-gradient(ellipse at 40% 32%,#ff9ba9 0,#e62c48 18%,#b30027 50%,#600017 82%,#320010 100%);animation:splat-squelch-two 10s ease-in-out infinite}.oil-blob-three{clip-path:polygon(50% 0%,59% 18%,73% 9%,69% 28%,98% 31%,80% 45%,100% 58%,77% 59%,88% 83%,65% 73%,57% 100%,46% 76%,26% 95%,30% 68%,4% 75%,24% 54%,0% 43%,25% 39%,15% 15%,39% 29%);background:radial-gradient(ellipse at 37% 28%,#ffbac2 0,#ef344f 17%,#ba082b 48%,#600016 82%,#2d000f 100%);animation:splat-squelch-three 12s ease-in-out infinite}.oil-drop{background:radial-gradient(ellipse at 28% 22%,#fff2f3 0,#ffabb7 8%,#eb2945 33%,#a60027 68%,#410012 100%);border-color:#ffdce0c7;box-shadow:inset 2px 3px 5px #fff9f6cc,inset -4px -7px 11px #39000b99,0 0 18px #da223c77;animation:drop-squelch 4.5s ease-in-out infinite alternate}.oil-drop-two{animation-delay:-1.5s}.oil-drop-three{animation-delay:-3s}@keyframes splat-squelch-one{0%,100%{transform:translate3d(0,0,0) rotate(-7deg) scale(1,1)}28%{transform:translate3d(-2vw,1vh,0) rotate(-2deg) scale(1.05,.94)}57%{transform:translate3d(1vw,-1vh,0) rotate(4deg) scale(.95,1.07)}82%{transform:translate3d(2vw,1vh,0) rotate(-4deg) scale(1.03,.98)}}@keyframes splat-squelch-two{0%,100%{transform:translate3d(0,0,0) rotate(5deg) scale(1,1)}32%{transform:translate3d(2vw,-1vh,0) rotate(0) scale(.94,1.06)}63%{transform:translate3d(-1vw,2vh,0) rotate(-5deg) scale(1.07,.94)}}@keyframes splat-squelch-three{0%,100%{transform:translate3d(0,0,0) rotate(-3deg) scale(1,1)}35%{transform:translate3d(-1vw,-2vh,0) rotate(3deg) scale(1.06,.93)}68%{transform:translate3d(2vw,1vh,0) rotate(-6deg) scale(.95,1.07)}}@keyframes drop-squelch{to{transform:translate3d(10px,-16px,0) rotate(28deg) scale(.9,1.12)}}
@media(prefers-reduced-motion:reduce){.oil-field{transition:none}.oil-blob,.oil-drop{animation:none!important}}
.oil-field{opacity:.62}.oil-blob{width:142px;height:104px;border:0;border-radius:50%;clip-path:none;mix-blend-mode:screen;background:radial-gradient(ellipse 24% 33% at 50% 51%,#fff 0 63%,transparent 70%),radial-gradient(ellipse 15% 22% at 32% 48%,#f8ffff 0 60%,transparent 69%),radial-gradient(ellipse 16% 24% at 68% 49%,#f8ffff 0 59%,transparent 69%),radial-gradient(ellipse 12% 18% at 46% 29%,#fff 0 58%,transparent 68%),radial-gradient(ellipse 11% 17% at 58% 72%,#f5ffff 0 59%,transparent 69%),radial-gradient(circle at 17% 32%,#fff 0 3%,transparent 4%),radial-gradient(circle at 81% 69%,#fff 0 3%,transparent 4%);box-shadow:none;filter:drop-shadow(0 1px 3px #355d8a99) drop-shadow(0 0 9px #ffffff99)}.oil-blob:after{inset:17%;background:radial-gradient(ellipse at 36% 30%,#fff 0 2%,#ffffffa8 4%,transparent 34%);filter:blur(1px);opacity:.9}.oil-blob-one{width:156px;height:112px;top:18%;right:18%;left:auto;bottom:auto;animation:white-splat-one 6.8s ease-in-out infinite}.oil-blob-two{width:122px;height:90px;top:46%;left:14%;right:auto;bottom:auto;animation:white-splat-two 8.2s ease-in-out infinite}.oil-blob-three{width:104px;height:76px;top:77%;right:34%;left:auto;bottom:auto;animation:white-splat-three 7.4s ease-in-out infinite}.oil-drop{width:9px;height:7px;border:1px solid #fff;border-radius:50%;background:radial-gradient(ellipse at 30% 25%,#fff,#e5f7ff 65%,#a6d4ff);box-shadow:0 0 8px #fff,0 0 14px #acddff;mix-blend-mode:screen;animation:white-drop 4.5s ease-in-out infinite alternate}.oil-drop-one{left:24%;top:25%;right:auto;bottom:auto}.oil-drop-two{right:23%;top:51%;left:auto;bottom:auto}.oil-drop-three{left:65%;bottom:18%;top:auto;right:auto}.oil-drop-two{animation-delay:-1.5s}.oil-drop-three{animation-delay:-3s}@keyframes white-splat-one{0%,100%{transform:translate3d(0,0,0) rotate(-5deg) scale(1,1)}35%{transform:translate3d(-8px,5px,0) rotate(3deg) scale(1.06,.94)}68%{transform:translate3d(5px,-4px,0) rotate(-2deg) scale(.95,1.06)}}@keyframes white-splat-two{0%,100%{transform:translate3d(0,0,0) rotate(6deg) scale(1,1)}40%{transform:translate3d(6px,-5px,0) rotate(-2deg) scale(.94,1.08)}72%{transform:translate3d(-4px,4px,0) rotate(3deg) scale(1.05,.96)}}@keyframes white-splat-three{0%,100%{transform:translate3d(0,0,0) rotate(-3deg) scale(1,1)}32%{transform:translate3d(-5px,-4px,0) rotate(4deg) scale(1.07,.93)}66%{transform:translate3d(5px,3px,0) rotate(-5deg) scale(.94,1.07)}}@keyframes white-drop{to{transform:translate3d(4px,-7px,0) scale(.85,1.2)}}
.stain-field{position:fixed;inset:0;z-index:2;overflow:hidden;pointer-events:none;visibility:hidden;opacity:0;transform:translate3d(0,var(--scroll-shift,0px),0);transition:opacity .35s ease,visibility .35s ease}.blacklight-mode .stain-field{visibility:visible;opacity:1}.uv-stain{position:absolute;display:block;width:clamp(150px,22vw,320px);height:clamp(120px,18vw,250px);border-radius:58% 42% 63% 37% / 42% 58% 42% 58%;background:radial-gradient(ellipse at 48% 50%,#ff8dff99 0,#dc32ff68 12%,#7e2cff52 35%,transparent 72%),radial-gradient(ellipse at 32% 68%,#45f2ffaa 0,transparent 36%),radial-gradient(ellipse at 70% 30%,#efff65aa 0,transparent 25%);filter:blur(1.5px) drop-shadow(0 0 10px #da43ffbb);mix-blend-mode:screen;animation:uv-stain-glow 4.5s ease-in-out infinite alternate}.uv-stain:after{content:"";position:absolute;inset:17% 12%;border-radius:inherit;background:radial-gradient(ellipse at 42% 46%,#f3a6ff70 0,transparent 50%),radial-gradient(ellipse at 25% 62%,#81fff98a 0 3%,transparent 12%),radial-gradient(ellipse at 74% 31%,#ffffaa9c 0 2%,transparent 11%);filter:blur(2px)}.uv-stain-one{left:4%;top:9%;transform:rotate(-18deg)}.uv-stain-two{right:7%;top:19%;width:clamp(130px,18vw,260px);height:clamp(120px,16vw,220px);animation-delay:-1s}.uv-stain-three{left:38%;top:35%;width:clamp(180px,27vw,390px);height:clamp(125px,19vw,275px);animation-delay:-2.2s}.uv-stain-four{right:9%;top:52%;width:clamp(145px,20vw,290px);height:clamp(125px,17vw,245px);animation-delay:-.7s}.uv-stain-five{left:6%;top:63%;width:clamp(170px,24vw,350px);height:clamp(130px,20vw,290px);animation-delay:-3s}.uv-stain-six{left:57%;top:76%;width:clamp(140px,19vw,280px);height:clamp(120px,17vw,240px);animation-delay:-1.7s}.uv-stain-seven{left:24%;top:87%;width:clamp(130px,17vw,250px);height:clamp(110px,15vw,215px);animation-delay:-2.6s}.uv-stain-eight{right:34%;top:5%;width:clamp(100px,15vw,220px);height:clamp(90px,13vw,190px);animation-delay:-.4s}@keyframes uv-stain-glow{to{filter:blur(2.5px) drop-shadow(0 0 18px #db4cffdd);opacity:.72;transform:scale(1.08) rotate(3deg)}}
body.blacklight-mode{background:radial-gradient(ellipse at 48% 0%,#31145c 0%,#15143b 42%,#070c23 100%);color:#f0e8ff}body.blacklight-mode:after{background:radial-gradient(ellipse at center,transparent 35%,rgba(11,4,35,.5) 100%);box-shadow:inset 0 0 100px #050012aa}body.blacklight-mode .topbar{background:linear-gradient(180deg,#432c70cc,#1e285a9c);border-bottom-color:#e4c6ff77}body.blacklight-mode .brand,body.blacklight-mode .nav-links a{color:#f2e5ff}body.blacklight-mode .brand-name span{color:#ffb8fa}body.blacklight-mode .hero h1{color:#f7eeff;text-shadow:0 2px 0 #6a4c968f,0 0 24px #c75dff66}body.blacklight-mode .hero h1 em{color:#ffb9ff}body.blacklight-mode .hero-description,body.blacklight-mode .hero-note{color:#f1e8ff}body.blacklight-mode .eyebrow{color:#f0adff}body.blacklight-mode .eyebrow-line{background:#f0adff}body.blacklight-mode #themeButton{color:#fff2b3;text-shadow:0 0 8px #f2bcff,0 0 18px #bd46ff;filter:drop-shadow(0 0 8px #bd46ff)}body.blacklight-mode .art-caption{color:#f0d8ff;text-shadow:0 0 8px #c554ff}body.blacklight-mode .random-heading{color:#f6eaff}body.blacklight-mode .random-heading p{color:#e4d3ff}.blacklight-mode .oil-blob,.blacklight-mode .oil-drop{filter:drop-shadow(0 0 10px #fff) drop-shadow(0 0 18px #93d9ff)}.blacklight-mode .uv-stain{opacity:.92}
@media(max-width:650px){.oil-blob-one{top:16%;right:5%;width:122px;height:88px}.oil-blob-two{top:51%;left:3%;width:100px;height:74px}.oil-blob-three{top:82%;right:26%;width:88px;height:65px}.oil-drop-one{left:18%;top:31%}.oil-drop-two{right:13%;top:58%}.uv-stain{width:150px;height:125px}.uv-stain-three{left:30%;top:38%}.uv-stain-six{left:52%;top:78%}}
@media(prefers-reduced-motion:reduce){.oil-blob,.oil-drop,.uv-stain{animation:none!important}}

/* Local cursor set */
html,body{cursor:url('./roundynormal.cur'),auto}a,button,[role='button'],input[type='submit'],select{cursor:url('./roundyhand.cur'),pointer}input,textarea,[contenteditable='true']{cursor:url('./roundtext.cur'),text}.board-row,.oil-blob,.oil-drop{cursor:url('./roundmove.cur'),move}button:disabled,[aria-disabled='true']{cursor:url('./rounddalt.cur'),not-allowed}


/* Keep liquid splatters hidden until the blacklight is switched on. */

/* Random 10 controls */
.random-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.random-heading-copy{min-width:0}
.random-heading #randomRefreshButton{flex:none;margin-bottom:1px}
.random-heading #randomRefreshButton:disabled{opacity:.58;cursor:wait}
.random-heading #randomRefreshButton[aria-busy="true"]{pointer-events:none}
.random-heading #randomRefreshButton:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:420px){.random-heading{align-items:flex-start;flex-direction:column;gap:10px}}
.oil-field{opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}.blacklight-mode .oil-field{opacity:.92;visibility:visible}.oil-blob{width:clamp(190px,25vw,360px);height:clamp(150px,19vw,275px);border:0;border-radius:0;background:radial-gradient(ellipse at 48% 48%,#fff 0 17%,#ffffffed 28%,#ffffffbb 39%,transparent 68%),radial-gradient(ellipse at 24% 36%,#ffffffed 0 5%,transparent 16%),radial-gradient(ellipse at 73% 31%,#ffffffea 0 4%,transparent 14%),radial-gradient(ellipse at 67% 68%,#ffffffdd 0 6%,transparent 18%),radial-gradient(ellipse at 35% 73%,#ffffffea 0 4%,transparent 15%),radial-gradient(ellipse at 84% 52%,#ffffffd9 0 3%,transparent 13%);filter:drop-shadow(0 0 4px #fff9);mix-blend-mode:screen;box-shadow:none}.oil-blob:after{inset:0;border-radius:0;filter:blur(1px);opacity:1;background:radial-gradient(ellipse at 48% 48%,#fff 0 9%,transparent 52%),radial-gradient(ellipse at 24% 36%,#fff 0 2.5%,transparent 12%),radial-gradient(ellipse at 73% 31%,#fff 0 2%,transparent 10%),radial-gradient(ellipse at 67% 68%,#fff 0 3%,transparent 13%),radial-gradient(ellipse at 35% 73%,#fff 0 2%,transparent 10%)}.oil-blob-one{right:8%;top:6%;clip-path:polygon(47% 4%,54% 11%,66% 9%,70% 18%,83% 15%,85% 27%,97% 33%,91% 43%,98% 53%,85% 59%,89% 72%,76% 73%,70% 88%,59% 83%,49% 98%,42% 86%,29% 91%,26% 78%,12% 77%,17% 64%,3% 56%,14% 47%,7% 35%,22% 31%,22% 19%,36% 22%);animation:oil-drift-one 24s ease-in-out infinite alternate}.oil-blob-two{left:4%;top:43%;clip-path:polygon(44% 3%,55% 12%,68% 7%,72% 19%,87% 19%,84% 32%,98% 40%,88% 51%,95% 64%,80% 68%,79% 82%,65% 78%,55% 96%,45% 84%,32% 93%,28% 79%,13% 80%,17% 65%,2% 55%,14% 45%,7% 34%,22% 29%,24% 17%,37% 22%);animation:oil-drift-two 29s ease-in-out infinite alternate}.oil-blob-three{right:20%;bottom:5%;clip-path:polygon(49% 3%,57% 14%,70% 10%,73% 23%,88% 19%,85% 35%,98% 43%,87% 53%,94% 67%,78% 71%,75% 84%,62% 78%,51% 97%,42% 84%,29% 91%,26% 77%,11% 79%,16% 64%,2% 54%,15% 44%,8% 33%,23% 29%,25% 17%,39% 21%);animation:oil-drift-three 31s ease-in-out infinite alternate}.oil-drop{border:0;border-radius:50%;background:radial-gradient(ellipse at 36% 35%,#fff 0 28%,#ffffffdd 50%,#ffffffa8 67%,transparent 74%);box-shadow:0 0 7px #fff8;mix-blend-mode:screen}.blacklight-mode .oil-blob,.blacklight-mode .oil-drop{filter:drop-shadow(0 0 8px #fff) drop-shadow(0 0 16px #d98dff)}@media(max-width:650px){.oil-blob-one{right:5%;top:12%;width:155px;height:120px}.oil-blob-two{left:3%;top:48%;width:142px;height:110px}.oil-blob-three{right:26%;bottom:7%;width:130px;height:100px}}


/* Background states: glossy orbital forms by default, soft liquid flecks under blacklight. */
.oil-field{opacity:.62;visibility:visible;transform:translate3d(0,var(--scroll-shift,0px),0);transition:opacity .4s ease,visibility .4s ease}.blacklight-mode .oil-field{opacity:0;visibility:hidden}.oil-blob{width:clamp(230px,32vw,470px);height:clamp(180px,25vw,360px);border:1px solid #ffffff8c;border-radius:49% 51% 46% 54% / 53% 43% 57% 47%;background:radial-gradient(ellipse at 30% 22%,#fffefa 0,#c4ffffe8 5%,#7ee9e9c9 16%,transparent 38%),radial-gradient(ellipse at 68% 72%,#087ba8cc 0,#087ba888 17%,transparent 49%),radial-gradient(ellipse at 52% 48%,#3bc8d9bb 0,#53def3aa 32%,#167ca388 65%,#a1ffffaa 100%);box-shadow:inset 13px 14px 28px #ffffffd9,inset -20px -24px 40px #034a7c99,0 18px 45px #00364d55,0 0 28px #d6ffff55;filter:saturate(1.15);mix-blend-mode:screen;clip-path:none}.oil-blob:after{inset:9%;border-radius:inherit;background:radial-gradient(ellipse at 32% 24%,#fff 0,transparent 27%),radial-gradient(ellipse at 70% 73%,#063e7266 0,transparent 42%);filter:blur(12px);opacity:.75}.oil-blob-one{right:-4%;top:4%;animation:orbit-bob-one 19s ease-in-out infinite alternate}.oil-blob-two{left:-6%;top:41%;animation:orbit-bob-two 23s ease-in-out infinite alternate}.oil-blob-three{right:20%;bottom:-16%;animation:orbit-bob-three 25s ease-in-out infinite alternate}.oil-drop{border:1px solid #ffffffad;border-radius:50%;background:radial-gradient(ellipse at 29% 24%,#fff 0,#edffff 8%,#8ef3f0 24%,#31b9d2 57%,#075b8a 100%);box-shadow:inset 3px 4px 7px #fff,inset -5px -7px 12px #034a7799,0 6px 15px #03436166,0 0 16px #e5ffff66;mix-blend-mode:screen;animation:orbit-drop 12s ease-in-out infinite alternate}.blacklight-mode .oil-blob,.blacklight-mode .oil-drop{filter:none}.blacklight-mode .stain-field{opacity:1}.uv-stain{width:clamp(72px,9vw,132px);height:clamp(54px,7vw,100px);border-radius:0;background:radial-gradient(ellipse at 48% 48%,#ffffffd9 0 4%,transparent 21%),radial-gradient(ellipse at 40% 51%,#ffffffd4 0 8%,transparent 23%),radial-gradient(ellipse at 58% 47%,#ffffffdf 0 7%,transparent 22%),radial-gradient(ellipse at 51% 38%,#ffffffe8 0 4%,transparent 16%),radial-gradient(ellipse at 52% 63%,#ffffffc9 0 4%,transparent 17%),radial-gradient(ellipse at 30% 34%,#ffffffd4 0 2%,transparent 11%),radial-gradient(ellipse at 72% 67%,#ffffffdc 0 2%,transparent 10%);filter:none;mix-blend-mode:screen;animation:splatter-breathe 5.5s ease-in-out infinite alternate}.uv-stain:after{inset:0;border-radius:0;background:radial-gradient(ellipse at 47% 48%,#fff 0 3%,transparent 13%),radial-gradient(ellipse at 35% 52%,#fff 0 2%,transparent 9%),radial-gradient(ellipse at 63% 43%,#fff 0 1.5%,transparent 8%);filter:none}.uv-stain-one{left:12%;top:12%;transform:none}.uv-stain-two{right:12%;top:20%;width:100px;height:78px}.uv-stain-three{left:42%;top:36%;width:110px;height:83px}.uv-stain-four{right:16%;top:57%;width:85px;height:68px}.uv-stain-five{left:9%;top:66%;width:115px;height:88px}.uv-stain-six{left:62%;top:77%;width:92px;height:74px}.uv-stain-seven{left:27%;top:88%;width:86px;height:67px}.uv-stain-eight{right:38%;top:7%;width:72px;height:57px}@keyframes orbit-bob-one{to{transform:translate3d(-4vw,3vh,0) rotate(22deg) scale(1.05)}}@keyframes orbit-bob-two{to{transform:translate3d(5vw,-3vh,0) rotate(-19deg) scale(.96)}}@keyframes orbit-bob-three{to{transform:translate3d(-3vw,-4vh,0) rotate(16deg) scale(1.03)}}@keyframes orbit-drop{to{transform:translate3d(20px,-24px,0) rotate(22deg)}}@keyframes splatter-breathe{to{opacity:.82;transform:scale(1.08)}}@media(max-width:650px){.oil-blob-one{right:-24%;top:12%;width:210px;height:160px}.oil-blob-two{left:-22%;top:48%;width:190px;height:145px}.oil-blob-three{right:8%;bottom:-9%;width:170px;height:130px}.uv-stain{width:78px;height:60px}.uv-stain-three{left:30%;top:38%}.uv-stain-six{left:52%;top:78%}}@media(prefers-reduced-motion:reduce){.oil-blob,.oil-drop,.uv-stain{animation:none!important}}


/* Canvas backgrounds: rendered glossy 3D objects and flowing blacklight drips. */
canvas.oil-field,canvas.stain-field{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.oil-field{z-index:0;opacity:1;visibility:visible;transform:none;transition:opacity .4s ease,visibility .4s ease}.blacklight-mode .oil-field{opacity:0;visibility:hidden}.stain-field{z-index:6;opacity:0;visibility:hidden;transform:none;transition:opacity .4s ease,visibility .4s ease}.blacklight-mode .stain-field{opacity:1;visibility:visible}.crt-frame{z-index:8}.blacklight-mode .uv-stain{filter:none;box-shadow:none}.blacklight-mode .oil-blob,.blacklight-mode .oil-drop{filter:none}


/* Blacklight liquid belongs to document space: scrolling reveals the original top edge and leaves settled drops in place. */
canvas.stain-field{position:fixed;inset:0;width:100vw;height:100vh;z-index:6;pointer-events:none;transform:none}.blacklight-mode canvas.stain-field{opacity:1;visibility:visible}

/* Static UV splatters: hidden in normal mode and revealed by the blacklight. */
.blacklight-splats{position:fixed;inset:0;z-index:1;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .18s ease;overflow:hidden}
.blacklight-mode .blacklight-splats{visibility:visible;opacity:1}
.blacklight-splat{position:absolute;display:block;width:190px;height:145px;opacity:.42;background:radial-gradient(ellipse at 50% 54%,rgba(255,255,255,.26) 0 13%,transparent 14%),radial-gradient(ellipse at 34% 43%,rgba(255,255,255,.2) 0 8%,transparent 9%),radial-gradient(ellipse at 66% 40%,rgba(255,255,255,.19) 0 7%,transparent 8%),radial-gradient(ellipse at 39% 67%,rgba(255,255,255,.18) 0 6%,transparent 7%),radial-gradient(ellipse at 71% 63%,rgba(255,255,255,.17) 0 5%,transparent 6%),radial-gradient(ellipse at 24% 25%,rgba(255,255,255,.19) 0 2%,transparent 3%),radial-gradient(ellipse at 81% 31%,rgba(255,255,255,.2) 0 2.5%,transparent 3.5%),radial-gradient(ellipse at 17% 62%,rgba(255,255,255,.17) 0 1.8%,transparent 2.8%),radial-gradient(ellipse at 56% 20%,rgba(255,255,255,.16) 0 1.5%,transparent 2.5%)}
.splat-one{left:3%;top:12%;transform:rotate(-14deg)}.splat-two{right:7%;top:27%;width:155px;height:120px;transform:rotate(18deg)}.splat-three{left:39%;top:45%;width:175px;height:135px;transform:rotate(7deg)}.splat-four{right:12%;bottom:8%;width:145px;height:112px;transform:rotate(-9deg)}.splat-five{left:8%;bottom:14%;width:168px;height:130px;transform:rotate(12deg)}.splat-six{left:63%;top:8%;width:135px;height:104px;transform:rotate(-21deg)}.splat-seven{left:27%;top:76%;width:125px;height:96px;transform:rotate(24deg)}
@media(max-width:650px){.blacklight-splat{transform:scale(.72)}.splat-three{left:26%;top:42%}.splat-six{left:54%}.splat-seven{left:18%}}


.dialog-profile{margin-bottom:10px}.dialog-game{display:grid;grid-template-columns:116px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #ffffffb8;font-size:11px;font-weight:800}.dialog-game-cover{width:116px;height:54px;overflow:hidden;border:1px solid #fff;border-radius:7px;background:linear-gradient(145deg,#9ce8e8,#1686ae);box-shadow:inset 0 1px 2px #fff8,0 3px 8px #06435c33}.dialog-game-art{display:block;width:100%;height:100%;object-fit:cover}.dialog-game-title{min-width:0}.dialog-game-hours{font:10px var(--mono);color:#087a9c;white-space:nowrap}.dialog-game-notice{display:block}.profile-dialog{max-height:calc(100vh - 32px);overflow:auto}@media(max-width:520px){.dialog-game{grid-template-columns:86px minmax(0,1fr) auto;gap:8px}.dialog-game-cover{width:86px;height:48px}.dialog-game-hours{font-size:8px}}


.dialog-game-art{display:block;width:100%;height:100%;object-fit:contain;object-position:center}


.dialog-game-meta{min-width:0}.dialog-game-description{margin:4px 0 0;color:#315f70;font-size:10px;font-weight:500;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.dialog-game-title{display:block}
.random-card{cursor:pointer;transition:transform .18s,filter .18s,box-shadow .18s}.random-card:hover{transform:translateY(-2px);filter:brightness(1.05)}.random-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.dialog-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 20px}.dialog-stat{min-width:0;padding:12px 10px;border:1px solid #fff;border-radius:9px;background:linear-gradient(145deg,#f5ffffc9,#9ddfe5aa);box-shadow:inset 0 1px #fff,0 2px 6px #06486822}.dialog-stat strong{display:block;color:#075477;font:900 clamp(17px,4vw,24px) var(--serif);white-space:nowrap}.dialog-stat span{display:block;margin-top:5px;color:#376e80;font:7px var(--mono);letter-spacing:.5px;line-height:1.4}@media(max-width:440px){.dialog-stats{gap:5px}.dialog-stat{padding:10px 7px}.dialog-stat span{font-size:6px}}
.vrchat-tab{position:fixed;z-index:12;right:0;top:48%;writing-mode:vertical-rl;padding:15px 9px;border:1px solid #fff;border-right:0;border-radius:10px 0 0 10px;background:linear-gradient(145deg,#ebffff,#55c4d4 55%,#0783a9);color:#06445f;font:800 9px var(--mono);letter-spacing:1.2px;box-shadow:-3px 4px 14px #032b4677;cursor:pointer;transition:padding .18s,filter .18s}.vrchat-tab:hover{padding-right:13px;filter:brightness(1.08)}.vrchat-backdrop{position:fixed;inset:0;z-index:13;background:#070914a8;backdrop-filter:blur(3px)}.vrchat-backdrop[hidden]{display:none}.vrchat-drawer{position:fixed;z-index:14;top:0;right:0;width:min(430px,calc(100vw - 28px));height:100vh;height:100dvh;display:flex;flex-direction:column;padding:27px 22px 18px;background:linear-gradient(145deg,#ebffff,#90dbe2);color:#07324b;border-left:2px solid #fff;box-shadow:-14px 0 45px #040a2b88;transform:translateX(105%);visibility:hidden;transition:transform .28s ease,visibility .28s;overflow:hidden}.vrchat-drawer.open{transform:translateX(0);visibility:visible}.vrchat-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.vrchat-drawer-head h2{margin:9px 0 0;font:900 30px var(--serif);letter-spacing:-1px}.vrchat-close{width:34px;height:34px;border:1px solid #fff;border-radius:8px;background:linear-gradient(#fff,#66ccd6);color:#075477;font-size:23px;cursor:pointer}.vrchat-tagline{margin:12px 0 17px;font-size:12px;line-height:1.5;color:#29566a}.vrchat-progress{padding:9px 0;border-top:1px solid #ffffffb8;border-bottom:1px solid #ffffffb8;color:#21657a;font:8px var(--mono);letter-spacing:.6px}.vrchat-rows{flex:1;overflow:auto;margin:7px -8px 0;padding:0 8px}.vrchat-row{width:100%;display:grid;grid-template-columns:26px 38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 3px;border:0;border-bottom:1px solid #ffffffaa;background:transparent;text-align:left;color:inherit;cursor:pointer}.vrchat-row:hover,.vrchat-row:focus-visible{background:#ffffff6e;outline:none}.vrchat-rank{color:#33758a;font:9px var(--mono)}.vrchat-row img{width:36px;height:36px;border:2px solid #fff;border-radius:11px;object-fit:cover;background:#9ee3df}.vrchat-player{min-width:0}.vrchat-player strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.vrchat-player small{display:block;margin-top:4px;color:#397083;font:7px var(--mono);letter-spacing:.5px}.vrchat-hours{color:#075477;font:900 15px var(--serif);white-space:nowrap}.vrchat-empty{padding:18px 10px;color:#376e80;font-size:11px;line-height:1.5}.vrchat-drawer .eyebrow{font-size:8px}
.hours-cell{display:flex;align-items:center;justify-content:flex-end;gap:9px}.hours-value{text-align:right;min-width:0}.playtime-pie{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:conic-gradient(#f45ab8 0deg var(--porn-angle),#42d8cc var(--porn-angle) 360deg);box-shadow:0 2px 6px #17345138;cursor:help}.playtime-pie span{padding:2px 3px;border-radius:9px;background:#fffdf0e8;color:#35203e;font:800 8px var(--mono);line-height:1}.playtime-pie.unavailable{background:conic-gradient(#999 0deg 360deg)}.board-footer span:first-child{gap:5px}.board-footer span:first-child i{flex:0 0 5px}
.random-card-hours{display:flex;align-items:center;gap:7px}.random-hours-value{text-align:right}.random-card-hours .playtime-pie{width:34px;height:34px;flex-basis:34px}
.hours-value .hours-secondary{display:block;margin-top:3px;color:#397083;font:6px var(--mono);letter-spacing:.15px;white-space:nowrap}

/* Keep distant leaderboard rows out of layout and paint until they approach view. */
.board-row{content-visibility:auto;contain-intrinsic-size:auto 92px}
.footer-note{color:#195871;font:7px var(--mono);letter-spacing:.3px;text-align:center}.footer{gap:16px}@media(max-width:650px){.footer-note{order:3;flex:0 0 100%;font-size:6px;line-height:1.5}.footer{flex-wrap:wrap;row-gap:8px}}
@media(max-width:900px){.board-row{grid-template-columns:1.65fr 1.7fr 1fr 20px}.playtime-pie{width:34px;height:34px;flex-basis:34px}.hours-cell{gap:6px}}
@media(max-width:650px){.board-row{grid-template-columns:minmax(0,1fr) 112px 18px}.hours-cell{gap:5px}.playtime-pie{width:30px;height:30px;flex-basis:30px}.hours-value strong{font-size:16px}.hours-value small{font-size:6px}}


.game-link{text-decoration:none}.game-link:hover{text-decoration:underline;color:#075477}.hero-game-link{font-family:var(--serif);font-size:12px;font-weight:900;color:inherit;display:block}.dialog-game-title{font-size:11px;font-weight:800;color:#075477}


/* Reduce full-screen compositing costs while preserving the CRT finish. */
body{background-attachment:scroll!important}
body:before{mix-blend-mode:normal;opacity:.18}
body:after{box-shadow:none}

/* Keep the decorative geometry steady as mobile browser chrome expands and collapses. */
@media(max-width:650px){
  .hero h1{font-size:clamp(39px,11vw,62px);letter-spacing:-1.6px;overflow-wrap:anywhere}
  .hero-cta{flex-wrap:wrap;gap:13px 17px}
  .hours-cell{min-width:0}
  .hours-value{min-width:0}
  .hours-value .hours-secondary{font-size:5.5px;letter-spacing:0}
}
@media(max-width:390px){
  .topbar{padding-inline:14px}
  .hero{padding:42px 17px 20px}
  .hero-cta{align-items:flex-start}
  .heading-side{align-items:flex-start;flex-direction:column;gap:11px}
  .period-switch button{padding:7px 8px}
  .hero-art{height:285px;transform:scale(.8)}
  .board-row{padding-inline:8px;column-gap:5px}
}
@media(max-width:700px){body:before{opacity:.1}}


.now-playing-stage{position:relative;z-index:1;width:min(500px,calc(100% - 36px));margin:28px auto 0;padding:15px 20px 0;border:1px solid #f3ffff;border-radius:18px 18px 8px 8px;background:linear-gradient(145deg,#eaffffed,#88d9e2dc 56%,#b9f6e6dd);box-shadow:inset 0 1px #fff,0 10px 28px #052d4566;color:#07324b;text-align:center}.now-playing-stage[hidden]{display:none}.now-playing-heading{font:800 9px var(--mono);letter-spacing:1.5px;color:#087fa6}.now-playing-content{display:flex;align-items:center;justify-content:center;gap:24px;padding:12px 0 14px}.now-playing-player{display:flex;align-items:center;gap:10px;text-align:left;color:inherit;text-decoration:none}.now-playing-player img{width:42px;height:42px;border:2px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 3px 10px #047c9c55}.now-playing-player strong,.now-playing-player small,.now-playing-game small{display:block}.now-playing-player strong{font-size:12px}.now-playing-player small,.now-playing-game small{margin-top:4px;color:#397284;font:7px var(--mono);letter-spacing:.7px}.now-playing-game{max-width:210px;text-align:left}.now-playing-game a{display:flex;align-items:center;gap:8px;margin-top:5px;color:#075477;font-size:11px;font-weight:900;text-decoration:none}.now-playing-game a img{width:64px;height:36px;flex:none;border:1px solid #fff;border-radius:5px;object-fit:cover;box-shadow:0 2px 6px #06466044}.now-playing-game a img[hidden]{display:none}.now-playing-game a span{overflow-wrap:anywhere}.now-playing-game a:hover,.now-playing-player:hover strong{text-decoration:underline}.now-playing-pedestal{position:relative;height:17px;border-top:2px solid #fff;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#46c4d3,#087ca6 65%,#075477);box-shadow:inset 0 3px 5px #e6ffffaa,0 3px 6px #06466055}.now-playing-pedestal span{position:absolute;left:8%;right:8%;top:3px;height:3px;border-radius:50%;background:#f6ffffaa}.now-playing-pedestal i{position:absolute;left:24%;right:24%;bottom:-6px;height:6px;border-radius:0 0 5px 5px;background:#064e70}@media(max-width:520px){.now-playing-stage{margin-top:16px;padding:13px 15px 0}.now-playing-content{gap:13px}.now-playing-game{max-width:145px}.now-playing-game a img{width:54px;height:30px}}
.now-playing-alert{display:flex;align-items:center;justify-content:center;gap:9px;margin:9px auto 0;color:#c91632;font:900 10px var(--mono);letter-spacing:.65px;text-shadow:0 1px #fff}.now-playing-alert[hidden]{display:none}.now-playing-alert span{font-size:15px;line-height:1;animation:live-point-pulse .8s ease-in-out infinite alternate}.now-playing-alert span:first-child{animation-delay:.15s}@keyframes live-point-pulse{from{transform:translateY(-2px);opacity:.65}to{transform:translateY(3px);opacity:1}}@media(prefers-reduced-motion:reduce){.now-playing-alert span{animation:none}}
.now-playing-session{display:flex;flex-direction:column;gap:2px;margin-top:7px}.now-playing-session small{color:#397284;font:7px var(--mono);letter-spacing:.7px}.now-playing-session strong{color:#075477;font:800 11px var(--mono);font-variant-numeric:tabular-nums}

/* Keep the blacklight toggle reachable in the compact mobile header. */
@media(max-width:650px){.top-actions{display:flex;margin-left:auto;gap:0}.top-actions .steam-status-pill,.top-actions .steam-button{display:none}.top-actions .icon-button{display:inline-grid;place-items:center;width:38px;height:38px;margin-right:3px;border:1px solid #8c72aa;border-radius:6px;background:#201b2e;color:#f6eaff}.menu-button{margin-left:0}}

.profile-tags{margin:12px 0 17px;padding:12px 13px;border:1px solid #ffffffc9;border-radius:9px;background:linear-gradient(145deg,#f4ffffb8,#8ed8df8c);box-shadow:inset 0 1px #fff}.profile-tags h4{margin:0;color:#075477;font:800 8px var(--mono);letter-spacing:.8px}.profile-tags>p{margin:5px 0 10px;color:#376e80;font-size:9px;line-height:1.45}.profile-tag-list{display:flex;flex-wrap:wrap;gap:6px}.profile-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #ffffffd9;border-radius:20px;background:#d9fbf3;color:#075477;font-size:9px;font-weight:800;box-shadow:0 1px 4px #06486822}.profile-tag small{color:#397284;font:6px var(--mono);white-space:nowrap}

.site-loader{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:22px;background:radial-gradient(ellipse at 50% 42%,#253354 0,#171526 50%,#0b101b 100%);color:#f3edff;overflow:hidden;transition:opacity .42s ease,visibility .42s ease}.site-loader:before,.site-loader:after{content:"";position:absolute;inset:0;pointer-events:none}.site-loader:before{opacity:.24;background:repeating-linear-gradient(0deg,transparent 0 3px,#b8eaff22 4px,#b8eaff22 5px)}.site-loader:after{inset:12px;border:1px solid #9df7ed44;box-shadow:inset 0 0 45px #4bcbd122,0 0 35px #df67ed18}.site-loader.is-done{opacity:0;visibility:hidden}.loader-panel{position:relative;z-index:1;width:min(390px,100%);padding:25px 25px 20px;border:1px solid #b7fffd9c;border-radius:15px;background:linear-gradient(145deg,#d9fff023,#9adff512 45%,#f48ac412);box-shadow:inset 0 1px #ffffff80,inset 0 -24px 44px #100d2833,0 18px 55px #0009;backdrop-filter:blur(8px);text-align:center}.loader-brand{display:flex;align-items:center;justify-content:center;gap:9px;color:#f3edff;font:800 10px var(--mono);letter-spacing:1.4px}.loader-brand>span:last-child>span{color:#83fff0}.loader-mark{position:relative;display:grid;place-items:center;width:32px;height:32px;border:1px solid #eaffff;border-radius:9px;background:linear-gradient(145deg,#e9ffff,#32c6d8 44%,#6851a5);box-shadow:inset 1px 2px 5px #fff,0 0 15px #71edff7a;font:italic 800 18px var(--serif);letter-spacing:-2px}.loader-mark span{position:absolute;right:3px;bottom:1px;font:800 9px var(--serif)}.loader-orb{position:relative;width:118px;height:118px;margin:20px auto 14px;border:1px solid #e9ffff9c;border-radius:50%;background:radial-gradient(circle at 31% 25%,#fff 0 2%,#baffff 4%,#55e3dd 12%,#459bd8 35%,#61549d 63%,#19172d 83%);box-shadow:inset -12px -14px 25px #11142d,inset 8px 10px 19px #ffffffb8,0 0 25px #73f6ee55,0 0 54px #dc62ef22;animation:loader-float 2.4s ease-in-out infinite}.loader-orb i,.loader-orb b{position:absolute;inset:-9px 12px;border:1px solid #c7fffa9a;border-radius:50%;transform:rotateX(68deg) rotate(-24deg);box-shadow:0 0 10px #5af5ec33;animation:loader-orbit 3.3s linear infinite}.loader-orb b{inset:12px -9px;border-color:#ffc7f48a;transform:rotateY(68deg) rotate(25deg);animation-direction:reverse;animation-duration:4s}.loader-orb span{position:absolute;top:20%;left:25%;width:23px;height:9px;border-radius:50%;background:#fff;filter:blur(5px);opacity:.85;transform:rotate(-35deg)}.loader-status{margin:0 0 13px;color:#b9fff0;font:800 9px var(--mono);letter-spacing:1.5px}.loader-steps{display:flex;align-items:center;justify-content:center;gap:7px;color:#b8b1cc;font:6px var(--mono);letter-spacing:.45px;white-space:nowrap}.loader-steps i{width:3px;height:3px;border-radius:50%;background:#ff78cb;box-shadow:0 0 7px #ff78cb;animation:loader-blink 1s ease-in-out infinite alternate}.loader-steps i:nth-of-type(2){animation-delay:.35s}.loader-meter{height:4px;margin:16px 0 7px;border:1px solid #9df7ed70;border-radius:9px;background:#080b18aa;overflow:hidden}.loader-meter span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#36d9d1,#c8ffef 48%,#ff73c9);box-shadow:0 0 10px #65f8ed;transition:width .22s ease}.loader-panel>small{color:#8b87a1;font:7px var(--mono);letter-spacing:1px}@keyframes loader-float{50%{transform:translateY(-5px) rotate(4deg)}}@keyframes loader-orbit{to{transform:rotateX(68deg) rotate(336deg)}}@keyframes loader-blink{to{opacity:.3}}@media(max-width:420px){.loader-panel{padding:22px 15px 17px}.loader-steps{gap:5px;font-size:5.5px}.loader-orb{width:103px;height:103px}}@media(prefers-reduced-motion:reduce){.loader-orb,.loader-orb i,.loader-orb b,.loader-steps i{animation:none}}


.now-playing-content[hidden],.now-playing-empty[hidden]{display:none}.now-playing-empty{margin:11px auto 17px;color:#376e80;font-size:10px;line-height:1.5}


.hero-card.live-player-card{width:min(355px,92%);min-height:180px;padding-bottom:26px;display:flex;flex-direction:column;justify-content:space-between}.hero-card.live-player-card[hidden]{display:none}.now-playing-content[hidden],.now-playing-empty[hidden]{display:none}.now-playing-empty{margin:12px auto 15px;max-width:260px;color:#315f70;font-size:10px;line-height:1.5;text-align:center}.now-playing-pedestal{width:100%;flex:0 0 17px}


.friends-scan-section{margin:0 0 66px;padding:clamp(20px,4vw,40px);border:1px solid #ffffffbf;border-radius:18px;background:linear-gradient(145deg,#ecffffe8,#d6f2f4e8 45%,#eee2ffe8);box-shadow:inset 0 1px #fff,0 15px 36px #15234526}.friends-scan-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);align-items:center;gap:32px}.friends-scan-heading h2{margin:10px 0;color:#192647;font:800 clamp(23px,3vw,34px) var(--serif);letter-spacing:-.04em}.friends-scan-heading h2 em{color:#ad368f}.friends-scan-heading p{max-width:610px;color:#476478;font-size:13px;line-height:1.6}.friends-scan-form label{display:block;margin-bottom:8px;color:#23697c;font:800 8px var(--mono);letter-spacing:1px}.friends-scan-form .input-wrap{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid #7dbcc3;border-radius:9px;background:#f7ffff;box-shadow:inset 0 2px 5px #31566a1a}.friends-scan-form .input-wrap>span{padding-left:7px;color:#27899b}.friends-scan-form input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#1e314e;font:12px var(--mono)}.friends-scan-form button{padding:11px 13px;border:1px solid #1d778d;border-radius:6px;background:linear-gradient(145deg,#46d3d2,#568edd);color:#fff;font:800 9px var(--mono);white-space:nowrap;cursor:pointer}.friends-scan-form button:disabled{opacity:.55;cursor:wait}.friends-scan-form>small{display:block;min-height:28px;margin-top:9px;color:#42687a;font-size:10px;line-height:1.5}.friends-scan-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:17px}.friends-scan-results:empty{display:none}.friend-scan-card{min-width:0;border:1px solid #9bc9cf;border-radius:8px;background:#f8ffffd9;box-shadow:inset 0 1px #fff}.friend-scan-card summary{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 12px;cursor:pointer;list-style:none}.friend-scan-card summary::-webkit-details-marker{display:none}.friend-scan-card summary:after{content:"＋";grid-column:3;grid-row:1;color:#167a8b;font:800 12px var(--mono)}.friend-scan-card[open] summary:after{content:"−"}.friend-scan-card summary>a{grid-column:3;grid-row:1;z-index:1;margin-right:20px;color:#167a8b;font:800 8px var(--mono);text-decoration:none}.friend-scan-card img{width:42px;height:42px;border:1px solid #fff;border-radius:7px;object-fit:cover}.friend-scan-card strong,.friend-scan-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-scan-card strong{color:#203550;font-size:11px}.friend-scan-card small{margin-top:4px;color:#547489;font:7px var(--mono);letter-spacing:.3px}.friend-scan-detail{display:grid;gap:5px;padding:0 12px 12px 65px;color:#42687a;font:8px/1.5 var(--mono)}.friend-scan-detail span:first-child{color:#ad368f;font-weight:800}.friend-scan-summary{grid-column:1/-1;margin:0;color:#42687a;font:8px var(--mono);letter-spacing:.4px}body.blacklight-mode .friends-scan-section{border-color:#946eb1;background:linear-gradient(145deg,#261c3deb,#211c43eb);box-shadow:inset 0 1px #ffffff21,0 15px 36px #07041466}body.blacklight-mode .friends-scan-heading h2,body.blacklight-mode .friend-scan-card strong{color:#f2e8ff}body.blacklight-mode .friends-scan-heading p,body.blacklight-mode .friends-scan-form>small,body.blacklight-mode .friend-scan-summary,body.blacklight-mode .friend-scan-detail{color:#d3c4e4}body.blacklight-mode .friend-scan-card{border-color:#70598c;background:#211a35}body.blacklight-mode .friends-scan-form .input-wrap{border-color:#70598c;background:#19142a;color:#f2e8ff}body.blacklight-mode .friends-scan-form input{color:#fff}body.blacklight-mode .friend-scan-card small{color:#b5a3ce}@media(max-width:700px){.friends-scan-heading{grid-template-columns:1fr;gap:12px}.friends-scan-results{grid-template-columns:1fr}.friends-scan-section{margin-bottom:42px;padding:20px}.friends-scan-form .input-wrap{flex-wrap:wrap}.friends-scan-form input{min-height:36px}.friends-scan-form button{margin-left:auto}}


.friend-scan-loader{grid-column:1/-1;padding:15px 17px;border:1px solid #b9d8da;border-radius:10px;background:linear-gradient(120deg,#ffffffbf,#dff8f4dd 45%,#f8eaffcc);box-shadow:inset 0 1px #fff,0 6px 16px #10284717;animation:friend-loader-in .28s ease-out both}
.friend-scan-loader-head{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#31576c;font:800 8px var(--mono);letter-spacing:.8px}
.friend-scan-loader-head span{display:flex;align-items:center;gap:8px}.friend-scan-loader-head span i{width:7px;height:7px;border-radius:50%;background:#55d4ba;box-shadow:0 0 0 0 #55d4ba66;animation:friend-pulse 1.35s ease-out infinite}
.friend-scan-loader-head strong{color:#7850a2;font-size:9px}.friend-scan-progress{position:relative;height:5px;margin:11px 0 8px;overflow:hidden;border:1px solid #b8d5d7;border-radius:99px;background:#d4e9e8;box-shadow:inset 0 1px 2px #24516a22}
.friend-scan-progress>i{display:block;width:var(--scan-progress,0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#48cdb6,#45aadb 55%,#d75bb9);box-shadow:0 0 10px #70e1d288;transition:width .35s ease}
.friend-scan-progress.is-indeterminate>i{position:absolute;width:35%;animation:friend-scan-sweep 1.3s ease-in-out infinite}.friend-scan-loader-foot{color:#6c8192;font:7px var(--mono);letter-spacing:.4px}
.friend-scan-card.has-adult-games{position:relative;border-color:#ddb85a;background:linear-gradient(135deg,#fffdf2,#fff3c8 70%,#f7e3a8);box-shadow:inset 0 1px #fff,0 0 0 1px #ffd87480,0 4px 13px #b7842440}
.friend-scan-card.has-adult-games:before{position:absolute;inset:-1px;z-index:0;border-radius:inherit;content:"";pointer-events:none;opacity:.7;background:linear-gradient(115deg,transparent 0 35%,#fff8d488 50%,transparent 65%);transform:translateX(-120%);animation:gold-sheen 4s ease-in-out infinite}
.friend-scan-card.has-adult-games summary{position:relative;z-index:1}.friend-scan-card.has-adult-games img{border-color:#ffe397;box-shadow:0 0 12px #e5b53a99}.friend-scan-card.has-adult-games strong{color:#73500c}
.friend-adult-mark{display:inline-block;margin-left:8px;padding:3px 5px;border:1px solid #d8ae47;border-radius:999px;background:#fff7dc;color:#8c650c;font:800 6px var(--mono);letter-spacing:.6px;vertical-align:2px}.friend-scan-card.has-adult-games .friend-scan-detail{position:relative;z-index:1;color:#795d25}
body.blacklight-mode .friend-scan-loader{border-color:#605373;background:linear-gradient(120deg,#211b2c,#172a31 48%,#302139);box-shadow:inset 0 1px #ffffff12,0 6px 16px #0004}body.blacklight-mode .friend-scan-loader-head{color:#d8cde8}body.blacklight-mode .friend-scan-loader-head strong{color:#ffb5e6}body.blacklight-mode .friend-scan-progress{border-color:#55476a;background:#171721}body.blacklight-mode .friend-scan-loader-foot{color:#a89bb9}
body.blacklight-mode .friend-scan-card.has-adult-games{border-color:#d6b753;background:linear-gradient(135deg,#39311f,#332c1d 72%,#43361c);box-shadow:inset 0 1px #fff2,0 0 0 1px #ffd66b55,0 0 17px #edc65133}body.blacklight-mode .friend-scan-card.has-adult-games strong{color:#fff0b8}body.blacklight-mode .friend-scan-card.has-adult-games .friend-scan-detail{color:#e7d79d}body.blacklight-mode .friend-adult-mark{border-color:#b99a41;background:#51441f;color:#ffe99c}
@keyframes friend-loader-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes friend-pulse{0%{box-shadow:0 0 0 0 #55d4ba66}70%,100%{box-shadow:0 0 0 8px #55d4ba00}}@keyframes friend-scan-sweep{0%{transform:translateX(-110%)}100%{transform:translateX(320%)}}@keyframes gold-sheen{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
@media(prefers-reduced-motion:reduce){.friend-scan-loader,.friend-scan-loader-head span i,.friend-scan-progress>i,.friend-scan-card.has-adult-games:before{animation:none}.friend-scan-progress>i{transform:none}}


.friend-scan-card.has-adult-games{grid-column:1/-1;overflow:hidden}
.friend-scan-card summary:after{content:none!important}
.friend-scan-card summary:hover .friend-player-meta strong{text-decoration:underline;text-underline-offset:2px}
.friend-adult-summary{grid-template-columns:42px minmax(145px,.78fr) minmax(220px,1.6fr) minmax(104px,auto) 42px 22px!important;gap:12px!important;min-height:68px}
.friend-adult-summary:after{content:none!important}
.friend-adult-summary>a{grid-column:6!important;grid-row:1!important;z-index:2!important;width:22px;height:28px;margin:0!important;display:grid;place-items:center;color:#80620f!important;font:800 16px var(--mono)!important;text-decoration:none}
.friend-player-meta{min-width:0}
.friend-game-chips{display:flex;min-width:0;align-items:center;gap:5px;overflow:hidden}
.friend-game-chip{display:flex;min-width:0;max-width:34%;align-items:center;gap:4px;padding:4px 6px;border:1px solid #ddcc9b;border-radius:5px;background:#fffdf7;color:#65572f;font:7px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.friend-game-chip i{flex:none;color:#9a781e;font-size:6px;font-style:normal}
.friend-adult-hours{text-align:right;white-space:nowrap}
.friend-adult-hours strong{display:block;color:#684d0d!important;font:800 20px/1 var(--mono)!important;letter-spacing:-1px}
.friend-adult-hours strong i{margin-left:2px;color:#a47d1e;font-size:9px;font-style:normal;letter-spacing:0}
.friend-adult-hours small{display:block;margin-top:4px;color:#8a7442;font:6px var(--mono);letter-spacing:.5px}
.friend-share-dial{position:relative;display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:conic-gradient(#d3a629 var(--friend-share),#e9dfc4 0);box-shadow:0 2px 5px #73531525}
.friend-share-dial:before{position:absolute;inset:4px;border-radius:50%;background:#fff8e7;content:""}
.friend-share-dial i{position:relative;color:#765a14;font:800 7px var(--mono);font-style:normal}
.friend-scan-card.has-adult-games .friend-scan-detail{padding-left:66px}
body.blacklight-mode .friend-game-chip{border-color:#78683d;background:#453c29;color:#f4e8be}
body.blacklight-mode .friend-game-chip i,body.blacklight-mode .friend-adult-hours strong,body.blacklight-mode .friend-adult-hours strong i,body.blacklight-mode .friend-share-dial i,body.blacklight-mode .friend-adult-summary>a{color:#ffe69a!important}
body.blacklight-mode .friend-adult-hours small{color:#d5c38b}
body.blacklight-mode .friend-share-dial{background:conic-gradient(#d6b34a var(--friend-share),#554a32 0)}
body.blacklight-mode .friend-share-dial:before{background:#39311f}
@media(max-width:700px){.friend-adult-summary{grid-template-columns:36px minmax(0,1fr) 70px 36px 18px!important;gap:8px!important;padding:9px!important}.friend-adult-summary>img{grid-column:1;grid-row:1/3;width:36px;height:36px}.friend-adult-summary>.friend-player-meta{grid-column:2;grid-row:1}.friend-adult-summary>.friend-game-chips{grid-column:2/6;grid-row:2}.friend-adult-summary>.friend-adult-hours{grid-column:3;grid-row:1}.friend-adult-summary>.friend-share-dial{grid-column:4;grid-row:1;width:34px;height:34px}.friend-adult-summary>a{grid-column:5!important;grid-row:1!important;width:18px;height:24px}.friend-adult-summary .friend-player-meta strong{font-size:10px}.friend-adult-summary .friend-player-meta small{font-size:6px}.friend-game-chip{max-width:42%;padding:3px 5px;font-size:6px}.friend-adult-hours strong{font-size:17px!important}.friend-adult-hours small{font-size:5px}.friend-scan-card.has-adult-games .friend-scan-detail{padding-left:54px}}