:root{--bg:#080b11;--panel:#111620;--panel2:#171d29;--line:rgba(255,255,255,.11);--text:#f7f9ff;--muted:#96a0b4;--green:#d2ff00;--gold:#ffc72c;--danger:#ff5b70;--shadow:0 30px 90px rgba(0,0,0,.46)}
*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 10%,rgba(34,102,237,.13),transparent 30%),radial-gradient(circle at 10% 60%,rgba(210,255,0,.07),transparent 28%),#080b11;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}a{color:inherit}button,input,select,textarea{font:inherit}.site-page{display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:40;min-height:74px;padding:12px clamp(18px,4vw,58px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(8,11,17,.78);border-bottom:1px solid var(--line);backdrop-filter:blur(22px)}.site-brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:1000;letter-spacing:-.03em}.site-brand img{width:46px;height:46px;border-radius:14px;object-fit:cover;box-shadow:0 10px 24px rgba(0,0,0,.35)}.site-nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.site-nav a,.site-nav button{border:0;background:transparent;text-decoration:none;color:#c6cedd;padding:10px 13px;border-radius:11px;font-weight:750;cursor:pointer}.site-nav a:hover,.site-nav button:hover{background:rgba(255,255,255,.065);color:white}.site-nav .nav-login{background:var(--green);color:#111}.site-nav .admin-link{color:#161000;background:linear-gradient(135deg,#ffe169,#ffb000)}.content-shell{width:min(1140px,calc(100% - 34px));margin:clamp(34px,6vw,82px) auto;flex:1}.hero-card,.legal-card,.dashboard-card{background:linear-gradient(160deg,rgba(24,30,42,.96),rgba(11,14,20,.98));border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:clamp(24px,5vw,54px)}.hero-card h1,.legal-card h1{font-size:clamp(38px,7vw,78px);line-height:.95;letter-spacing:-.06em;margin:12px 0 20px}.legal-card h1{font-size:clamp(36px,5vw,62px)}.legal-card h2{margin:38px 0 12px;font-size:24px}.legal-card h3{margin:28px 0 10px}.legal-card p,.legal-card li{color:#bdc5d4;line-height:1.72}.legal-card a{color:var(--green)}.eyebrow{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(210,255,0,.1);color:var(--green);font-weight:900;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.lead{max-width:760px;color:#b4bed0;font-size:clamp(17px,2vw,21px);line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 18px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.055);color:white;text-decoration:none;font-weight:900;cursor:pointer}.button:hover{filter:brightness(1.08);transform:translateY(-1px)}.button.primary{background:var(--green);color:#10130a;border-color:transparent}.button.gold{background:linear-gradient(135deg,#ffe36d,#ffad00);color:#191100;border-color:transparent}.button.danger{background:rgba(255,91,112,.12);color:#ff9baa;border-color:rgba(255,91,112,.28)}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.form-grid{display:grid;gap:15px;max-width:620px}.field-label{display:grid;gap:7px;color:#dfe5ef;font-size:13px;font-weight:800}.field{width:100%;height:50px;border:1px solid var(--line);border-radius:13px;background:#0b0f16;color:white;padding:0 14px;outline:none}.field:focus{border-color:rgba(210,255,0,.65);box-shadow:0 0 0 4px rgba(210,255,0,.08)}.help{color:#7f8a9f;font-size:11px;line-height:1.45;font-weight:600}.notice{padding:14px 16px;border-radius:13px;margin:14px 0;background:rgba(33,102,237,.12);border:1px solid rgba(75,130,255,.25);color:#cbd8ff}.notice.success{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.24);color:#c6f6d5}.notice.error{background:rgba(255,91,112,.1);border-color:rgba(255,91,112,.25);color:#ffb5c0}.setup-warning{padding:15px 17px;margin-bottom:22px;border-radius:14px;background:rgba(255,183,0,.12);border:1px solid rgba(255,183,0,.28);color:#ffe5a1;line-height:1.55}.setup-warning code{background:rgba(0,0,0,.25);padding:2px 6px;border-radius:5px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:22px 0}.stat-card{padding:21px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}.stat-value{font-size:clamp(30px,5vw,52px);font-weight:1000;letter-spacing:-.05em}.stat-label{color:var(--muted);font-size:12px;margin-top:4px}.chart{display:grid;gap:9px;margin-top:18px}.bar-row{display:grid;grid-template-columns:100px 1fr 54px;gap:11px;align-items:center}.bar-track{height:12px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),#75d900);min-width:2px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:17px;margin-top:18px}.data-table{width:100%;border-collapse:collapse;min-width:700px}.data-table th,.data-table td{text-align:left;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.07);font-size:13px}.data-table th{color:#8994a9;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.data-table tr:last-child td{border-bottom:0}.role-badge{display:inline-flex;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:900;text-transform:uppercase;background:rgba(255,255,255,.08)}.role-badge.admin{background:rgba(255,183,0,.14);color:#ffd772}.inline-form{display:flex;gap:8px;align-items:center}.inline-form select{height:38px;border:1px solid var(--line);border-radius:9px;background:#0b0f16;color:white;padding:0 9px}.inline-form button{height:38px;border:0;border-radius:9px;background:var(--green);color:#111;font-weight:900;padding:0 12px;cursor:pointer}.site-footer{padding:28px clamp(18px,4vw,58px);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);color:#7f899d;font-size:12px}.site-footer nav{display:flex;gap:15px;flex-wrap:wrap}.site-footer a,.site-footer button{border:0;background:none;color:#9aa4b7;padding:0;cursor:pointer;text-decoration:none}.site-footer a:hover,.site-footer button:hover{color:white}.cookie-banner{position:fixed;z-index:200;left:18px;right:18px;bottom:18px;max-width:980px;margin:auto;padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(14,18,26,.97);box-shadow:0 25px 80px rgba(0,0,0,.55);backdrop-filter:blur(24px);display:none}.cookie-banner.show{display:block}.cookie-banner h2{font-size:18px;margin:0 0 7px}.cookie-banner p{color:#aeb8ca;line-height:1.55;margin:0}.cookie-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.cookie-actions button{min-height:43px;padding:0 15px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:white;font-weight:850;cursor:pointer}.cookie-actions .accept{background:var(--green);color:#111;border-color:transparent}.cookie-modal{position:fixed;z-index:210;inset:0;padding:20px;background:rgba(0,0,0,.6);display:none;place-items:center;backdrop-filter:blur(8px)}.cookie-modal.show{display:grid}.cookie-box{width:min(620px,100%);max-height:90vh;overflow:auto;padding:25px;border:1px solid var(--line);border-radius:22px;background:#111620;box-shadow:var(--shadow)}.cookie-choice{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid var(--line)}.cookie-choice p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.switch{width:48px;height:26px;border-radius:99px;background:#303847;position:relative;flex:none}.switch::after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:white;transition:.2s}.switch.on{background:var(--green)}.switch.on::after{transform:translateX(22px);background:#111}.switch.locked{opacity:.75}.empty-state{padding:30px;text-align:center;color:var(--muted)}.small{font-size:12px;color:var(--muted);line-height:1.55}.legal-meta{display:flex;gap:12px;flex-wrap:wrap;color:#7f899d;font-size:12px;margin-bottom:28px}.code-block{padding:16px;border-radius:13px;background:#070a0f;overflow:auto;color:#cce67a;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.danger-zone{margin-top:30px;padding:20px;border:1px solid rgba(255,91,112,.25);border-radius:18px;background:rgba(255,91,112,.06)}
@media(max-width:760px){.site-header{align-items:flex-start}.site-brand span{display:none}.site-nav{justify-content:flex-end}.site-nav a{padding:9px}.bar-row{grid-template-columns:76px 1fr 42px}.content-shell{width:min(100% - 20px,1140px);margin:24px auto}.hero-card,.legal-card,.dashboard-card{border-radius:21px;padding:22px}.site-footer{padding:24px 18px}.cookie-banner{left:8px;right:8px;bottom:8px}}

/* V126 — supplied FUTStars and CareerModeStars mode identity. */
.mode-brand-logo{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:0;flex:none}
.mode-brand-picture{display:grid;place-items:center;line-height:0}
.mode-brand-picture img{display:block;width:100%;height:100%;object-fit:contain}
.site-footer-identity{display:flex!important;align-items:center;justify-content:center;gap:9px}
.site-footer-mode-logo{gap:3px}.site-footer-mode-logo .mode-brand-picture{width:22px;height:22px}

/* V98 footer: a compact product map instead of a flat legal strip. */
.site-page>.site-footer{position:relative;display:grid!important;grid-template-columns:minmax(230px,1.15fr) minmax(150px,.55fr) minmax(260px,1fr);align-items:start;gap:clamp(24px,5vw,74px)!important;margin:28px clamp(10px,3vw,40px) 14px!important;padding:clamp(28px,4vw,50px)!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:26px!important;background:radial-gradient(circle at 8% 0,color-mix(in srgb,var(--brand-accent,#d2ff00) 9%,transparent),transparent 34%),linear-gradient(145deg,rgba(14,20,30,.94),rgba(6,9,14,.98))!important;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.25)}
.site-footer:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--brand-accent,#d2ff00),transparent);opacity:.75}
.site-footer-brand>a{display:flex;align-items:center;gap:12px;width:max-content;color:#fff;text-decoration:none}.site-footer-brand img{width:52px;height:52px;border-radius:15px;object-fit:contain;background:#080c12;box-shadow:0 12px 35px rgba(0,0,0,.38)}.site-footer-brand strong{font-size:22px;letter-spacing:-.045em}.site-footer-brand p{max-width:360px;margin:14px 0 0;color:#8d99ab;font-size:13px;line-height:1.65}
.site-footer-column>span{display:block;margin-bottom:13px;color:#687589;font-size:9px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase}.site-footer .site-footer-column nav{display:grid;gap:9px}.site-footer .site-footer-column a,.site-footer .site-footer-column button{width:max-content;color:#aab5c5;font-size:12px;font-weight:750;text-align:left;transition:color .18s,transform .18s}.site-footer .site-footer-column a:hover,.site-footer .site-footer-column button:hover{color:#fff;transform:translateX(3px)}.site-footer-legal nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:780px){.site-page>.site-footer{grid-template-columns:1fr 1fr!important}.site-footer-brand{grid-column:1/-1}.site-footer-legal nav{grid-template-columns:1fr!important}}
@media(max-width:480px){.site-page>.site-footer{grid-template-columns:1fr!important;margin:14px 7px 7px!important;padding:25px 21px!important;border-radius:19px!important}.site-footer-brand{grid-column:auto}.site-footer-legal nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* Public platform v3 */
.site-brand img{border-radius:50%;object-fit:cover}.site-header{background:rgba(6,8,15,.86)}.site-nav{align-items:center}.lang-menu{position:relative}.lang-menu summary{list-style:none;cursor:pointer;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:11px;font-weight:900}.lang-menu summary::-webkit-details-marker{display:none}.lang-menu div{position:absolute;right:0;top:45px;display:grid;min-width:90px;padding:7px;border:1px solid var(--line);border-radius:12px;background:#111620;box-shadow:var(--shadow)}.lang-menu div a{padding:8px 10px}
.home-hero{min-height:690px;padding:90px max(30px,7vw);display:grid;grid-template-columns:minmax(0,620px) minmax(420px,1fr);align-items:center;gap:5vw;position:relative;overflow:hidden}.home-hero:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 72% 44%,rgba(105,40,255,.22),transparent 28%),radial-gradient(circle at 48% 80%,rgba(210,255,0,.08),transparent 25%);pointer-events:none}.hero-copy,.hero-visual{position:relative;z-index:1}.hero-copy h1{font-size:clamp(62px,8vw,126px);line-height:.82;letter-spacing:-.08em;margin:18px 0 28px;text-transform:uppercase}.hero-copy>p{font-size:clamp(18px,2vw,24px);line-height:1.6;color:#b7c0d2;max-width:670px}.hero-visual img{width:100%;border-radius:32px;border:1px solid rgba(255,255,255,.14);box-shadow:0 45px 120px rgba(0,0,0,.58);transform:perspective(1200px) rotateY(-6deg) rotateX(2deg)}.hero-stats{display:flex;gap:28px;flex-wrap:wrap;margin-top:36px}.hero-stats div{display:grid}.hero-stats strong{font-size:30px}.hero-stats span{font-size:11px;color:#8e99ad;text-transform:uppercase;letter-spacing:.1em}.home-section{margin-top:20px;margin-bottom:80px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-heading h1,.section-heading h2{font-size:clamp(38px,5vw,66px);letter-spacing:-.055em;margin:10px 0 0}.section-heading>a{color:var(--green);font-weight:900}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.public-game-card{min-height:340px;padding:25px;border:1px solid var(--line);border-radius:26px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;background:linear-gradient(160deg,rgba(25,31,44,.94),rgba(10,13,20,.98));box-shadow:0 25px 70px rgba(0,0,0,.25);overflow:hidden;position:relative;transition:.25s}.public-game-card:before{content:"";position:absolute;width:330px;height:330px;right:-130px;top:-150px;border-radius:50%;background:rgba(115,50,255,.18);filter:blur(20px)}.public-game-card:hover{transform:translateY(-7px);border-color:rgba(210,255,0,.48)}.game-art{height:145px;display:grid;place-items:center;font-size:72px;font-weight:1000;position:relative}.wall-card .game-art{color:#ffc72c}.slots-card .game-art{color:#ff607d}.public-game-card h3{font-size:30px;margin:0 0 9px}.public-game-card p{color:#9ca7ba;line-height:1.55}.public-game-card span{color:var(--green);font-weight:900}.feature-band{width:min(1400px,calc(100% - 34px));margin:0 auto 80px;padding:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border:1px solid var(--line);border-radius:25px;background:#0e131d}.feature-band>div{padding:18px;border-radius:16px;background:rgba(255,255,255,.025);display:grid;grid-template-columns:42px 1fr;align-items:center}.feature-band>div>span{grid-row:1/3;font-size:24px;color:var(--green)}.feature-band strong{font-size:14px}.feature-band small{color:#7f899d;margin-top:3px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.template-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#111620;transition:.22s}.template-card:hover{transform:translateY(-5px);border-color:rgba(210,255,0,.42)}.template-card>a{text-decoration:none}.template-card>a>img{display:block;width:100%;aspect-ratio:1.9;object-fit:cover;background:#080b11}.template-body{padding:18px}.template-body>span{font-size:10px;color:var(--green);font-weight:900;text-transform:uppercase;letter-spacing:.1em}.template-body h2,.template-body h3{font-size:23px;margin:8px 0}.template-body p{color:#8f99ad;line-height:1.45}.creator-line{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;margin-top:14px}.creator-line img{width:36px;height:36px;border-radius:11px;object-fit:cover}.creator-line small{color:#7f899d}.seo-copy{padding:34px;border-top:1px solid var(--line);color:#aeb8ca;line-height:1.7}.seo-copy h2{color:white;font-size:32px}.filter-row{display:grid;grid-template-columns:1fr 220px auto;gap:10px;margin:25px 0}.manage-grid{display:grid;gap:15px}.manage-card{display:grid;grid-template-columns:260px 1fr;gap:22px;padding:16px;border:1px solid var(--line);border-radius:21px;background:rgba(255,255,255,.025)}.manage-card>img{width:100%;height:100%;min-height:185px;object-fit:cover;border-radius:15px}.manage-card h2{font-size:28px;margin:9px 0}.manage-card p{color:#9ca7ba}.meta-row{display:flex;gap:16px;flex-wrap:wrap;color:#8b96a9;font-size:12px}.leaderboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.rank-list{display:grid;gap:8px}.rank-row{display:grid;grid-template-columns:38px 46px 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.rank-row>b{color:var(--green)}.rank-row img{width:46px;height:46px;border-radius:13px;object-fit:cover}.rank-row span{font-weight:900}.rank-row small{display:block;color:#7f899d;font-weight:500;margin-top:3px}.profile-layout{display:grid;grid-template-columns:260px 1fr;gap:28px}.profile-preview{text-align:center;padding:20px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}.profile-preview img{width:150px;height:150px;border-radius:32px;object-fit:cover}.profile-preview h2{font-size:28px;margin:14px 0 3px}.profile-preview p{color:#8994a7}.check-row{display:flex;gap:11px;align-items:flex-start;padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);font-size:13px;line-height:1.45}.check-row input{margin-top:3px;accent-color:var(--green)}.public-profile{display:flex;gap:22px;align-items:center;margin-bottom:30px}.public-profile>img{width:140px;height:140px;border-radius:30px;object-fit:cover}.public-profile h1{font-size:54px;margin:7px 0}.login-layout,.contact-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:22px}.magic-visual{border:1px solid var(--line);border-radius:28px;padding:35px;background:linear-gradient(160deg,#171d2a,#090c13);display:grid;place-content:center;text-align:center}.magic-visual img{width:180px;height:180px;border-radius:50%;margin:auto}.magic-visual h2{font-size:34px}.magic-visual p{color:#9ca7ba;line-height:1.6}.company-card h2{font-size:30px}.company-card p{color:#b7c0d0;line-height:1.7}
.admin-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.admin-side{position:sticky;top:0;height:100vh;padding:20px;display:flex;flex-direction:column;gap:7px;background:#090c13;border-right:1px solid var(--line)}.admin-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:1000;font-size:19px;margin-bottom:18px}.admin-brand img{width:50px;height:50px;border-radius:15px}.admin-side>a:not(.admin-brand){padding:12px 13px;border-radius:11px;text-decoration:none;color:#aeb7c7;font-weight:800}.admin-side>a.active,.admin-side>a:hover{background:rgba(210,255,0,.1);color:var(--green)}.admin-content{padding:45px;min-width:0}.admin-content>h1{font-size:58px;letter-spacing:-.06em;margin:10px 0 28px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.moderation-grid{display:grid;gap:15px}.moderation-card{display:grid;grid-template-columns:290px 1fr;gap:18px;padding:15px;border:1px solid var(--line);border-radius:20px;background:#111620}.moderation-card>img{width:100%;height:220px;object-fit:cover;border-radius:15px}.message-list{display:grid;gap:13px}.message-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:#111620;display:grid;grid-template-columns:1fr auto;gap:20px}.message-card p{color:#b5becd;line-height:1.6}.role-badge.creator{background:rgba(139,92,246,.18);color:#c4a8ff}.role-badge.moderator{background:rgba(33,102,237,.18);color:#9ebcff}.role-badge.admin{background:rgba(255,183,0,.18);color:#ffdc7b}.cookie-actions .reject{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.25)}
@media(max-width:1050px){.home-hero{grid-template-columns:1fr;padding-top:120px}.hero-visual{max-width:820px}.game-grid,.template-grid{grid-template-columns:1fr 1fr}.feature-band{grid-template-columns:1fr 1fr}.admin-shell{grid-template-columns:1fr}.admin-side{position:relative;height:auto;flex-direction:row;overflow:auto}.admin-brand{margin:0}.admin-content{padding:25px}.moderation-card{grid-template-columns:230px 1fr}}
@media(max-width:760px){.home-hero{padding:90px 18px 55px;min-height:0}.hero-copy h1{font-size:60px}.hero-visual img{transform:none;border-radius:20px}.game-grid,.template-grid,.feature-band,.leaderboard-columns,.profile-layout,.login-layout,.contact-layout,.dashboard-grid{grid-template-columns:1fr}.manage-card,.moderation-card{grid-template-columns:1fr}.manage-card>img,.moderation-card>img{height:190px}.filter-row{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.admin-content{padding:18px}.admin-content>h1{font-size:43px}.message-card{grid-template-columns:1fr}.public-profile{align-items:flex-start}.public-profile>img{width:90px;height:90px}.public-profile h1{font-size:38px}.site-nav a:not(.nav-login):not(.admin-link){display:none}}

/* Homepage cinematic scroll experience v1 */
.home-cinematic{background:#05070c;overflow-x:hidden}.home-cinematic .site-header{position:fixed;inset:0 0 auto 0;z-index:80;background:linear-gradient(180deg,rgba(4,6,12,.88),rgba(4,6,12,.44) 62%,transparent);border-bottom:0;backdrop-filter:blur(14px);transition:background .3s ease,transform .3s ease}.home-cinematic .site-header:after{content:"";position:absolute;left:4vw;right:4vw;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent)}.next-home{overflow:clip}.scroll-cinema{height:520vh;position:relative;background:#03050a}.scroll-stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;isolation:isolate;background:#03050a}.scroll-video,.scroll-video-fallback{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;object-position:center;z-index:0;transform:scale(var(--video-scale,1.02));filter:saturate(1.08) contrast(1.06) brightness(.84);will-change:transform}.scroll-video-fallback{background:center/cover no-repeat url('home/patto-scroll-poster.jpg');opacity:0}.video-failed .scroll-video{display:none}.video-failed .scroll-video-fallback{opacity:1}.cinema-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 22%,rgba(2,3,8,.14) 55%,rgba(2,3,8,.78) 100%),linear-gradient(90deg,rgba(2,4,9,.72),transparent 38%,transparent 64%,rgba(2,4,9,.52)),linear-gradient(180deg,rgba(2,4,9,.36),transparent 24%,transparent 70%,rgba(2,4,9,.82))}.cinema-grain{position:absolute;inset:-80px;z-index:2;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");mix-blend-mode:soft-light;animation:cinemaGrain .18s steps(2) infinite}@keyframes cinemaGrain{0%{transform:translate3d(0,0,0)}25%{transform:translate3d(1.7%,-1.1%,0)}50%{transform:translate3d(-1.2%,1.8%,0)}75%{transform:translate3d(1.1%,1%,0)}100%{transform:translate3d(-1.8%,-.8%,0)}}.cinema-glow{position:absolute;z-index:2;border-radius:50%;filter:blur(70px);pointer-events:none;mix-blend-mode:screen;opacity:var(--glow-opacity,.15)}.glow-a{width:34vw;height:34vw;left:-12vw;top:24%;background:rgba(48,74,255,.34)}.glow-b{width:28vw;height:28vw;right:-8vw;bottom:8%;background:rgba(255,183,0,.28)}.story-status{position:absolute;z-index:10;left:clamp(18px,4vw,68px);top:105px;display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(4,6,12,.45);backdrop-filter:blur(15px);font:800 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em;color:#d4dae7}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 13px var(--green)}.story-panels{position:absolute;inset:0;z-index:8;pointer-events:none}.story-panel{--panel-alpha:0;--panel-shift:34px;position:absolute;width:min(620px,46vw);opacity:var(--panel-alpha);transform:translate3d(0,var(--panel-shift),0);transition:opacity .09s linear;will-change:opacity,transform;filter:drop-shadow(0 20px 35px rgba(0,0,0,.38))}.story-panel-1{left:clamp(25px,7vw,125px);top:30%}.story-panel-2{right:clamp(25px,7vw,125px);top:31%;text-align:right}.story-panel-3{left:clamp(25px,7vw,125px);top:49%}.story-panel-4{left:50%;bottom:8.5vh;width:min(940px,80vw);text-align:center;transform:translate3d(-50%,var(--panel-shift),0)}.story-tag{display:inline-flex;align-items:center;gap:8px;margin-bottom:13px;padding:8px 12px;border-radius:999px;border:1px solid rgba(210,255,0,.34);background:rgba(7,10,16,.48);backdrop-filter:blur(14px);color:var(--green);font-size:11px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase}.story-tag:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.story-panel h1{max-width:950px;margin:0;font-size:clamp(54px,7.3vw,124px);line-height:.84;letter-spacing:-.075em;text-transform:uppercase;text-wrap:balance;text-shadow:0 7px 0 rgba(0,0,0,.34),0 22px 55px rgba(0,0,0,.48)}.story-panel-2 h1{margin-left:auto}.story-panel-4 h1{margin-inline:auto}.story-panel p{max-width:610px;margin:22px 0 0;color:#e0e5ef;font-size:clamp(16px,1.35vw,22px);line-height:1.55;text-wrap:balance;text-shadow:0 3px 18px rgba(0,0,0,.82)}.story-panel-2 p{margin-left:auto}.story-panel-4 p{margin-inline:auto}.story-actions{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin-top:27px;pointer-events:auto}.cinema-button{min-height:53px;padding:0 21px;border:1px solid rgba(255,255,255,.18);border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:11px;background:rgba(5,8,15,.64);backdrop-filter:blur(20px);color:white;text-decoration:none;font-weight:950;box-shadow:0 16px 40px rgba(0,0,0,.28);transition:.22s}.cinema-button:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.4)}.cinema-button.primary{border-color:transparent;background:var(--green);color:#10130a;box-shadow:0 15px 45px rgba(150,205,0,.24)}.cinema-button.primary span{font-size:20px}.story-rail{position:absolute;z-index:12;right:clamp(18px,3vw,52px);top:50%;transform:translateY(-50%);display:grid;gap:24px;padding-left:20px}.rail-line{position:absolute;left:3px;top:12px;bottom:12px;width:2px;background:rgba(255,255,255,.18);border-radius:4px;overflow:hidden}.rail-line span{display:block;width:100%;height:0;background:linear-gradient(180deg,var(--green),#ffc72c);box-shadow:0 0 15px var(--green);transition:height .08s linear}.rail-step{position:relative;display:flex;align-items:center;gap:11px;border:0;background:none;color:#7d8799;padding:0;cursor:pointer;text-align:left}.rail-step:before{content:"";position:absolute;left:-21px;width:9px;height:9px;border:2px solid rgba(255,255,255,.4);border-radius:50%;background:#080b11;transition:.22s}.rail-step.active{color:white}.rail-step.active:before,.rail-step.passed:before{border-color:var(--green);background:var(--green);box-shadow:0 0 15px rgba(210,255,0,.75)}.rail-number{font:900 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:inherit}.rail-label{width:105px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:inherit}.story-skip{position:absolute;z-index:12;right:clamp(20px,4vw,68px);bottom:28px;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.65);font-size:11px;font-weight:850;text-decoration:none;letter-spacing:.05em}.story-skip:hover{color:white}.scroll-hint{position:absolute;z-index:12;left:50%;bottom:26px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.72);font-size:10px;letter-spacing:.11em;text-transform:uppercase;transition:opacity .25s,transform .25s}.scroll-hint.hidden{opacity:0;transform:translate(-50%,12px)}.mouse{width:23px;height:35px;border:1px solid rgba(255,255,255,.55);border-radius:15px;display:grid;place-items:start center;padding-top:7px}.mouse i{width:3px;height:7px;border-radius:4px;background:var(--green);animation:scrollDot 1.35s ease-in-out infinite}@keyframes scrollDot{0%{opacity:0;transform:translateY(0)}35%{opacity:1}100%{opacity:0;transform:translateY(12px)}}.story-loader{position:absolute;z-index:30;inset:0;display:grid;place-content:center;justify-items:center;gap:13px;background:#04060b;transition:opacity .55s ease,visibility .55s}.story-loader.ready{opacity:0;visibility:hidden}.story-loader span{width:66px;height:66px;border-radius:50%;border:3px solid rgba(255,255,255,.13);border-top-color:var(--green);animation:spin .75s linear infinite}.story-loader small{font:900 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.17em;color:#8f99ad}.after-story{position:relative;z-index:5;background:linear-gradient(180deg,#05070c,#080b11 20%,#080b11)}.after-story:before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--green),#7f4dff,transparent);box-shadow:0 0 30px rgba(210,255,0,.45)}.home-games-section{padding:clamp(90px,11vw,170px) max(24px,5vw) 90px}.home-section-head{width:min(1460px,100%);margin:0 auto 42px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.55fr);align-items:end;gap:50px}.home-section-head h2,.community-heading h2,.home-seo-block h2{font-size:clamp(48px,6.7vw,102px);line-height:.9;letter-spacing:-.07em;text-transform:uppercase;margin:17px 0 0;text-wrap:balance}.home-section-head>p,.community-heading p{color:#aeb7c9;font-size:clamp(16px,1.4vw,20px);line-height:1.65;margin:0}.next-game-grid{width:min(1460px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.next-game-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(160deg,#151b27,#090c13);color:white;text-decoration:none;box-shadow:0 25px 75px rgba(0,0,0,.25);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}.next-game-card:hover{transform:translateY(-10px);border-color:rgba(210,255,0,.48);box-shadow:0 34px 90px rgba(0,0,0,.44)}.next-game-image{position:relative;aspect-ratio:16/10;overflow:hidden;background:#05070b}.next-game-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(7,9,14,.94)),linear-gradient(135deg,rgba(255,255,255,.08),transparent 35%)}.next-game-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.15,.8,.2,1),filter .35s}.next-game-card:hover .next-game-image img{transform:scale(1.07);filter:saturate(1.16)}.game-index{position:absolute;z-index:2;right:17px;top:16px;width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:rgba(5,8,15,.6);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(15px);font:900 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.next-game-content{min-height:245px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;gap:26px}.next-game-content h3{font-size:clamp(30px,3vw,44px);letter-spacing:-.045em;margin:0 0 10px}.next-game-content p{color:#9ca7ba;line-height:1.6;margin:0}.game-cta{display:flex;align-items:center;justify-content:space-between;color:var(--green);font-weight:950}.game-cta i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(210,255,0,.1);font-style:normal;font-size:19px;transition:.25s}.next-game-card:hover .game-cta i{background:var(--green);color:#111;transform:rotate(45deg)}.home-feature-grid{width:min(1460px,calc(100% - max(48px,10vw)));margin:0 auto 130px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.home-feature-grid article{min-height:160px;padding:23px;border:1px solid rgba(255,255,255,.1);border-radius:21px;background:rgba(255,255,255,.025);display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start}.home-feature-grid article>span{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(210,255,0,.1);color:var(--green);font-size:22px}.home-feature-grid h3{font-size:16px;margin:3px 0 7px}.home-feature-grid p{font-size:13px;line-height:1.55;color:#8f99ad;margin:0}.community-showcase{width:min(1460px,calc(100% - max(48px,10vw)));margin:0 auto 130px;padding:clamp(25px,4vw,55px);border:1px solid rgba(255,255,255,.1);border-radius:34px;background:radial-gradient(circle at 85% 0,rgba(91,43,210,.2),transparent 32%),linear-gradient(150deg,#131925,#090c13);box-shadow:0 35px 100px rgba(0,0,0,.28)}.community-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:35px;align-items:end;margin-bottom:35px}.community-heading h2{font-size:clamp(44px,5vw,78px)}.community-heading p{max-width:750px;margin-top:20px}.home-template-grid{grid-template-columns:repeat(3,1fr)}.community-empty{min-height:260px;border:1px dashed rgba(255,255,255,.17);border-radius:22px;display:grid;place-content:center;justify-items:center;text-align:center;padding:30px}.community-empty img{width:78px;height:78px;border-radius:50%;box-shadow:0 0 35px rgba(210,255,0,.15)}.community-empty p{max-width:570px;color:#8f99ad;line-height:1.6}.home-live-stats{width:min(1150px,calc(100% - 40px));margin:0 auto 130px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.1);border-radius:25px;overflow:hidden;background:#0c111a}.home-live-stats div{padding:34px;text-align:center;border-right:1px solid rgba(255,255,255,.09)}.home-live-stats div:last-child{border:0}.home-live-stats strong{display:block;font-size:clamp(42px,6vw,72px);letter-spacing:-.06em}.home-live-stats span{color:#8792a7;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.home-seo-block{width:min(1200px,calc(100% - max(48px,10vw)));margin:0 auto 140px;text-align:center;padding:clamp(30px,6vw,80px);border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 50% 50%,rgba(210,255,0,.055),transparent 62%)}.home-seo-block h2{font-size:clamp(46px,6vw,84px)}.home-seo-block>p{max-width:900px;margin:25px auto 0;color:#abb5c8;font-size:17px;line-height:1.75}.home-seo-block .button-row{justify-content:center}.home-cinematic .site-footer{background:#05070c}
@media(max-width:1050px){.story-panel{width:min(650px,68vw)}.story-panel-1,.story-panel-3{left:35px}.story-panel-2{right:35px}.story-panel h1{font-size:clamp(52px,9vw,100px)}.home-section-head{grid-template-columns:1fr;gap:22px}.next-game-grid{grid-template-columns:1fr 1fr}.next-game-card:last-child{grid-column:1/-1}.home-feature-grid{grid-template-columns:1fr 1fr}.community-heading{grid-template-columns:1fr;align-items:start}.community-heading .button{justify-self:start}.home-template-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.home-cinematic .site-header{min-height:64px;padding:9px 13px}.home-cinematic .site-nav a:not(.nav-login):not(.admin-link){display:none}.scroll-cinema{height:450vh}.scroll-stage{min-height:560px}.scroll-video,.scroll-video-fallback{inset:0;width:100%;height:100%;transform:scale(var(--video-scale,1.05));object-position:center}.story-status{left:14px;top:79px}.story-panel{left:18px!important;right:18px!important;top:auto;width:auto;text-align:left!important;bottom:19vh}.story-panel-4{left:50%!important;bottom:12vh;width:calc(100% - 32px);text-align:center!important}.story-panel-2 h1,.story-panel-2 p{margin-left:0}.story-panel h1{font-size:clamp(46px,13vw,76px);line-height:.87}.story-panel p{font-size:15px;line-height:1.5;max-width:520px;margin-top:16px}.story-panel-4 p{margin-inline:auto}.story-tag{font-size:9px;padding:7px 9px}.story-rail{right:14px;top:38%;gap:21px;padding-left:15px}.rail-line{left:0}.rail-step:before{left:-18px}.rail-label{display:none}.story-skip{right:14px;bottom:14px}.story-skip span{display:none}.scroll-hint{left:16px;bottom:14px;transform:none}.scroll-hint.hidden{transform:translateY(12px)}.scroll-hint b{display:none}.story-actions{gap:7px}.cinema-button{min-height:48px;padding:0 15px;font-size:13px}.home-games-section{padding:80px 12px 60px}.home-section-head{margin-bottom:25px}.home-section-head h2,.community-heading h2,.home-seo-block h2{font-size:clamp(42px,13vw,64px)}.next-game-grid{grid-template-columns:1fr;gap:13px}.next-game-card:last-child{grid-column:auto}.next-game-content{min-height:205px;padding:20px}.home-feature-grid,.community-showcase,.home-seo-block{width:calc(100% - 24px);margin-bottom:80px}.home-feature-grid{grid-template-columns:1fr}.community-showcase{padding:20px;border-radius:24px}.home-template-grid{grid-template-columns:1fr}.home-live-stats{grid-template-columns:1fr;width:calc(100% - 24px);margin-bottom:80px}.home-live-stats div{border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}.home-live-stats div:last-child{border-bottom:0}.home-seo-block{padding:50px 12px}.home-seo-block>p{font-size:15px}.cinema-grain{display:none}}
@media(prefers-reduced-motion:reduce){.scroll-cinema{height:100svh}.scroll-stage{position:relative}.scroll-video{display:none}.scroll-video-fallback{opacity:1}.story-panel{display:none}.story-panel-1{display:block;opacity:1;--panel-shift:0px}.story-rail,.story-status,.scroll-hint,.story-loader{display:none}.next-game-card,.next-game-image img,.cinema-button{transition:none}.cinema-grain{animation:none}}

/* ===== Patto Next-Level Navigation + Homepage v6 ===== */
body.site-menu-open{overflow:hidden}
.site-header{z-index:90}
.site-menu-toggle{position:relative;z-index:102;width:54px;height:54px;flex:0 0 54px;display:grid;place-content:center;gap:6px;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:rgba(8,11,17,.66);color:#fff;cursor:pointer;backdrop-filter:blur(18px);box-shadow:0 14px 35px rgba(0,0,0,.22);transition:transform .25s ease,background .25s ease,border-color .25s ease}
.site-menu-toggle:hover{transform:scale(1.06);background:rgba(25,30,43,.88);border-color:rgba(210,255,0,.45)}
.site-menu-toggle span{display:block;width:22px;height:2px;border-radius:3px;background:currentColor;transition:transform .35s cubic-bezier(.2,.9,.2,1),opacity .2s,width .25s;transform-origin:center}
.site-menu-toggle span:nth-child(2){width:15px;margin-left:7px}
.site-menu-open .site-menu-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.site-menu-open .site-menu-toggle span:nth-child(2){opacity:0;width:0}
.site-menu-open .site-menu-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.site-menu-overlay{position:fixed;inset:0;z-index:100;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .35s ease,visibility .35s}
.site-menu-overlay.open{visibility:visible;opacity:1;pointer-events:auto}
.site-menu-backdrop{position:absolute;inset:0;background:rgba(2,4,9,.74);backdrop-filter:blur(14px)}
.site-menu-panel{position:absolute;top:0;right:0;width:min(760px,100%);height:100%;padding:clamp(22px,4vw,54px);display:flex;flex-direction:column;background:radial-gradient(circle at 85% 10%,rgba(116,53,255,.22),transparent 30%),radial-gradient(circle at 15% 92%,rgba(210,255,0,.1),transparent 30%),linear-gradient(150deg,rgba(15,19,29,.99),rgba(5,7,12,.995));border-left:1px solid rgba(255,255,255,.12);box-shadow:-40px 0 100px rgba(0,0,0,.52);transform:translateX(105%);transition:transform .52s cubic-bezier(.16,.86,.2,1);overflow:auto}
.site-menu-overlay.open .site-menu-panel{transform:translateX(0)}
.site-menu-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.11)}
.site-menu-brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-weight:1000;font-size:18px;letter-spacing:-.04em}
.site-menu-brand img{width:48px;height:48px;border-radius:15px;object-fit:cover;box-shadow:0 0 26px rgba(210,255,0,.14)}
.site-menu-close{width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);color:white;font-size:31px;line-height:1;cursor:pointer;transition:.25s}
.site-menu-close:hover{background:var(--green);color:#0a0d0a;transform:rotate(90deg)}
.site-menu-links{display:grid;margin:auto 0;padding:32px 0}
.site-menu-links a{position:relative;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:16px;padding:13px 4px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}
.site-menu-links a:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(210,255,0,.12),transparent 75%);transform:translateX(-102%);transition:transform .35s ease}
.site-menu-links a:hover:before{transform:translateX(0)}
.site-menu-links small{position:relative;color:#657087;font:800 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.site-menu-links span{position:relative;font-size:clamp(30px,5vh,58px);font-weight:1000;line-height:.95;letter-spacing:-.065em;text-transform:uppercase;transition:transform .3s,color .3s}
.site-menu-links i{position:relative;font-style:normal;font-size:24px;color:var(--green);transition:transform .3s}
.site-menu-links a:hover span{transform:translateX(9px);color:var(--green)}
.site-menu-links a:hover i{transform:rotate(45deg)}
.site-menu-links .menu-admin span{color:#ffc72c}
.site-menu-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;border-top:1px solid rgba(255,255,255,.11);color:#6f798d;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.site-menu-languages{display:flex;gap:6px}
.site-menu-languages a{min-width:43px;padding:10px;border-radius:10px;text-align:center;text-decoration:none;color:#8892a7;border:1px solid transparent;font-weight:900}
.site-menu-languages a:hover,.site-menu-languages a.active{color:#111;background:var(--green)}

.home-nextlevel{background:#04060a}
.home-nextlevel .site-header{padding:18px clamp(18px,4vw,60px);background:linear-gradient(180deg,rgba(3,5,9,.72),transparent);backdrop-filter:none}
.home-nextlevel .site-header:after{display:none}
.home-nextlevel .site-brand span{font-size:14px;text-transform:uppercase;letter-spacing:.02em}
.home-nextlevel .site-brand img{border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 0 34px rgba(93,54,255,.25)}
.cursor-aura{position:fixed;left:0;top:0;z-index:7;width:480px;height:480px;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(123,69,255,.13),rgba(210,255,0,.045) 28%,transparent 68%);mix-blend-mode:screen;filter:blur(8px);transition:opacity .3s;will-change:transform}
.cursor-aura.visible{opacity:1}
.scroll-cinema{height:360vh;background:#020409}
.scroll-stage{min-height:620px}
.scroll-video{filter:saturate(1.1) contrast(1.055) brightness(.95);transform:translate3d(var(--mouse-x,0),var(--mouse-y,0),0) scale(var(--video-scale,1.02));transition:filter .5s ease;image-rendering:auto}
.scroll-video-fallback{transform:scale(1.035)}
.cinema-vignette{background:radial-gradient(ellipse at center,transparent 28%,rgba(1,3,7,.18) 58%,rgba(1,3,7,.92) 100%)}
.cinema-overlay{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(2,4,9,.42),transparent 30%,transparent 70%,rgba(2,4,9,.28)),linear-gradient(180deg,rgba(2,4,9,.3),transparent 23%,transparent 70%,rgba(2,4,9,.72));mix-blend-mode:multiply}
.cinema-scan{position:absolute;z-index:6;left:0;right:0;height:22vh;top:-30vh;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(210,255,0,.035),transparent);filter:blur(18px);animation:cinemaScan 8s linear infinite}
@keyframes cinemaScan{to{transform:translateY(145vh)}}
.cinema-grain{opacity:.09;mix-blend-mode:soft-light}
.story-particles{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}
.story-particles i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(210,255,0,.8);opacity:.15;animation:floatParticle var(--duration) var(--delay) ease-in-out infinite alternate}
@keyframes floatParticle{0%{transform:translate3d(-12px,18px,0);opacity:.05}50%{opacity:.45}100%{transform:translate3d(16px,-22px,0);opacity:.1}}
.story-loader{background:#020409}
.story-loader span{width:54px;height:54px;border-width:2px}
.story-loader small{color:#d2ff00;letter-spacing:.22em}
.story-panel{width:min(860px,70vw);filter:drop-shadow(0 28px 70px rgba(0,0,0,.6))}
.story-panel-1{left:clamp(24px,7vw,130px);top:36%}
.story-panel-2{right:clamp(24px,7vw,130px);top:36%;text-align:right}
.story-panel-3{left:50%;bottom:9vh;top:auto;width:min(1050px,86vw);text-align:center;transform:translate3d(-50%,var(--panel-shift),0)}
.story-panel-3 h1,.story-panel-3 p{margin-inline:auto}
.story-panel h1{font-size:clamp(62px,8.4vw,150px);line-height:.82;letter-spacing:-.085em;text-shadow:0 10px 0 rgba(0,0,0,.27),0 32px 90px rgba(0,0,0,.7)}
.story-panel p{margin-top:18px;color:var(--green);font-size:clamp(15px,1.4vw,22px);font-weight:900;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 8px 30px rgba(0,0,0,.85)}
.story-tag{background:rgba(5,7,12,.48);border-color:rgba(255,255,255,.15);backdrop-filter:blur(14px);color:#fff}
.story-actions{justify-content:center;margin-top:30px}
.cinema-button{border-radius:999px;padding:0 24px;min-height:54px;transition:transform .25s ease,filter .25s ease,background .25s,border-color .25s}
.cinema-button.primary{box-shadow:0 16px 50px rgba(133,177,0,.18),0 0 0 1px rgba(210,255,0,.2)}
.story-progress{position:absolute;z-index:14;left:clamp(18px,4vw,58px);right:clamp(18px,4vw,58px);bottom:17px;height:2px;background:rgba(255,255,255,.12);overflow:hidden}
.story-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--green),#ffc72c,#744cff);box-shadow:0 0 18px rgba(210,255,0,.55)}
.story-skip{right:clamp(18px,4vw,58px);bottom:35px;color:rgba(255,255,255,.68);text-transform:uppercase;letter-spacing:.1em}
.scroll-hint{bottom:35px}
.after-story{overflow:hidden;background:radial-gradient(circle at 10% 12%,rgba(116,76,255,.08),transparent 25%),linear-gradient(180deg,#03050a,#080b11 20%,#05070c)}
.after-story:before{left:0;right:0;background:linear-gradient(90deg,transparent,var(--green),#744cff,transparent)}
.reveal-on-scroll{opacity:0;transform:translateY(54px);transition:opacity .8s var(--reveal-delay,0ms) ease,transform .9s var(--reveal-delay,0ms) cubic-bezier(.16,.8,.2,1)}
.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}
.editorial-intro{width:min(1260px,calc(100% - 40px));margin:0 auto;padding:clamp(110px,14vw,210px) 0 clamp(65px,8vw,110px);text-align:center}
.editorial-intro h2{max-width:1120px;margin:22px auto 0;font-size:clamp(58px,8.4vw,132px);line-height:.84;letter-spacing:-.085em;text-transform:uppercase;text-wrap:balance}
.editorial-intro p{margin:28px auto 0;color:#909aae;font-size:clamp(16px,1.5vw,21px)}
.game-showcase-list{width:min(1420px,calc(100% - 40px));margin:0 auto;display:grid;gap:clamp(80px,11vw,165px)}
.game-showcase-row{--tilt-x:0deg;--tilt-y:0deg;--spot-x:50%;--spot-y:50%;position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);align-items:center;gap:clamp(35px,7vw,110px);color:white;text-decoration:none;perspective:1100px;transform:translateY(54px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d}
.game-showcase-row.revealed{transform:translateY(0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}
.game-showcase-row:nth-child(even){grid-template-columns:minmax(310px,.55fr) minmax(0,1.45fr)}
.game-showcase-row:nth-child(even) .game-showcase-visual{order:2}
.game-showcase-row:nth-child(even) .game-showcase-copy{text-align:right;align-items:flex-end}
.game-showcase-visual{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:clamp(22px,3vw,42px);background:#090c13;box-shadow:0 45px 100px rgba(0,0,0,.42);transform:translateZ(16px)}
.game-showcase-visual:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--spot-x) var(--spot-y),rgba(255,255,255,.16),transparent 25%),linear-gradient(180deg,transparent 55%,rgba(2,4,8,.62));pointer-events:none}
.game-showcase-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.16,.82,.2,1),filter .45s}
.game-showcase-row:hover .game-showcase-visual img{transform:scale(1.045);filter:saturate(1.16) contrast(1.03)}
.game-showcase-number{position:absolute;z-index:2;left:24px;top:21px;font:900 clamp(14px,1.5vw,20px)/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#fff}
.game-showcase-glow{position:absolute;z-index:1;inset:auto 12% -55% 12%;height:65%;border-radius:50%;background:rgba(116,76,255,.38);filter:blur(60px);opacity:.55;transition:opacity .4s}
.game-showcase-row:hover .game-showcase-glow{opacity:.9}
.game-showcase-copy{display:flex;flex-direction:column;align-items:flex-start;transform:translateZ(32px)}
.game-showcase-copy>span{color:var(--green);font-size:12px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.game-showcase-copy h3{margin:12px 0 24px;font-size:clamp(54px,7vw,112px);line-height:.82;letter-spacing:-.08em;text-transform:uppercase}
.game-showcase-copy strong{display:flex;align-items:center;gap:12px;font-size:14px;text-transform:uppercase;letter-spacing:.08em}
.game-showcase-copy strong i{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;font-style:normal;background:var(--green);color:#10130a;transition:transform .3s}
.game-showcase-row:hover .game-showcase-copy strong i{transform:rotate(45deg) scale(1.08)}
.home-principles{width:min(1200px,calc(100% - 40px));margin:clamp(130px,15vw,230px) auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}
.home-principles article{padding:38px clamp(18px,3vw,42px);display:grid;gap:7px;text-align:center;position:relative}
.home-principles article+article:before{content:"";position:absolute;left:0;top:23%;bottom:23%;width:1px;background:rgba(255,255,255,.12)}
.home-principles strong{font-size:clamp(26px,3vw,42px);letter-spacing:-.05em;text-transform:uppercase}
.home-principles span{color:#7e899e;font-size:13px}
.community-editorial{width:min(1400px,calc(100% - 40px));margin:0 auto clamp(130px,15vw,220px)}
.community-editorial>header{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}
.community-editorial h2{margin:17px 0 10px;font-size:clamp(52px,7.3vw,112px);line-height:.85;letter-spacing:-.08em;text-transform:uppercase}
.community-editorial header p{margin:0;color:#8f99ad;font-size:17px}
.text-link{color:var(--green);text-decoration:none;font-weight:950;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.community-stream{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px}
.community-stream-item{--tilt-x:0deg;--tilt-y:0deg;display:block;text-decoration:none;color:#fff;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .35s ease}
.community-stream-item img{width:100%;aspect-ratio:16/10;display:block;object-fit:cover;border-radius:24px;box-shadow:0 25px 65px rgba(0,0,0,.32);transition:filter .35s,transform .5s}
.community-stream-item:hover img{filter:saturate(1.14);transform:translateY(-6px)}
.community-stream-item span{display:block;margin-top:18px;color:var(--green);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.community-stream-item h3{margin:7px 0 4px;font-size:clamp(22px,2.2vw,34px);letter-spacing:-.04em}
.community-stream-item p{margin:0;color:#788397;font-size:12px}
.community-first{min-height:260px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:40px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.community-first img{width:86px;height:86px;border-radius:50%;box-shadow:0 0 45px rgba(116,76,255,.32)}
.community-first h3{margin:0 0 6px;font-size:clamp(30px,4vw,54px);letter-spacing:-.055em}
.community-first p{margin:0;color:#8994a8}
.home-metrics{width:min(1100px,calc(100% - 40px));margin:0 auto clamp(130px,15vw,220px);display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,80px)}
.home-metrics div{text-align:center}
.home-metrics strong{display:block;font-size:clamp(52px,8vw,112px);line-height:.8;letter-spacing:-.085em}
.home-metrics span{display:block;margin-top:14px;color:#737e92;font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.home-metrics i{width:4px;height:4px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green)}
.home-final{position:relative;width:min(1180px,calc(100% - 40px));min-height:680px;margin:0 auto 120px;display:grid;place-content:center;justify-items:center;text-align:center;overflow:hidden;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.home-final>img{position:relative;z-index:2;width:96px;height:96px;border-radius:50%;box-shadow:0 0 70px rgba(116,76,255,.34)}
.home-final h2{position:relative;z-index:2;max-width:950px;margin:30px 0 15px;font-size:clamp(62px,8.5vw,126px);line-height:.82;letter-spacing:-.085em;text-transform:uppercase}
.home-final p{position:relative;z-index:2;margin:0;color:#8c96a9;font-size:17px}
.home-final .story-actions{position:relative;z-index:2}
.home-final-orbit{position:absolute;left:50%;top:50%;width:min(72vw,760px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(116,76,255,.18);animation:orbitSpin 22s linear infinite}
.home-final-orbit:before,.home-final-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(210,255,0,.11)}
.home-final-orbit:before{inset:14%}.home-final-orbit:after{inset:31%}
.home-final-orbit span{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 22px var(--green)}
.home-final-orbit span:nth-child(1){left:50%;top:-4px}.home-final-orbit span:nth-child(2){right:9%;bottom:20%;background:#744cff;box-shadow:0 0 22px #744cff}.home-final-orbit span:nth-child(3){left:12%;bottom:18%;background:#ffc72c;box-shadow:0 0 22px #ffc72c}
@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.home-nextlevel .site-footer{border-top:0}

@media(max-width:900px){
  .site-menu-panel{width:100%}.site-menu-links span{font-size:clamp(28px,7vw,50px)}
  .story-panel{left:22px!important;right:22px!important;top:auto!important;bottom:17vh!important;width:auto!important;text-align:left!important;transform:translate3d(0,var(--panel-shift),0)!important}
  .story-panel-2 h1,.story-panel-2 p,.story-panel-3 h1,.story-panel-3 p{margin-left:0;margin-right:0}
  .story-panel-3{text-align:center!important;bottom:10vh!important;transform:translate3d(0,var(--panel-shift),0)!important}
  .story-panel-3 h1,.story-panel-3 p{margin-inline:auto}
  .story-panel h1{font-size:clamp(54px,12vw,96px)}
  .game-showcase-row,.game-showcase-row:nth-child(even){grid-template-columns:1fr;gap:28px}
  .game-showcase-row:nth-child(even) .game-showcase-visual{order:0}
  .game-showcase-row:nth-child(even) .game-showcase-copy{text-align:left;align-items:flex-start}
  .game-showcase-copy h3{font-size:clamp(48px,12vw,86px)}
  .community-stream{grid-template-columns:1fr 1fr}.community-stream-item:first-child{grid-column:1/-1}
}
@media(max-width:640px){
  .site-header{padding:9px 12px}.site-brand span{display:none}.site-brand img{width:44px;height:44px}.site-menu-toggle{width:48px;height:48px;flex-basis:48px}
  .site-menu-panel{padding:17px}.site-menu-top{padding-bottom:17px}.site-menu-links{padding:20px 0}.site-menu-links a{grid-template-columns:30px 1fr auto;padding:11px 2px}.site-menu-links span{font-size:clamp(27px,9vw,42px)}.site-menu-footer>span{display:none}
  .scroll-cinema{height:330vh}.scroll-stage{min-height:560px}.scroll-video{transform:scale(var(--video-scale,1.04));object-position:center}
  .story-panel{bottom:20vh!important}.story-panel-3{bottom:11vh!important}.story-panel h1{font-size:clamp(48px,13vw,75px)}.story-panel p{font-size:12px;margin-top:13px}.story-tag{font-size:8px}.story-actions{gap:8px;margin-top:22px}.cinema-button{min-height:48px;padding:0 16px;font-size:12px}.story-skip{bottom:31px;font-size:9px}.scroll-hint{left:14px;bottom:31px}.scroll-hint b{display:none}.story-progress{left:14px;right:14px;bottom:14px}
  .editorial-intro{width:calc(100% - 28px);padding:95px 0 65px}.editorial-intro h2{font-size:clamp(47px,13vw,72px)}.editorial-intro p{font-size:15px}
  .game-showcase-list{width:calc(100% - 24px);gap:85px}.game-showcase-visual{border-radius:22px}.game-showcase-copy h3{font-size:clamp(46px,14vw,68px);margin-bottom:17px}
  .home-principles{width:calc(100% - 24px);grid-template-columns:1fr;margin:100px auto}.home-principles article{padding:25px}.home-principles article+article:before{left:20%;right:20%;top:0;bottom:auto;width:auto;height:1px}
  .community-editorial{width:calc(100% - 24px);margin-bottom:100px}.community-editorial>header{display:grid;gap:22px}.community-editorial h2{font-size:clamp(48px,13vw,70px)}.community-stream{grid-template-columns:1fr}.community-stream-item:first-child{grid-column:auto}.community-first{grid-template-columns:1fr;text-align:center;justify-items:center;padding:38px 12px}
  .home-metrics{width:calc(100% - 24px);gap:15px;margin-bottom:100px}.home-metrics strong{font-size:clamp(40px,13vw,62px)}.home-metrics span{font-size:8px;letter-spacing:.08em}
  .home-final{width:calc(100% - 24px);min-height:580px;margin-bottom:75px}.home-final h2{font-size:clamp(48px,13vw,72px)}.home-final p{font-size:15px;padding:0 15px}.home-final-orbit{width:120vw}
  .cursor-aura{display:none}
}
@media(prefers-reduced-motion:reduce){
  .cinema-scan,.story-particles,.home-final-orbit{animation:none}.reveal-on-scroll{opacity:1;transform:none}.game-showcase-row,.game-showcase-row.revealed{transform:none}.cursor-aura{display:none}
}

/* Patto Minigames v7 — clean cinematic homepage and glass navigation */
.clean-site-header{
  position:fixed;
  inset:0 0 auto 0;
  z-index:120;
  min-height:0;
  padding:18px clamp(18px,3vw,42px);
  justify-content:flex-end;
  background:transparent;
  border:0;
  backdrop-filter:none;
  pointer-events:none;
}
.clean-site-header .site-menu-toggle{pointer-events:auto;z-index:131}
.site-menu-open .clean-site-header{pointer-events:auto}
.site-menu-toggle{
  background:rgba(8,11,17,.46);
  border-color:rgba(255,255,255,.18);
  box-shadow:0 18px 50px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.1);
  backdrop-filter:blur(22px) saturate(1.25);
}
.site-menu-open .site-menu-toggle{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.26)}
.site-menu-overlay{display:grid;place-items:center;padding:20px}
.site-menu-backdrop{
  background:radial-gradient(circle at 75% 18%,rgba(107,60,255,.16),transparent 34%),rgba(2,4,9,.68);
  backdrop-filter:blur(24px) saturate(.9);
}
.site-menu-panel{
  position:relative;
  inset:auto;
  width:min(760px,calc(100vw - 32px));
  height:auto;
  max-height:min(820px,calc(100vh - 32px));
  padding:clamp(30px,6vh,64px) clamp(25px,6vw,72px) clamp(24px,4vh,38px);
  border:1px solid rgba(255,255,255,.16);
  border-radius:34px;
  background:
    radial-gradient(circle at 85% 5%,rgba(122,75,255,.18),transparent 34%),
    radial-gradient(circle at 8% 96%,rgba(210,255,0,.08),transparent 32%),
    linear-gradient(150deg,rgba(22,27,39,.70),rgba(7,9,15,.66));
  box-shadow:0 45px 150px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.09);
  backdrop-filter:blur(34px) saturate(1.25);
  transform:translateY(24px) scale(.94);
  opacity:0;
  transition:transform .46s cubic-bezier(.16,.86,.2,1),opacity .3s ease;
  overflow:auto;
}
.site-menu-overlay.open .site-menu-panel{transform:translateY(0) scale(1);opacity:1}
.site-menu-links{
  width:min(590px,100%);
  margin:auto;
  padding:0;
  display:grid;
  align-content:center;
  text-align:center;
}
.site-menu-links a{
  grid-template-columns:1fr auto;
  gap:18px;
  min-height:66px;
  padding:10px 12px;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.site-menu-links a:last-child{border-bottom:0}
.site-menu-links a:before{background:linear-gradient(90deg,transparent,rgba(210,255,0,.09),transparent)}
.site-menu-links span{
  justify-self:center;
  padding-left:35px;
  font-size:clamp(31px,5.7vh,58px);
  letter-spacing:-.055em;
}
.site-menu-links i{justify-self:end;font-size:22px}
.site-menu-links a:hover span{transform:translateX(0) scale(1.025)}
.site-menu-footer{
  justify-content:center;
  padding-top:24px;
  margin-top:30px;
}
.site-menu-languages{gap:12px}
.site-menu-languages a{
  width:52px;
  height:52px;
  min-width:52px;
  padding:0;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
  font-size:24px;
  filter:saturate(.85);
  transition:transform .2s,background .2s,border-color .2s,filter .2s;
}
.site-menu-languages a:hover,.site-menu-languages a.active{
  color:inherit;
  background:rgba(255,255,255,.11);
  border-color:rgba(210,255,0,.55);
  transform:translateY(-2px) scale(1.06);
  filter:saturate(1.15);
}

.clean-story .scroll-stage{background:#03050a}
.clean-story .cinema-overlay{
  background:linear-gradient(180deg,rgba(2,4,8,.12),transparent 25%,transparent 68%,rgba(2,4,8,.55));
}
.clean-loader{gap:0}
.clean-loader span{width:54px;height:54px}
.story-end-actions{
  position:absolute;
  z-index:14;
  left:50%;
  bottom:clamp(54px,9vh,94px);
  display:flex;
  justify-content:center;
  gap:12px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,24px) scale(.96);
  transition:opacity .45s ease,transform .55s cubic-bezier(.16,.86,.2,1),visibility .45s;
}
.story-end-actions.show{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate(-50%,0) scale(1);
}
.clean-story .story-progress{left:50%;right:auto;width:min(420px,calc(100% - 44px));transform:translateX(-50%);bottom:22px;opacity:.48}
.clean-after-story{padding-top:clamp(100px,11vw,180px)}
.clean-after-story .game-showcase-list{margin-top:0}
.game-showcase-copy h2{
  margin:12px 0 24px;
  font-size:clamp(54px,7vw,112px);
  line-height:.82;
  letter-spacing:-.08em;
  text-transform:uppercase;
}
.clean-templates{margin-top:clamp(140px,16vw,240px)}
.clean-templates>header{align-items:end}
.clean-templates h2{margin:0 0 12px}
.clean-community-empty{grid-template-columns:1fr auto}
.clean-final{
  min-height:420px;
  margin-bottom:80px;
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:0;
}
.clean-final .story-actions{margin:0;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.home-clean .site-footer{background:transparent}

@media(max-width:640px){
  .clean-site-header{padding:11px}
  .site-menu-overlay{padding:8px}
  .site-menu-panel{width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:76px 18px 24px;border-radius:26px}
  .site-menu-links a{min-height:58px;padding:8px}
  .site-menu-links span{padding-left:24px;font-size:clamp(29px,9vw,42px)}
  .site-menu-languages a{width:48px;height:48px;min-width:48px;font-size:22px}
  .story-end-actions{width:calc(100% - 26px);bottom:58px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .story-end-actions .cinema-button{min-width:0;padding:0 12px;text-align:center}
  .clean-story .story-progress{bottom:18px}
  .clean-after-story{padding-top:90px}
  .game-showcase-copy h2{font-size:clamp(46px,14vw,68px);margin-bottom:17px}
  .clean-community-empty{grid-template-columns:1fr;text-align:center;justify-items:center}
  .clean-final{min-height:330px}
  .clean-final .story-actions{display:grid;width:100%;padding:0 14px}
}


/* Patto Minigames v9 — mobile-first premium pass */
@media (max-width: 700px) {
  :root { --mobile-pad: 16px; }

  html { scroll-behavior: smooth; background: #05070c; }
  body { overscroll-behavior-y: none; -webkit-tap-highlight-color: transparent; }
  button, a, input, select, textarea { touch-action: manipulation; }

  /* Cinematic intro: full phone viewport, safer controls, cleaner crop */
  .clean-site-header { padding: max(12px, env(safe-area-inset-top)) 14px 0; }
  .site-menu-toggle {
    width: 52px; height: 52px; flex-basis: 52px;
    border-radius: 18px;
    background: rgba(10,13,20,.58);
    box-shadow: 0 16px 45px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.12);
  }
  .scroll-cinema { height: 300vh; }
  .scroll-stage { height: 100dvh; min-height: 0; }
  .scroll-video, .scroll-video-fallback {
    inset: 0; width: 100%; height: 100%;
    object-position: 50% 50%;
    transform: scale(var(--video-scale,1.08));
    filter: saturate(1.13) contrast(1.08) brightness(.88);
  }
  .cinema-vignette {
    background:
      radial-gradient(circle at 50% 45%, transparent 26%, rgba(2,3,8,.08) 54%, rgba(2,3,8,.72) 100%),
      linear-gradient(180deg, rgba(2,4,9,.18), transparent 25%, transparent 68%, rgba(2,4,9,.82));
  }
  .cinema-grain { opacity: .075; }
  .cinema-scan { opacity: .22; }
  .story-progress {
    left: 16px; right: 16px;
    bottom: max(12px, env(safe-area-inset-bottom));
    height: 2px;
  }
  .story-end-actions {
    width: calc(100% - 28px);
    left: 14px; right: 14px; bottom: max(38px, calc(env(safe-area-inset-bottom) + 28px));
    gap: 9px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .story-end-actions .cinema-button {
    width: 100%; min-width: 0; min-height: 54px; padding: 0 13px;
    border-radius: 17px; font-size: 11px; letter-spacing: .035em;
    justify-content: center;
    backdrop-filter: blur(18px);
  }
  .story-loader { transform: scale(.82); }

  /* Full-screen glass mobile menu */
  .site-menu-overlay { padding: 0; align-items: stretch; }
  .site-menu-backdrop {
    background:
      radial-gradient(circle at 80% 10%, rgba(116,76,255,.22), transparent 38%),
      radial-gradient(circle at 10% 92%, rgba(210,255,0,.08), transparent 36%),
      rgba(3,5,10,.72);
    backdrop-filter: blur(28px) saturate(1.15);
  }
  .site-menu-panel {
    width: 100%; max-height: none; height: 100dvh;
    border: 0; border-radius: 0;
    padding: calc(max(86px, env(safe-area-inset-top) + 76px)) 22px max(24px, env(safe-area-inset-bottom));
    background: linear-gradient(155deg, rgba(18,22,33,.72), rgba(5,7,12,.72));
    box-shadow: none;
    display: grid; grid-template-rows: 1fr auto;
  }
  .site-menu-links { width: 100%; align-content: center; }
  .site-menu-links a {
    min-height: 68px; padding: 8px 2px; gap: 12px;
    border-bottom-color: rgba(255,255,255,.08);
  }
  .site-menu-links span {
    font-size: clamp(34px, 11vw, 52px);
    line-height: .95; letter-spacing: -.055em;
  }
  .site-menu-links i { font-size: 18px; }
  .site-menu-footer { padding-top: 18px; justify-content: center; }
  .language-flags { justify-content: center; gap: 12px; }
  .language-flags a {
    width: 50px; height: 50px; border-radius: 16px;
    font-size: 24px; display: grid; place-items: center;
    background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.09);
  }

  /* Homepage becomes an editorial swipe-like feed instead of desktop cards */
  .after-story { overflow: hidden; }
  .game-showcase-list {
    width: 100%; gap: 0; padding: 0;
  }
  .game-showcase-row, .game-showcase-row:nth-child(even) {
    min-height: 86dvh;
    padding: 64px var(--mobile-pad);
    grid-template-columns: 1fr;
    gap: 26px;
    border-bottom: 1px solid rgba(255,255,255,.08);
    position: relative;
  }
  .game-showcase-row:before {
    content: "";
    position: absolute; inset: 8% -40% auto;
    height: 55%; border-radius: 50%;
    background: radial-gradient(circle, rgba(116,76,255,.12), transparent 65%);
    filter: blur(25px); pointer-events: none;
  }
  .game-showcase-visual {
    width: 100%; aspect-ratio: 4/5; max-height: 58dvh;
    border-radius: 28px; overflow: hidden;
    box-shadow: 0 30px 80px rgba(0,0,0,.48);
  }
  .game-showcase-visual img { width: 100%; height: 100%; object-fit: cover; }
  .game-showcase-copy, .game-showcase-row:nth-child(even) .game-showcase-copy {
    text-align: left; align-items: flex-start; padding: 0 4px;
  }
  .game-showcase-copy > span { font-size: 11px; letter-spacing: .08em; }
  .game-showcase-copy h2, .game-showcase-copy h3 {
    font-size: clamp(48px, 15vw, 74px);
    line-height: .86; margin: 9px 0 19px;
    letter-spacing: -.075em;
  }
  .game-showcase-copy strong { font-size: 12px; }

  .community-editorial {
    width: 100%; margin: 0; padding: 96px var(--mobile-pad);
    border-bottom: 1px solid rgba(255,255,255,.08);
  }
  .community-editorial > header { gap: 18px; margin-bottom: 32px; }
  .community-editorial h2 {
    font-size: clamp(48px, 15vw, 72px);
    line-height: .86; margin: 0;
  }
  .community-editorial header p { font-size: 14px; line-height: 1.55; }
  .text-link { font-size: 11px; }
  .community-stream {
    display: flex; overflow-x: auto; gap: 13px;
    margin: 0 calc(var(--mobile-pad) * -1);
    padding: 0 var(--mobile-pad) 14px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .community-stream::-webkit-scrollbar { display: none; }
  .community-stream-item, .community-stream-item:first-child {
    flex: 0 0 82vw; grid-column: auto; scroll-snap-align: center;
  }
  .community-stream-item img { aspect-ratio: 4/3; border-radius: 22px; }
  .community-stream-item span { margin-top: 14px; }
  .community-stream-item h3 { font-size: 26px; }
  .community-first { min-height: 0; border-radius: 24px; padding: 30px 20px; background: rgba(255,255,255,.025); }

  .home-metrics {
    width: 100%; margin: 0; padding: 84px 18px;
    display: grid; grid-template-columns: repeat(3,1fr); gap: 8px;
    border-bottom: 1px solid rgba(255,255,255,.08);
  }
  .home-metrics i { display: none; }
  .home-metrics strong { font-size: clamp(34px, 11vw, 54px); }
  .home-metrics span { margin-top: 10px; font-size: 8px; }

  .home-final {
    width: 100%; min-height: 68dvh; margin: 0; padding: 80px 16px max(80px, env(safe-area-inset-bottom));
    border: 0;
  }
  .home-final .story-actions {
    width: 100%; display: grid; grid-template-columns: 1fr; gap: 10px;
  }
  .home-final .cinema-button {
    width: 100%; min-height: 62px; border-radius: 20px; justify-content: center;
  }

  /* General public pages */
  .content-shell { width: calc(100% - 24px); margin: 78px auto 28px; }
  .hero-card, .legal-card, .dashboard-card { padding: 20px 17px; border-radius: 22px; }
  .hero-card h1, .legal-card h1, .dashboard-card h1 { font-size: clamp(38px, 12vw, 58px); line-height: .92; }
  .filter-row { position: sticky; top: 10px; z-index: 20; padding: 10px; margin-inline: -4px; border-radius: 18px; background: rgba(7,9,14,.72); backdrop-filter: blur(20px); }
  .template-grid { display: flex; overflow-x: auto; gap: 12px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .template-grid::-webkit-scrollbar { display:none; }
  .template-card { flex: 0 0 86vw; scroll-snap-align: center; border-radius: 22px; }
  .manage-card { padding: 11px; border-radius: 20px; }
  .manage-card > img { min-height: 0; aspect-ratio: 16/10; }
  .profile-layout { gap: 14px; }
  .profile-preview { position: relative; padding: 18px; }
  .profile-preview img { width: 116px; height: 116px; border-radius: 28px; }
  .public-profile { display: grid; grid-template-columns: 76px 1fr; gap: 14px; }
  .public-profile > img { width: 76px; height: 76px; border-radius: 22px; }
  .public-profile h1 { font-size: 34px; overflow-wrap: anywhere; }
  .row { flex-wrap: wrap; }
  .row > .btn, .row > .button { flex: 1 1 140px; }
  .field, .textarea, select { font-size: 16px; } /* prevents iOS auto zoom */
  .toast { left: 12px; right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); max-width: none; }
}

/* Mobile studio shell — bottom-sheet navigation and thumb-friendly game area */
@media (max-width: 700px) {
  body.studio-mobile, body:has(.game-frame) { background: #05070c; }
  .game-frame {
    position: fixed !important; inset: 0 !important;
    width: 100% !important; height: 100dvh !important;
  }
  .menu-button {
    left: 12px !important;
    top: max(12px, env(safe-area-inset-top)) !important;
    width: 52px !important; height: 52px !important;
    border-radius: 18px !important;
    background: rgba(8,11,17,.62) !important;
    backdrop-filter: blur(20px) saturate(1.25);
    box-shadow: 0 14px 42px rgba(0,0,0,.4) !important;
  }
  .scrim { backdrop-filter: blur(10px); background: rgba(2,4,9,.55) !important; }
  .menu-panel {
    left: 8px !important; right: 8px !important;
    top: auto !important; bottom: max(8px, env(safe-area-inset-bottom)) !important;
    width: auto !important; height: min(82dvh, 760px) !important;
    border-radius: 30px !important;
    padding: 18px 16px 20px !important;
    background:
      radial-gradient(circle at 85% 0%, rgba(116,76,255,.18), transparent 36%),
      linear-gradient(160deg, rgba(20,25,36,.96), rgba(8,11,17,.97)) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    box-shadow: 0 -25px 90px rgba(0,0,0,.58) !important;
    transform: translateY(calc(100% + 24px)) !important;
    transition: transform .42s cubic-bezier(.16,.86,.2,1) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }
  .menu-panel.open { transform: translateY(0) !important; }
  .menu-panel:before {
    content:""; display:block; width:44px; height:4px; margin:0 auto 15px;
    border-radius:99px; background:rgba(255,255,255,.18);
  }
  .menu-head { position: sticky; top: -18px; z-index: 4; padding: 12px 0 14px; background: linear-gradient(180deg, #131824 72%, transparent); }
  .menu-logo { width: 46px !important; height: 46px !important; }
  .menu-title { font-size: 15px !important; }
  .menu-sub { font-size: 10px !important; }
  .menu-close { width: 44px !important; height: 44px !important; border-radius: 15px !important; }
  .games { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 8px !important; }
  .game-card {
    min-width: 0 !important; padding: 10px 7px !important; border-radius: 17px !important;
    grid-template-columns: 1fr !important; justify-items: center; text-align: center; gap: 7px !important;
  }
  .game-icon { width: 44px !important; height: 44px !important; border-radius: 14px !important; }
  .game-card small { display: none !important; }
  .game-card strong { font-size: 10px !important; line-height: 1.15; }
  .actions { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
  .action { min-height: 50px !important; border-radius: 16px !important; font-size: 11px !important; }
  .account { border-radius: 18px !important; }
  .modal { align-items: end !important; padding: 8px !important; }
  .modal-card {
    width: 100% !important; max-height: 88dvh; overflow-y: auto;
    border-radius: 30px 30px 22px 22px !important;
    padding: 24px 17px max(22px, env(safe-area-inset-bottom)) !important;
  }
  .modal-card h2 { font-size: 27px !important; }
  .modal-card .row { display: grid !important; grid-template-columns: 1fr 1fr; }
  .modal-card .btn { min-height: 52px; border-radius: 16px; }
}
.language-flags img{width:27px;height:18px;display:block;border-radius:4px;box-shadow:0 2px 8px #0005}.language-flags a{display:grid;place-items:center}


/* V23 global notices and update UX */
.platform-notice{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:18px;opacity:0;pointer-events:none;transition:opacity .22s ease}
.platform-notice.show{opacity:1;pointer-events:auto}.platform-notice.closing{opacity:0;pointer-events:none}
.platform-notice-backdrop{position:absolute;inset:0;background:rgba(2,4,9,.72);backdrop-filter:blur(24px) saturate(1.12)}
.platform-notice-card{position:relative;z-index:2;width:min(500px,100%);padding:34px 28px 28px;text-align:center;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:radial-gradient(circle at 50% 0%,rgba(116,76,255,.18),transparent 42%),linear-gradient(155deg,rgba(21,25,36,.99),rgba(7,10,16,.99));box-shadow:0 36px 110px rgba(0,0,0,.68);transform:translateY(12px) scale(.98);transition:transform .25s cubic-bezier(.2,.85,.2,1)}
.platform-notice.show .platform-notice-card{transform:none}
.platform-notice-mark{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 18px;border-radius:20px;background:rgba(210,255,0,.11);border:1px solid rgba(210,255,0,.25)}
.platform-notice-mark:after{content:"";width:17px;height:17px;border-radius:50%;background:#d2ff00;box-shadow:0 0 25px rgba(210,255,0,.55)}
.platform-notice.tone-danger .platform-notice-card{background:radial-gradient(circle at 50% 0%,rgba(255,77,103,.18),transparent 42%),linear-gradient(155deg,rgba(21,25,36,.99),rgba(7,10,16,.99))}
.platform-notice.tone-danger .platform-notice-mark{background:rgba(255,77,103,.12);border-color:rgba(255,77,103,.3)}
.platform-notice.tone-danger .platform-notice-mark:after{background:#ff4d67;box-shadow:0 0 25px rgba(255,77,103,.5)}
.platform-notice-card h2{margin:0;font-size:clamp(31px,5vw,48px);line-height:.94;letter-spacing:-.055em}
.platform-notice-card p{max-width:380px;margin:16px auto 25px;color:#9aa5b8;font-size:14px;line-height:1.65}
.platform-notice-button{min-width:210px;min-height:54px;border:0;border-radius:17px;padding:0 22px;background:#d2ff00;color:#111;font-weight:1000;cursor:pointer}
.platform-notice-button:disabled{opacity:.6}
@media(max-width:700px){.platform-notice{align-items:end;padding:8px}.platform-notice-card{width:100%;padding:30px 18px max(24px,env(safe-area-inset-bottom));border-radius:30px 30px 20px 20px}.platform-notice-button{width:100%}}

/* V23 Stability Center */
.admin-brand-dot{width:34px;height:34px;border-radius:12px;background:#d2ff00;box-shadow:0 0 24px rgba(210,255,0,.28)}.admin-side>a b{margin-left:auto;padding:3px 7px;border-radius:99px;background:#ff4d67;color:#fff;font-size:9px}.health-summary{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-radius:18px;margin-bottom:14px;border:1px solid #ffffff12;background:#ffffff05}.health-summary.healthy strong{color:#d2ff00}.health-summary.unhealthy strong{color:#ff6b82}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.health-card{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #ffffff10;border-radius:17px;background:#ffffff04}.health-card>span{width:12px;height:12px;border-radius:50%;background:#ff4d67;box-shadow:0 0 16px #ff4d6750}.health-card.ok>span{background:#d2ff00;box-shadow:0 0 16px #d2ff0050}.health-card strong,.health-card small{display:block}.health-card small{margin-top:3px;color:#7f899b}.platform-settings{display:grid;gap:12px;margin-top:18px;padding:20px;border:1px solid #ffffff10;border-radius:20px;background:#ffffff04}.platform-settings label{display:flex;gap:10px;align-items:center;color:#aab3c3}.error-list{display:grid;gap:10px}.error-card{padding:17px;border:1px solid #ffffff10;border-left:4px solid #788397;border-radius:17px;background:#ffffff04}.error-card.severity-critical{border-left-color:#ff365d}.error-card.severity-error{border-left-color:#ff7a55}.error-card.severity-warning{border-left-color:#ffd45f}.error-card header{display:flex;justify-content:space-between;color:#7f899c;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.error-card h2{font-size:18px;margin:10px 0}.error-card p{color:#9aa5b8;font-size:11px}.admin-toolbar,.admin-user-actions,.moderation-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.test-suite{max-width:1200px}.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.test-card{padding:20px;border:1px solid #ffffff10;border-radius:20px;background:#ffffff05}.test-card>span{display:block;width:11px;height:11px;border-radius:50%;background:#d2ff00}.test-card h2{font-size:23px}.test-card label{display:block;margin-top:14px;color:#9aa5b8;font-size:11px}.device-diagnostics{margin-top:18px;padding:20px;border:1px solid #ffffff10;border-radius:20px;background:#ffffff04}.device-diagnostics div{white-space:pre-wrap;font-family:monospace;color:#aab4c5}
@media(max-width:900px){.health-grid,.test-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.health-grid,.test-grid{grid-template-columns:1fr}.admin-content{padding:22px 14px}.admin-content>h1{font-size:45px}.admin-side{padding:10px}.admin-side>a{white-space:nowrap}}

/* V26 Upload Lab */
.upload-lab{position:relative;display:grid;grid-template-columns:minmax(330px,.85fr) 1.15fr;gap:14px;margin-bottom:48px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:30px;background:radial-gradient(circle at 22% 30%,rgba(210,255,0,.08),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));box-shadow:0 30px 90px rgba(0,0,0,.25);overflow:hidden}.upload-lab:before{content:"";position:absolute;inset:-40%;pointer-events:none;background:conic-gradient(from 90deg,transparent,rgba(210,255,0,.08),transparent 18%);animation:uploadLabGlow 11s linear infinite}.upload-lab-drop,.upload-lab-queue{position:relative;z-index:1}.upload-lab-drop{min-height:310px;display:grid;place-items:center;align-content:center;gap:7px;padding:28px;border:1px dashed rgba(255,255,255,.22);border-radius:23px;background:rgba(5,8,13,.68);text-align:center;cursor:pointer;overflow:hidden;transition:.3s cubic-bezier(.2,.85,.2,1)}.upload-lab-drop:after{content:"";position:absolute;left:-20%;right:-20%;top:-20%;height:42%;background:linear-gradient(180deg,transparent,rgba(210,255,0,.09),transparent);transform:translateY(-120%);animation:uploadScan 4.8s ease-in-out infinite}.upload-lab.dragging .upload-lab-drop{transform:scale(1.015);border-color:#d2ff00;background:rgba(210,255,0,.07);box-shadow:inset 0 0 60px rgba(210,255,0,.07),0 0 45px rgba(210,255,0,.12)}.upload-lab-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-lab-drop strong{font-size:25px;letter-spacing:-.04em}.upload-lab-drop p{margin:0;color:#9ba6b8}.upload-lab-drop small{color:#667286}.upload-orbit{position:relative;width:104px;height:104px;display:grid;place-items:center;margin-bottom:13px}.upload-orbit i{position:absolute;inset:0;border:1px solid rgba(210,255,0,.28);border-radius:50%;animation:uploadOrbit 5s linear infinite}.upload-orbit i:nth-child(2){inset:13px;border-color:rgba(116,76,255,.38);animation-direction:reverse;animation-duration:3.8s}.upload-orbit i:nth-child(3){inset:27px;border-color:rgba(255,255,255,.18);animation-duration:2.6s}.upload-orbit i:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#d2ff00;top:-4px;left:50%;box-shadow:0 0 18px rgba(210,255,0,.75)}.upload-orbit b{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:#d2ff00;color:#111;font-size:27px;box-shadow:0 12px 30px rgba(210,255,0,.2)}.upload-lab-queue{display:grid;align-content:start;gap:9px;max-height:390px;overflow:auto;min-height:310px;padding:3px}.upload-lab-queue:empty:before{content:"Je uploadwachtrij verschijnt hier";min-height:300px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.07);border-radius:23px;color:#667286;background:rgba(7,10,16,.42)}.upload-job{--upload-progress:0%;position:relative;display:grid;grid-template-columns:74px minmax(0,1fr) 48px;gap:13px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(7,10,16,.84);animation:uploadJobIn .35s cubic-bezier(.2,.85,.2,1) both;overflow:hidden}.upload-job-preview{position:relative;width:74px;height:64px;border-radius:13px;overflow:hidden;background:#10151e}.upload-job-preview img{width:100%;height:100%;object-fit:cover}.upload-job-scan{position:absolute;inset:0;background:linear-gradient(180deg,transparent 10%,rgba(210,255,0,.32),transparent 52%);transform:translateY(-100%);animation:uploadPreviewScan 1.5s ease-in-out infinite}.upload-job-copy{min-width:0}.upload-job-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-job-copy small{display:block;margin-top:3px;color:#8792a5}.upload-job-progress{height:5px;margin:9px 0 7px;border-radius:99px;background:#ffffff0b;overflow:hidden}.upload-job-progress i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#754cff,#d2ff00);box-shadow:0 0 15px rgba(210,255,0,.35);transition:width .18s linear}.upload-job-steps{display:flex;gap:9px}.upload-job-steps span{font-size:8px;color:#566175;text-transform:uppercase;letter-spacing:.06em}.upload-job-steps span.active{color:#d2ff00}.upload-job>b{font-size:12px;color:#b5bfd0;text-align:right}.upload-job.complete{border-color:rgba(210,255,0,.28)}.upload-job.complete .upload-job-scan{animation:none;opacity:0}.upload-job.complete>b{color:#d2ff00}.upload-job.complete:after{content:"✓";position:absolute;right:16px;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#d2ff00;color:#111;transform:scale(0);animation:uploadDone .45s .12s cubic-bezier(.2,1.5,.4,1) forwards}.upload-job.failed{border-color:rgba(255,77,103,.35)}.upload-job.failed>b{color:#ff6b82}.upload-job.failed .upload-job-progress i{background:#ff4d67}.upload-job.settled>b{opacity:0}.upload-lab-hero em{font-style:normal;color:#d2ff00}.media-hero-stats{display:grid;gap:9px;min-width:220px}.media-hero-stats>span{display:flex;justify-content:space-between;gap:18px;color:#8792a5;font-size:11px}.media-hero-stats strong{color:#fff;font-size:18px}.media-library-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 18px}.media-library-head h2{font-size:45px;letter-spacing:-.055em;margin:8px 0 0}.media-library-head p{max-width:420px;color:#8792a5;line-height:1.6}.media-card-visual{position:relative}.media-card-visual span{position:absolute;right:9px;top:9px;padding:6px 8px;border-radius:99px;background:rgba(5,8,13,.76);backdrop-filter:blur(12px);font-size:8px;font-weight:900;text-transform:uppercase;color:#d2ff00}.media-card.just-added{animation:mediaAdded .65s cubic-bezier(.2,1.1,.2,1) both}.media-card.removing{opacity:0;transform:scale(.92);transition:.25s}
@keyframes uploadOrbit{to{transform:rotate(360deg)}}@keyframes uploadScan{0%,35%{transform:translateY(-120%)}70%,100%{transform:translateY(420%)}}@keyframes uploadPreviewScan{0%{transform:translateY(-100%)}100%{transform:translateY(130%)}}@keyframes uploadLabGlow{to{transform:rotate(360deg)}}@keyframes uploadJobIn{from{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes uploadDone{to{transform:scale(1)}}@keyframes mediaAdded{from{opacity:0;transform:translateY(-18px) scale(.92)}}
@media(max-width:850px){.upload-lab{grid-template-columns:1fr}.upload-lab-drop{min-height:260px}.upload-lab-queue{min-height:0;max-height:360px}.upload-lab-queue:empty:before{min-height:120px}.media-hero-stats{margin-top:22px}.media-library-head{display:block}.media-library-head p{margin-top:12px}}@media(max-width:550px){.upload-job{grid-template-columns:58px minmax(0,1fr) 36px}.upload-job-preview{width:58px;height:55px}.upload-job-steps{display:none}.upload-lab{padding:8px;border-radius:23px}.upload-lab-drop{padding:21px}.upload-lab-drop strong{font-size:22px}}


/* V29 realtime presence */
.online-now-card{position:relative;overflow:hidden;border-color:rgba(210,255,0,.24)!important;background:radial-gradient(circle at 100% 0%,rgba(210,255,0,.14),transparent 50%),rgba(255,255,255,.045)!important}
.online-now-card:after{content:"";position:absolute;right:18px;top:18px;width:10px;height:10px;border-radius:50%;background:#d2ff00;box-shadow:0 0 0 7px rgba(210,255,0,.08),0 0 24px rgba(210,255,0,.55);animation:presencePulse 1.9s ease-in-out infinite}
.online-now-card small{display:block;margin-top:7px;color:#83909f;font-size:9px}
.presence-panel{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr);gap:18px;align-items:center;margin:14px 0;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(135deg,rgba(210,255,0,.055),rgba(255,255,255,.025))}
.presence-panel>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.presence-panel>div:first-child small{grid-column:2;color:#778294;line-height:1.5;margin-top:4px}
.live-presence-dot{width:13px;height:13px;border-radius:50%;background:#d2ff00;box-shadow:0 0 20px rgba(210,255,0,.5)}
.presence-pages{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.presence-pages span{display:flex;align-items:center;gap:8px;max-width:220px;padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#070a10}.presence-pages b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9aa5b7;font-size:9px}.presence-pages i{display:grid;place-items:center;min-width:22px;height:22px;border-radius:8px;background:#d2ff00;color:#111;font-size:9px;font-style:normal;font-weight:1000}
@keyframes presencePulse{50%{opacity:.55;transform:scale(.82)}}
@media(max-width:760px){.presence-panel{grid-template-columns:1fr}.presence-pages{justify-content:flex-start}}

/* V47 Pro full-page branding */
body.pro-branded-page,body[style*="--brand-bg"]{color:var(--brand-text,var(--text))}
.site-active-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--brand-text,#fff);font-weight:1000;letter-spacing:-.03em;z-index:101}.site-active-brand img{width:45px;height:45px;border-radius:14px;object-fit:contain;background:rgba(255,255,255,.06);padding:3px;border:1px solid rgba(255,255,255,.12)}.site-active-brand span{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-domain-site,.pro-branded-page{background:radial-gradient(circle at 72% 7%,color-mix(in srgb,var(--brand-accent) 16%,transparent),transparent 31%),var(--brand-bg)!important;color:var(--brand-text)!important}.custom-domain-site .site-header,.pro-branded-page .site-header{background:color-mix(in srgb,var(--brand-bg) 78%,transparent);border-color:color-mix(in srgb,var(--brand-accent) 18%,transparent)}.custom-domain-site .button.primary,.pro-branded-page .button.primary{background:var(--brand-button);color:var(--brand-button-text)}.custom-domain-site .hero-card,.custom-domain-site .dashboard-card,.custom-domain-site .stat-card,.pro-branded-page .hero-card,.pro-branded-page .dashboard-card,.pro-branded-page .stat-card{background:color-mix(in srgb,var(--brand-surface) 92%,black);color:var(--brand-text)}.custom-domain-site .eyebrow,.pro-branded-page .eyebrow{color:var(--brand-accent);background:color-mix(in srgb,var(--brand-accent) 12%,transparent)}
@media(max-width:700px){.site-active-brand span{display:none}.site-active-brand img{width:42px;height:42px}.site-active-brand{left:50%}}
.clean-site-header .site-active-brand{pointer-events:auto}

/* V49 unified header account action */
.site-header-actions{margin-left:auto;display:flex;align-items:center;gap:9px;pointer-events:auto;z-index:132}.site-account-button{min-height:48px;display:flex;align-items:center;gap:9px;padding:4px 12px 4px 4px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(7,10,15,.72);backdrop-filter:blur(18px);color:#fff;text-decoration:none;box-shadow:0 16px 45px rgba(0,0,0,.28)}.site-account-button img{width:38px;height:38px;border-radius:12px;object-fit:cover;background:#111722}.site-account-button span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:950}.home-cinematic .site-header{display:flex!important;pointer-events:none;background:transparent!important;backdrop-filter:none!important}.home-cinematic .site-header:after{display:none!important}.home-cinematic .site-header-actions{pointer-events:auto}.home-cinematic .site-active-brand{pointer-events:auto}
@media(max-width:700px){.site-account-button{width:48px;padding:4px}.site-account-button span{display:none}.site-account-button img{width:38px;height:38px}.site-header-actions{gap:7px}}

/* V50 account dropdown */
.site-account-menu{position:relative}.site-account-menu>summary{list-style:none}.site-account-menu>summary::-webkit-details-marker{display:none}.site-account-button i{font-style:normal;color:#8894a6}.site-account-dropdown{position:absolute;z-index:150;right:0;top:56px;width:240px;padding:9px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(7,10,15,.95);backdrop-filter:blur(24px);box-shadow:0 28px 80px rgba(0,0,0,.5);display:grid;gap:5px}.site-account-dropdown:before{content:"";position:absolute;right:22px;top:-7px;width:13px;height:13px;transform:rotate(45deg);background:#0a0e15;border-left:1px solid rgba(255,255,255,.12);border-top:1px solid rgba(255,255,255,.12)}.site-account-dropdown a{min-height:42px;padding:0 12px;border-radius:11px;display:flex;align-items:center;justify-content:space-between;color:#d7deea;text-decoration:none;font-size:10px;font-weight:900}.site-account-dropdown a:hover{background:rgba(210,255,0,.1);color:#fff}.site-account-dropdown a i{font-style:normal;color:#d2ff00}.account-points{padding:13px;border-radius:13px;background:linear-gradient(145deg,rgba(210,255,0,.14),rgba(255,255,255,.035));margin-bottom:3px}.account-points small,.account-points strong{display:block}.account-points small{color:#9da8b8;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.account-points strong{margin-top:5px;font-size:26px;letter-spacing:-.04em}.account-points strong span{color:#d2ff00;font-size:14px}.site-account-menu[open] .site-account-button{border-color:rgba(210,255,0,.3);background:rgba(210,255,0,.08)}
@media(max-width:700px){.site-account-button span{display:none}.site-account-dropdown{position:fixed;left:10px;right:10px;top:72px;width:auto}.site-account-dropdown:before{display:none}}


/* Account hover menu */
.site-account-menu{position:relative}
.site-account-dropdown{display:grid!important;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.98);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.site-account-menu:hover .site-account-dropdown,.site-account-menu:focus-within .site-account-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.site-account-dropdown:before{display:none!important}
.site-account-button i{display:none!important}
.site-account-button{cursor:pointer}
@media(max-width:700px){.site-account-dropdown{position:fixed;left:10px;right:10px;top:72px;width:auto}}

/* V52 account, verification and media drag polish */
.site-account-menu{padding-bottom:10px;margin-bottom:-10px}
.site-account-dropdown{top:50px}
.site-account-dropdown:before{content:"";position:absolute;left:0;right:0;top:-12px;height:14px}
.patto-verified-badge{--verified-color:var(--creator-accent,var(--brand-accent,#3b8fe4));display:inline-grid!important;place-items:center!important;width:.92em!important;height:.92em!important;min-width:.92em!important;margin-left:.18em!important;vertical-align:-.02em!important;border-radius:50%!important;color:#fff!important;background:var(--verified-color)!important;clip-path:polygon(50% 0,60% 5%,72% 3%,80% 12%,92% 16%,97% 28%,100% 40%,97% 50%,100% 62%,95% 74%,88% 84%,80% 92%,68% 97%,56% 100%,44% 100%,32% 97%,20% 92%,12% 84%,5% 74%,0 62%,3% 50%,0 40%,3% 28%,8% 16%,20% 12%,28% 3%,40% 5%);font-size:.74em!important;font-weight:1000!important;line-height:1!important;filter:drop-shadow(0 7px 14px color-mix(in srgb,var(--verified-color) 42%,transparent));text-shadow:none!important;transform:none!important}
.patto-verified-badge:before{content:"✓";display:block;transform:translateY(-.01em);font-family:Arial,sans-serif;font-size:.8em;line-height:1;font-weight:1000;color:#fff}
.patto-verified-badge[data-light-check="1"]:before{color:#fff}
.studio-media-item{transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .18s,filter .18s,box-shadow .22s}
.studio-media-item.is-dragging{opacity:.35;transform:scale(.92);filter:saturate(.65)}
body.media-dragging #gameFrame{transform:scale(.992);filter:saturate(1.08);box-shadow:0 0 0 2px rgba(210,255,0,.22),0 24px 80px rgba(0,0,0,.42);transition:.22s cubic-bezier(.2,.8,.2,1)}
.media-drag-ghost{position:fixed;left:-9999px;top:-9999px;z-index:9999;width:160px;padding:8px;border:1px solid rgba(210,255,0,.52);border-radius:17px;background:rgba(7,10,15,.96);box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 35px rgba(210,255,0,.18);display:flex;align-items:center;gap:9px;color:#fff;font-size:11px;font-weight:900;pointer-events:none;transform:rotate(-3deg)}
.media-drag-ghost img{width:48px;height:48px;border-radius:11px;object-fit:contain;background:#fff}
.media-drag-ghost:after{content:"SLEEP NAAR HET SPEL";position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);white-space:nowrap;color:var(--green,#d2ff00);font-size:7px;letter-spacing:.12em}
@media(max-width:720px){.site-account-menu{padding-bottom:0;margin-bottom:0}.site-account-dropdown{top:48px}}

/* V99 footer: an open site ending instead of another boxed panel. */
.site-page>.site-footer{
 margin:44px 0 0!important;padding:40px max(24px,5vw) 34px!important;
 border:0!important;border-top:1px solid rgba(255,255,255,.1)!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;overflow:visible
}
.site-page>.site-footer:after{height:1px;opacity:.42}
@media(max-width:480px){
 .site-page>.site-footer{margin:30px 0 0!important;padding:30px 20px!important;border-radius:0!important}
}

/* V105.3 — quiet, dismissible ad inventory. Real ad units reuse these
   positions; orange blocks make the footprint visible during development. */
.ad-slot{
 position:relative;width:min(1080px,calc(100% - 32px));min-height:118px;
 margin:34px auto;padding:24px 44px 18px 18px;
 border:1px solid rgba(255,255,255,.1);border-radius:0;
 background:rgba(12,17,25,.72);overflow:hidden;
 transition:opacity .22s,transform .26s cubic-bezier(.16,.86,.2,1)
}
.ad-slot>span{position:absolute;left:11px;top:8px;color:#6f7b8c;font:850 6px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;text-transform:uppercase}
.ad-slot>[data-ad-dismiss]{position:absolute;right:7px;top:7px;width:30px;height:30px;border:1px solid rgba(255,255,255,.13);border-radius:0;background:#080d13;color:#b3bdca;cursor:pointer}
.ad-slot>[data-ad-dismiss]:hover{border-color:var(--brand-accent,var(--green));color:var(--brand-accent,var(--green))}
.ad-slot.is-dismissing{opacity:0;transform:scaleY(.82)}
.ad-slot-placeholder{min-height:136px;display:grid;place-items:center;align-content:center;gap:7px;border-color:rgba(255,139,36,.38);background:linear-gradient(rgba(255,139,36,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,139,36,.045) 1px,transparent 1px),rgba(12,17,25,.76);background-size:24px 24px}
.ad-slot-placeholder>b{width:68px;height:68px;display:grid;place-items:center;border:2px solid #ff8b24;background:#ff8b24;color:#1b0b00;font:1000 18px/1 Inter,sans-serif;box-shadow:0 0 38px rgba(255,139,36,.16)}
.ad-slot-placeholder>small{color:#ffad61;font:900 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}
.clean-site-header+.ad-slot{margin-top:18px;margin-bottom:18px}
@media(max-width:600px){
 .ad-slot{width:calc(100% - 20px);min-height:108px;margin-block:22px}
 .ad-slot-placeholder>b{width:58px;height:58px;font-size:15px}
}

/* V106.1 — elastic cursor with a velocity trail; native controls stay usable. */
.patto-motion-cursor{position:fixed;left:0;top:0;width:0;height:0;z-index:2147483000;pointer-events:none;opacity:0;transition:opacity .14s;contain:layout style;mix-blend-mode:normal;will-change:transform}
.patto-motion-cursor.visible{opacity:1}
.patto-motion-cursor>i{position:absolute;left:0;top:0;width:30px;height:30px;transform:translate(calc(-50% + var(--cursor-lag-x,0px)),calc(-50% + var(--cursor-lag-y,0px))) rotate(var(--cursor-angle,0deg)) scaleX(var(--cursor-stretch,1));border:1px solid color-mix(in srgb,var(--brand-accent,#d2ff00) 78%,#fff);border-radius:50%;box-shadow:0 0 18px color-mix(in srgb,var(--brand-accent,#d2ff00) 22%,transparent);transition:width .13s,height .13s,border-radius .13s,background .13s,box-shadow .13s;will-change:width,height,border-radius,transform}
.patto-motion-cursor>b{position:absolute;left:0;top:0;width:5px;height:5px;transform:translate(-50%,-50%);border-radius:50%;background:var(--brand-accent,#d2ff00);opacity:calc(.18 + var(--cursor-trail,0)*.62);box-shadow:0 0 13px color-mix(in srgb,var(--brand-accent,#d2ff00) 55%,transparent)}
.patto-motion-cursor.interactive>i{width:38px;height:38px;border-radius:7px;background:color-mix(in srgb,var(--brand-accent,#d2ff00) 10%,#05080d 12%);box-shadow:0 0 18px color-mix(in srgb,var(--brand-accent,#d2ff00) 20%,transparent)}
.patto-motion-cursor.pressed>i{width:24px;height:24px;border-radius:4px;background:color-mix(in srgb,var(--brand-accent,#d2ff00) 24%,transparent)}
@media(pointer:fine) and (prefers-reduced-motion:no-preference){
 body.patto-custom-cursor,
 body.patto-custom-cursor *{cursor:none!important}
}
@media(pointer:coarse),(prefers-reduced-motion:reduce){.patto-motion-cursor{display:none!important}}

/* V111 — one uninterrupted Patto canvas across every product surface. */
html,
body,
.site-page{
 background-color:var(--brand-bg,#05080D);
}
body{
 background:var(--brand-bg,#05080D);
}