:root{--bg:#08090d;--panel:#101218;--panel2:#141720;--line:rgba(255,255,255,.085);--muted:#858a98;--text:#f4f4f7;--orange:#ff815c;--orange2:#ffad7f;--purple:#9b83ff;--green:#8df0be;--font:'DM Sans',Inter,system-ui,sans-serif;--display:'Orbitron','DM Sans',sans-serif}
*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noise{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.055;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")}.ambient{position:fixed;width:600px;height:600px;border-radius:50%;filter:blur(100px);opacity:.08;pointer-events:none;z-index:0}.ambient-a{background:#e65e4a;left:-320px;top:35vh}.ambient-b{background:#6e4fd8;right:-350px;top:5vh}.login-view,.app-view{position:relative;z-index:1;min-height:100vh}.login-view{max-width:1600px;margin:0 auto;padding:25px clamp(22px,5.6vw,88px) 21px;display:flex;flex-direction:column}.brand-header{height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.logo-wrap{height:48px;width:48px;background:#050505;border:1px solid #26262a;border-radius:12px;display:grid;place-items:center;overflow:hidden}.logo-wrap img{width:100%;height:100%;object-fit:contain}.brand-wordmark,.app-brand span{display:flex;flex-direction:column;line-height:1.1;gap:5px}.brand-wordmark b,.app-brand b{font-family:var(--display);font-weight:900;font-size:19px;letter-spacing:2.8px}.brand-wordmark small,.app-brand small{font-size:9px;font-weight:700;letter-spacing:2.5px;color:#8c919d}.header-note{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.55px;font-weight:700;color:#a4a7b0}.live-dot,.hero-status i,.status-dot{height:6px;width:6px;background:var(--green);border-radius:50%;box-shadow:0 0 12px rgba(141,240,190,.65);display:inline-block}.header-divider{color:#4b4d57}.landing-grid{display:grid;grid-template-columns:minmax(420px,.92fr) minmax(400px,1.08fr);gap:clamp(35px,5vw,82px);align-items:center;flex:1;padding:22px 0 26px;min-height:700px}.landing-copy{padding:26px 0 16px;max-width:590px}.eyebrow{display:flex;align-items:center;gap:10px;color:#a8acb8;font-size:10px;letter-spacing:2.1px;font-weight:800;margin-bottom:19px}.eyebrow-line{height:1px;width:30px;background:var(--orange)}h1,h2,h3,p{margin-top:0}.landing-copy h1{font-family:var(--display);font-weight:800;font-size:clamp(35px,4.3vw,63px);letter-spacing:-2.6px;line-height:1.15;margin:0 0 15px}.gradient-text,.sidebar-gradient{background:linear-gradient(100deg,#ff9972 0%,#ff775a 45%,#b9a0ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.manifesto{font-size:clamp(19px,2vw,25px);font-weight:500;line-height:1.5;letter-spacing:-.55px;margin:0 0 11px;color:#dadbe2}.manifesto strong{font-weight:800;color:#fff}.orange-text{color:var(--orange)!important}.landing-description{max-width:450px;color:#858a98;line-height:1.8;font-size:13px;margin:0 0 25px}.login-card{position:relative;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(140deg,rgba(23,25,34,.94),rgba(12,14,19,.98));padding:23px 23px 17px;box-shadow:0 22px 70px rgba(0,0,0,.25);max-width:470px}.card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.micro-label{font-size:9px;letter-spacing:1.9px;color:var(--orange);font-weight:800}.card-heading h2{font-family:var(--display);font-size:17px;letter-spacing:-.4px;margin:7px 0 0}.lock-orb{height:37px;width:37px;border-radius:12px;background:linear-gradient(145deg,rgba(255,129,92,.17),rgba(155,131,255,.13));border:1px solid rgba(255,129,92,.22);color:#ffb291;display:grid;place-items:center;font-size:16px}.login-card label{display:block;color:#a3a7b2;font-size:11px;font-weight:700;margin:13px 0 7px}.input-shell{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 12px;border:1px solid #292c36;border-radius:10px;background:#0b0d12;transition:border .2s,box-shadow .2s}.input-shell:focus-within{border-color:rgba(255,129,92,.65);box-shadow:0 0 0 3px rgba(255,129,92,.08)}.input-symbol{font-size:18px;color:#767b89;width:15px;text-align:center}.key-symbol{font-size:21px}.input-shell input{border:0;outline:0;background:transparent;color:#f5f5f7;min-width:0;flex:1;width:100%;font-size:12px;height:42px}.input-shell input::placeholder{color:#626776}.input-shell input:focus-visible{outline:0}.show-password{font-size:9px;letter-spacing:1.2px;font-weight:900;color:var(--orange2);border:0;background:transparent;padding:8px 3px}.show-password:hover{color:white}.form-message{font-size:10px;line-height:1.55;color:#777d8a;margin:11px 0 12px;min-height:15px}.form-message.error{color:#ff9d90}.form-message.success{color:var(--green)}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:47px;padding:0 15px;border:1px solid rgba(255,181,146,.28);border-radius:10px;background:linear-gradient(105deg,#ff825c,#e85f4b);color:#170d0d;font-weight:900;font-size:10px;letter-spacing:1.35px;box-shadow:0 8px 25px rgba(255,101,74,.15);transition:transform .18s,box-shadow .18s,filter .18s}.login-submit{width:100%}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px rgba(255,101,74,.25);filter:saturate(1.08)}.button-arrow{font-size:17px;font-weight:500}.privacy-note{display:flex;justify-content:center;align-items:center;gap:7px;font-size:9px;color:#6e7381;margin:14px 0 0}.privacy-note span{color:#c08eff}.landing-foot{display:flex;align-items:center;gap:10px;color:#686d79;font-size:8px;letter-spacing:1.45px;font-weight:800;margin-top:22px}.tiny-star{color:var(--orange);font-size:13px}.hero-panel{height:min(76vh,760px);min-height:600px;position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:26px;background:radial-gradient(ellipse at 50% 45%,#25212b 0%,#12141c 42%,#0b0c11 81%);box-shadow:0 30px 100px rgba(0,0,0,.28)}.hero-panel-top,.hero-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;z-index:6}.hero-panel-top{top:23px}.hero-status{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.55px;font-weight:900;color:#e4e5eb}.hero-index{font-family:var(--display);font-size:9px;letter-spacing:1.3px;color:#737886}.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}.hero-glow{position:absolute;top:21%;left:15%;width:70%;height:53%;background:radial-gradient(ellipse,rgba(255,104,74,.18),rgba(133,86,173,.06) 49%,transparent 72%);z-index:-1;filter:blur(12px)}.orbit{position:absolute;border:1px solid rgba(255,255,255,.095);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-44%) rotate(-17deg);pointer-events:none}.orbit-a{width:77%;height:33%}.orbit-b{width:90%;height:45%;transform:translate(-50%,-44%) rotate(28deg);border-color:rgba(255,126,92,.12)}.hero-chip{position:absolute;top:72px;left:24px;right:24px;display:flex;align-items:center;gap:10px;z-index:5}.chip-gem{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(255,132,94,.12);border:1px solid rgba(255,132,94,.22);font-size:15px;color:#ff9e7b}.hero-chip b,.hero-chip small{display:block}.hero-chip b{font-size:9px;letter-spacing:1.5px}.hero-chip small{font-size:10px;color:#8c91a0;margin-top:4px}.character-stage{position:absolute;inset:68px 0 50px;display:flex;align-items:center;justify-content:center;z-index:2}.character-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;outline:0;z-index:2}.character-fallback{position:absolute;height:94%;width:100%;max-width:590px;display:grid;place-items:center;z-index:1;transition:opacity .35s}.character-fallback svg{height:100%;width:100%;filter:drop-shadow(0 24px 35px rgba(0,0,0,.38))}.character-stage.is-3d .character-fallback{opacity:0;pointer-events:none}.hero-bottom{bottom:22px;border-top:1px solid rgba(255,255,255,.08);padding-top:16px}.hero-bottom>span:first-child{font-size:8px;letter-spacing:1.45px;color:#898e9a;font-weight:800}.hero-bottom b{color:var(--green);margin-left:4px}.hero-dot-row{display:flex;gap:4px}.hero-dot-row i{width:4px;height:4px;border-radius:50%;background:#ff8e6b}.hero-dot-row i:nth-child(2){opacity:.6}.hero-dot-row i:nth-child(3){opacity:.3}.hero-caption{position:absolute;bottom:65px;left:0;right:0;text-align:center;z-index:4;pointer-events:none}.hero-caption strong{font-size:8px;letter-spacing:2px;color:#a1a3ae;display:block}.hero-caption span{display:block;font-size:10px;color:#656a76;margin-top:6px}.landing-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.07);padding-top:16px;color:#5b606c;font-size:8px;letter-spacing:1.15px;font-weight:800}.landing-footer b{color:var(--orange)}
/* Main app */
.app-view{min-height:100vh}.app-header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,58px);background:rgba(8,9,13,.86);position:sticky;top:0;z-index:20;backdrop-filter:blur(20px)}.app-brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.app-brand img{height:44px;width:44px;object-fit:contain;background:#030303;border-radius:10px;border:1px solid #28282b}.app-brand b{font-size:17px}.app-brand small{font-size:8px}.app-header-right{display:flex;align-items:center;gap:20px}.wallet-mini{display:flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid rgba(255,139,99,.2);border-radius:12px;background:rgba(255,130,92,.06)}.coin-mini{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:rgba(255,129,92,.15);color:#ffb38c}.wallet-mini small,.wallet-mini b{display:block}.wallet-mini small{font-size:8px;letter-spacing:1.2px;color:#8b909b;font-weight:800}.wallet-mini b{font-family:var(--display);font-size:14px;margin-top:3px}.header-avatar-button{height:39px;width:39px;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.15);padding:0;background:#171a23}.header-avatar-button img{width:100%;height:100%;object-fit:cover}.logout-button{border:0;background:transparent;color:#a2a5b0;font-weight:800;font-size:9px;letter-spacing:1.2px;display:flex;gap:10px;align-items:center}.logout-button span{font-size:17px;color:var(--orange)}.logout-button:hover{color:#fff}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 78px)}.sidebar{border-right:1px solid var(--line);padding:28px 17px 20px;display:flex;flex-direction:column;min-height:calc(100vh - 78px);background:rgba(11,13,18,.67)}.sidebar-label{font-size:9px;letter-spacing:1.8px;font-weight:900;color:#606673;padding:0 13px;margin-bottom:14px}.nav-list{display:flex;flex-direction:column;gap:5px}.nav-tab{width:100%;min-height:47px;display:flex;align-items:center;gap:12px;padding:0 12px;background:transparent;border:1px solid transparent;border-radius:10px;color:#9297a4;text-align:left;font-size:12px;font-weight:700;transition:background .18s,border .18s,color .18s}.nav-tab:hover{background:rgba(255,255,255,.035);color:#f7f7f8}.nav-tab.active{background:linear-gradient(100deg,rgba(255,128,92,.14),rgba(255,128,92,.045));border-color:rgba(255,128,92,.16);color:#fff}.nav-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.045);font-size:17px;color:#c7c9d1}.nav-tab.active .nav-icon{background:rgba(255,128,92,.13);color:var(--orange)}.nav-chevron{margin-left:auto;font-size:20px;color:#5d626e}.nav-tab.active .nav-chevron{color:var(--orange)}.sidebar-spacer{flex:1;min-height:35px}.sidebar-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:13px;padding:17px 15px 19px;background:linear-gradient(142deg,#191923,#11131a)}.sidebar-card-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:rgba(155,131,255,.12);color:#bdadff;margin-bottom:19px}.sidebar-card>b{font-size:11px;display:block;letter-spacing:.4px}.sidebar-gradient{display:block;font-size:11px;font-weight:900;margin-top:4px}.sidebar-card p{font-size:10px;line-height:1.7;color:#7d8290;margin:10px 0 0;max-width:180px}.sidebar-decoration{position:absolute;right:-5px;bottom:-8px;display:flex;gap:5px;opacity:.3;transform:rotate(35deg)}.sidebar-decoration i{width:9px;height:50px;background:var(--orange);border-radius:6px}.sidebar-decoration i:nth-child(2){height:72px;background:var(--purple)}.sidebar-version{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;font-weight:800;color:#565b67;padding:22px 8px 0}.sidebar-version span{color:#424651}.main-content-wrap{min-width:0;padding:clamp(25px,4vw,52px) clamp(18px,4vw,55px);max-width:1500px;width:100%;margin:0 auto}.app-content{outline:0;animation:content-in .25s ease both}@keyframes content-in{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:27px}.section-overline{color:#9da1ad;letter-spacing:1.7px;font-weight:900;font-size:9px;display:flex;align-items:center;gap:8px;margin-bottom:10px}.section-overline .status-dot{width:5px;height:5px}.page-heading h2{font-family:var(--display);font-size:clamp(24px,2.4vw,35px);letter-spacing:-1.2px;margin:0 0 8px}.page-heading p{font-size:12px;color:#838896;margin:0;line-height:1.7}.mini-tag{white-space:nowrap;color:#a0a4b0;font-size:8px;letter-spacing:1.35px;font-weight:900;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:9px 11px;background:rgba(255,255,255,.025)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,.8fr);gap:17px}.welcome-panel{position:relative;isolation:isolate;overflow:hidden;min-height:245px;border:1px solid rgba(255,132,94,.18);border-radius:17px;padding:25px;background:radial-gradient(ellipse at 90% 15%,rgba(255,116,82,.17),transparent 48%),linear-gradient(120deg,#1b1c25,#12141b 70%)}.welcome-panel:after{content:"";position:absolute;right:-20px;bottom:-85px;width:240px;height:240px;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 22px rgba(255,255,255,.02),0 0 0 45px rgba(255,255,255,.015);z-index:-1}.welcome-panel .section-overline{color:#ffb08d}.welcome-panel h3{font-family:var(--display);font-size:clamp(20px,2vw,29px);letter-spacing:-.9px;line-height:1.3;margin:14px 0 9px}.welcome-panel p{max-width:370px;color:#999eab;font-size:11px;line-height:1.8;margin:0 0 19px}.welcome-panel .primary-button{width:min(220px,100%);min-height:42px;font-size:9px}.profile-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px 15px;min-height:245px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(150deg,#151720,#101218)}.large-avatar{width:72px;height:72px;border-radius:23px;padding:3px;border:1px solid rgba(255,131,94,.5);background:linear-gradient(135deg,rgba(255,131,94,.28),rgba(155,131,255,.2));margin-bottom:12px;overflow:hidden}.large-avatar img{height:100%;width:100%;object-fit:cover;border-radius:20px}.profile-panel h3{font-size:15px;margin:0 0 4px;max-width:95%;overflow-wrap:anywhere}.profile-sub{font-size:10px;color:#777d8a;margin:0 0 13px}.secondary-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.035);color:#e2e3e9;padding:10px 13px;font-size:10px;font-weight:800;transition:background .2s,border .2s,transform .2s}.secondary-button:hover:not(:disabled){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);transform:translateY(-1px)}.profile-panel .secondary-button{font-size:9px;padding:9px 11px}.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:15px}.stat-card{border:1px solid var(--line);border-radius:13px;background:linear-gradient(130deg,#14161e,#0f1117);padding:17px 18px;min-height:112px}.stat-icon{height:26px;width:26px;border-radius:8px;background:rgba(255,128,92,.1);display:grid;place-items:center;color:var(--orange);margin-bottom:8px}.stat-number{font-family:var(--display);font-weight:800;letter-spacing:-.3px;font-size:22px;margin-bottom:5px}.stat-label{color:#818694;font-size:10px}.lower-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.9fr);gap:15px;margin-top:15px}.subpanel{border:1px solid var(--line);border-radius:14px;padding:18px;background:rgba(17,19,26,.76);min-width:0}.panel-title-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.panel-title-row h3,.side-shop-panel h3{font-family:var(--display);font-size:10px;letter-spacing:1.05px;margin:0}.text-link{border:0;background:transparent;color:var(--orange);font-weight:900;font-size:9px;letter-spacing:.75px;padding:4px 0}.activity-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid rgba(255,255,255,.055);min-width:0}.activity-badge{width:29px;height:29px;flex:0 0 29px;border-radius:9px;background:rgba(255,255,255,.045);display:grid;place-items:center;color:#ffaf8a}.activity-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.activity-copy b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-copy small{font-size:9px;color:#777c89;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-points{font-size:9px;color:var(--green);font-weight:900;white-space:nowrap}.activity-points.negative{color:#ff9a8e}.progress-info{display:flex;justify-content:space-between;gap:9px;font-size:9px;color:#8f94a1;margin:15px 0 9px}.progress-info b{color:#dfe1e7}.progress-track{height:5px;border-radius:8px;background:#262833;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--orange),var(--purple));border-radius:8px;transition:width .25s}.empty-note{color:#838896;font-size:11px;line-height:1.8}.earn-banner{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid rgba(255,129,92,.2);border-radius:17px;padding:25px 27px;background:radial-gradient(ellipse at 90% 15%,rgba(255,125,90,.16),transparent 50%),linear-gradient(120deg,#1b1c25,#11131a);margin-bottom:16px}.earn-banner .section-overline{color:#ffb08d}.earn-banner h3{font-family:var(--display);font-size:clamp(17px,2vw,24px);letter-spacing:-.6px;margin:0 0 9px}.earn-banner p{font-size:11px;color:#999eab;line-height:1.8;margin:0;max-width:530px}.reward-value{flex:0 0 125px;text-align:center;padding:15px 12px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(9,10,15,.4)}.reward-value strong,.reward-value small{display:block}.reward-value strong{font-family:var(--display);font-size:20px;color:var(--orange2)}.reward-value small{font-size:8px;letter-spacing:1px;color:#888d9a;margin-top:6px}.tasks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.task-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:15px;padding:18px;background:linear-gradient(145deg,#151720,#101218);min-height:200px}.task-icon{height:37px;width:37px;border-radius:11px;display:grid;place-items:center;font-size:19px;color:#ffad89;background:rgba(255,129,92,.105);border:1px solid rgba(255,129,92,.12);margin-bottom:15px}.task-card h3{font-size:12px;margin:0 0 8px}.task-card p{font-size:10px;color:#838896;line-height:1.8;margin:0 0 17px}.task-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.task-bottom strong{font-family:var(--display);font-size:10px;color:var(--green);white-space:nowrap}.task-bottom .secondary-button{font-size:9px;padding:9px 10px}.tournament-panel{position:relative;overflow:hidden;min-height:370px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(ellipse at 50% 30%,rgba(155,131,255,.1),transparent 45%),linear-gradient(145deg,#141620,#0f1117);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 25px}.trophy-mark{display:grid;place-items:center;height:78px;width:78px;border-radius:24px;border:1px solid rgba(155,131,255,.2);background:rgba(155,131,255,.1);font-size:37px;color:#c5b6ff;margin-bottom:22px;box-shadow:0 0 60px rgba(155,131,255,.08)}.tournament-panel h3{font-family:var(--display);font-size:clamp(17px,2vw,24px);margin:0 0 12px;letter-spacing:-.6px}.tournament-panel p{max-width:430px;color:#858a99;font-size:11px;line-height:1.85;margin:0}.tournament-status{margin-top:22px;padding:9px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.08);color:#888d99;font-size:8px;letter-spacing:1.2px;font-weight:900}.shop-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.7fr);gap:16px;align-items:start}.shop-card{position:relative;isolation:isolate;overflow:hidden;min-height:390px;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.8fr);border:1px solid rgba(255,129,92,.22);border-radius:18px;background:radial-gradient(ellipse at 77% 38%,rgba(255,104,76,.19),transparent 46%),linear-gradient(130deg,#191a24,#0e1016);box-shadow:0 15px 60px rgba(0,0,0,.15);transition:transform .28s cubic-bezier(.2,.75,.2,1),box-shadow .28s;transform-style:preserve-3d;will-change:transform}.shop-card:hover{box-shadow:0 25px 65px rgba(255,104,76,.1),0 20px 60px rgba(0,0,0,.2)}.shop-copy{padding:26px;position:relative;z-index:2}.shop-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,129,92,.22);background:rgba(255,129,92,.07);color:#ffb493;border-radius:8px;padding:8px 10px;font-size:8px;letter-spacing:1.25px;font-weight:900}.shop-copy h3{font-family:var(--display);font-size:clamp(23px,2.5vw,35px);line-height:1.16;letter-spacing:-1.2px;margin:21px 0 12px}.shop-copy p{font-size:11px;color:#9297a4;line-height:1.8;margin:0;max-width:340px}.shop-price{display:flex;align-items:baseline;gap:9px;margin:23px 0 20px}.shop-price strong{font-family:var(--display);font-size:35px;letter-spacing:-1.5px}.shop-price span{font-size:10px;color:#9b9fac}.shop-actions{display:flex;gap:9px;flex-wrap:wrap}.shop-actions .primary-button{font-size:9px;min-height:42px}.shop-actions .secondary-button{min-height:42px}.shop-footnote{display:block;color:#676c79;font-size:9px;line-height:1.7;margin-top:16px}.shop-art{position:relative;display:grid;place-items:center;min-height:300px;perspective:700px}.shop-art:before{content:"";position:absolute;width:225px;height:225px;border-radius:50%;background:radial-gradient(circle,rgba(255,115,79,.19),rgba(155,131,255,.07) 52%,transparent 72%);filter:blur(4px)}.shop-art:after{content:"";position:absolute;bottom:54px;width:175px;height:28px;border-radius:50%;background:#ff7957;opacity:.13;filter:blur(19px)}.rp-token{position:relative;width:150px;height:150px;transform-style:preserve-3d;animation:token-float 4.4s ease-in-out infinite;filter:drop-shadow(0 23px 21px rgba(0,0,0,.5));transition:transform .35s}.shop-card:hover .rp-token{animation-duration:2s;transform:rotateY(18deg) rotateX(-9deg) scale(1.09)}.token-shell{position:absolute;inset:4px;border-radius:50%;background:linear-gradient(130deg,#fff0bd 0%,#ff9b59 13%,#c94038 30%,#ff9f54 48%,#662b53 67%,#f7b26e 84%,#4c2c47 100%);box-shadow:inset 0 0 0 3px #ffcb88,inset 0 0 0 8px rgba(104,34,41,.8),inset 0 0 20px 11px #872e3a,0 0 0 1px rgba(255,235,185,.6);transform:translateZ(12px)}.token-shell:before{content:"";position:absolute;inset:16px;border:2px solid rgba(255,225,171,.7);border-radius:50%;box-shadow:0 0 14px rgba(255,172,101,.3)}.token-emblem{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--display);font-size:36px;font-weight:900;letter-spacing:-3px;color:#ffe5b8;text-shadow:0 2px 0 #783443,0 5px 15px rgba(31,6,16,.6);transform:translateZ(24px);z-index:3}.token-emblem:after{content:"✦";position:absolute;top:28px;right:27px;font-size:15px;color:#fff0c9;text-shadow:0 0 10px #fff}.token-glint{position:absolute;top:13px;left:24px;width:31px;height:85px;border-radius:50%;transform:rotate(35deg) translateZ(27px);background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);z-index:4;opacity:.6}.token-base{position:absolute;left:14px;right:14px;bottom:-15px;height:25px;border-radius:50%;background:linear-gradient(90deg,#6b2a44,#f38b56,#7b2d4b);filter:blur(1px);transform:rotateX(65deg) translateZ(-10px)}@keyframes token-float{0%,100%{transform:translateY(0) rotateY(-12deg) rotateX(7deg)}50%{transform:translateY(-13px) rotateY(12deg) rotateX(-5deg)}}.side-shop-panel{padding:21px;position:sticky;top:100px}.side-shop-panel h3{margin-bottom:18px}.balance-card{padding:16px;border:1px solid rgba(255,129,92,.17);background:rgba(255,129,92,.045);border-radius:11px;margin-bottom:18px}.balance-card span,.balance-card strong{display:block}.balance-card span{font-size:9px;color:#8d929f;margin-bottom:8px}.balance-card strong{font-family:var(--display);font-size:23px}.side-detail{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);font-size:10px}.side-detail span{color:#858a97}.side-detail b{font-size:10px;text-align:right}.demo-warning{margin-top:17px;padding:12px;border-radius:9px;background:rgba(255,190,114,.06);border:1px solid rgba(255,190,114,.13);color:#c2a58b;line-height:1.75;font-size:9px}.toast{position:fixed;right:22px;bottom:20px;z-index:100;max-width:min(380px,calc(100vw - 36px));padding:13px 16px;background:#1d2029;border:1px solid rgba(255,255,255,.13);box-shadow:0 12px 40px rgba(0,0,0,.4);border-radius:12px;color:#f0f1f5;font-size:11px;line-height:1.6;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translateY(0)}.modal-layer{position:fixed;inset:0;z-index:90;background:rgba(4,5,8,.76);backdrop-filter:blur(10px);display:grid;place-items:center;padding:22px}.modal-card{position:relative;width:min(430px,100%);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:30px;background:linear-gradient(140deg,#1a1b26,#101117);box-shadow:0 25px 100px rgba(0,0,0,.5);text-align:center}.modal-close{position:absolute;right:13px;top:10px;background:transparent;border:0;color:#9297a4;font-size:25px}.modal-gem{margin:4px auto 17px;height:48px;width:48px;display:grid;place-items:center;border-radius:15px;background:rgba(255,129,92,.12);border:1px solid rgba(255,129,92,.2);color:#ffb38d;font-size:20px}.modal-card h2{font-family:var(--display);font-size:17px;margin:0 0 12px}.modal-card p{color:#9da2af;font-size:12px;line-height:1.8;margin:0 0 22px}.modal-card .primary-button{width:100%}
@media(min-width:1450px){.landing-grid{padding-top:28px;padding-bottom:30px}.hero-panel{height:min(78vh,790px)}}
@media(max-width:1060px){.landing-grid{grid-template-columns:minmax(350px,.95fr) minmax(340px,1.05fr);gap:27px}.login-view{padding-left:28px;padding-right:28px}.hero-panel{min-height:575px;height:67vh}.landing-copy h1{font-size:clamp(34px,4.4vw,49px)}.hero-panel-top,.hero-bottom{left:18px;right:18px}.hero-chip{left:18px;right:18px}.app-shell{grid-template-columns:215px minmax(0,1fr)}.main-content-wrap{padding:28px 25px}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(200px,.8fr)}.shop-card{grid-template-columns:minmax(0,1.1fr) minmax(130px,.8fr)}.shop-copy{padding:23px}.rp-token{width:125px;height:125px}}
@media(max-width:820px){.landing-grid{grid-template-columns:1fr;gap:26px;padding-top:37px}.landing-copy{max-width:610px;margin:0 auto;width:100%;padding:8px 0}.hero-panel{height:650px;min-height:520px;max-height:700px;max-width:620px;width:100%;margin:0 auto}.landing-footer{margin-top:5px}.app-shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding:22px 9px 15px}.sidebar-label,.nav-tab>span:not(.nav-icon):not(.nav-chevron),.sidebar-card,.sidebar-version{display:none}.nav-list{gap:8px}.nav-tab{justify-content:center;padding:0;min-height:46px}.nav-chevron{display:none}.nav-icon{width:38px;height:38px;font-size:19px}.sidebar-spacer{min-height:20px}.main-content-wrap{padding:27px 18px}.dashboard-grid{grid-template-columns:1fr}.profile-panel{min-height:190px}.welcome-panel{min-height:210px}.lower-grid{grid-template-columns:1fr}.tasks-grid{grid-template-columns:1fr}.task-card{min-height:175px}.task-card p{max-width:500px}.shop-layout{grid-template-columns:1fr}.side-shop-panel{position:static}.shop-card{min-height:350px}.shop-art{min-height:270px}.earn-banner{align-items:flex-start}}
@media(max-width:520px){.login-view{padding:16px 15px 17px}.brand-header{height:53px}.logo-wrap{height:42px;width:42px}.header-note{font-size:7px;letter-spacing:.8px;gap:6px}.landing-grid{padding-top:24px;gap:22px}.landing-copy h1{font-size:clamp(33px,10vw,47px);letter-spacing:-1.8px}.manifesto{font-size:19px}.landing-description{font-size:12px;margin-bottom:20px}.login-card{padding:19px 16px 15px}.hero-panel{height:540px;min-height:480px;border-radius:19px}.hero-panel-top{top:18px}.hero-chip{top:61px}.character-stage{inset:58px 0 45px}.hero-bottom{bottom:17px}.hero-caption{bottom:59px}.landing-footer{font-size:7px;letter-spacing:.65px;flex-wrap:wrap}.landing-footer span:nth-child(2){display:none}.app-header{height:67px;padding:0 13px}.app-brand{gap:8px}.app-brand img{height:38px;width:38px}.app-brand b{font-size:14px}.app-brand small{font-size:7px}.app-header-right{gap:9px}.wallet-mini{padding:6px 8px;gap:6px}.coin-mini{height:23px;width:23px}.wallet-mini small{font-size:6px}.wallet-mini b{font-size:11px}.header-avatar-button{height:34px;width:34px}.logout-button{font-size:0;gap:0}.logout-button span{font-size:18px}.app-shell{grid-template-columns:53px minmax(0,1fr);min-height:calc(100vh - 67px)}.sidebar{padding:16px 5px}.nav-list{gap:6px}.nav-tab{min-height:43px}.nav-icon{width:35px;height:35px}.main-content-wrap{padding:24px 12px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:20px}.page-heading h2{font-size:25px}.page-heading p{font-size:11px}.mini-tag{font-size:7px;padding:7px 9px}.welcome-panel{padding:20px;min-height:225px}.welcome-panel h3{font-size:21px}.stat-row{grid-template-columns:1fr;gap:9px}.stat-card{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-height:75px;padding:13px}.stat-icon{grid-row:1/3;margin:0}.stat-number{font-size:19px;margin:0}.stat-label{font-size:9px}.subpanel{padding:14px}.activity-points{font-size:8px}.earn-banner{padding:19px;flex-direction:column;gap:17px}.reward-value{width:100%;flex-basis:auto;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px}.reward-value small{margin:0}.shop-card{grid-template-columns:1fr}.shop-copy{padding:21px}.shop-art{min-height:205px;grid-row:1}.shop-copy h3{font-size:30px;margin-top:16px}.shop-price{margin:18px 0}.rp-token{width:115px;height:115px}.shop-art:after{bottom:35px}.shop-actions{flex-direction:column}.shop-actions>*{width:100%}.side-shop-panel{padding:17px}.tournament-panel{min-height:330px;padding:28px 18px}.modal-card{padding:27px 21px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* SKG v3: login atmosphere, account mode controls, remote content cards. */
#atmosphereCanvas{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;opacity:.92;transition:opacity .45s ease}
body.is-in-app #atmosphereCanvas{opacity:0}
.brand-header,.landing-grid,.landing-footer{position:relative;z-index:2}
.hero-panel{box-shadow:0 30px 100px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035)}
.hero-panel:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(115deg,rgba(255,226,203,.035),transparent 26%,transparent 71%,rgba(159,141,255,.035));mix-blend-mode:screen}
.hero-glow{animation:hero-breathe 6s ease-in-out infinite alternate}
@keyframes hero-breathe{from{transform:scale(.92);opacity:.7}to{transform:scale(1.08);opacity:1}}
.auth-mode-toggle{display:block;width:100%;padding:13px 8px 4px;border:0;background:transparent;color:#b6a4ff;font-weight:800;font-size:10px;letter-spacing:.15px;text-align:center}
.auth-mode-toggle:hover{color:#ded5ff;text-decoration:underline}
.preview-button{width:100%;min-height:38px;margin-top:8px;letter-spacing:1px;font-size:9px}
#usernameField{margin-bottom:0}
#usernameField.hidden{display:none!important}
#continueButton:disabled{filter:grayscale(.3);opacity:.72}
.admin-shortcut{display:inline-flex;align-items:center;justify-content:center;padding:9px 11px;border-radius:9px;border:1px solid rgba(255,129,92,.25);background:rgba(255,129,92,.08);color:#ffc0a6;text-decoration:none;font-size:9px;font-weight:900;letter-spacing:.7px}
.admin-shortcut:hover{background:rgba(255,129,92,.16)}
.announcement-strip{display:flex;gap:13px;align-items:flex-start;padding:17px 19px;margin:0 0 18px;border:1px solid rgba(255,129,92,.18);border-radius:13px;background:linear-gradient(110deg,rgba(255,129,92,.075),rgba(155,131,255,.045))}
.announcement-symbol{flex:0 0 34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#ffb493;background:rgba(255,129,92,.12);font-size:17px}
.announcement-strip small,.announcement-strip b{display:block}
.announcement-strip small{font-size:8px;letter-spacing:1.5px;color:#ffb493;font-weight:900;margin-bottom:5px}
.announcement-strip b{font-size:12px;color:#f4f3f7}
.announcement-strip p{margin:6px 0 0;color:#9ca0ae;font-size:10px;line-height:1.7;white-space:pre-wrap}
.tournament-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.live-tournament-card{border:1px solid rgba(255,255,255,.09);border-radius:15px;padding:22px;background:radial-gradient(ellipse at 100% 0,rgba(155,131,255,.09),transparent 50%),linear-gradient(140deg,#151822,#0e1016);box-shadow:0 15px 50px rgba(0,0,0,.16);transition:transform .25s,border-color .25s}
.live-tournament-card:hover{transform:translateY(-3px);border-color:rgba(255,129,92,.28)}
.tournament-card-kicker{font-size:8px;letter-spacing:1.6px;color:#ffad8f;font-weight:900}
.live-tournament-card h3{font-family:var(--display);font-size:17px;line-height:1.3;margin:13px 0 8px}
.live-tournament-card p{font-size:11px;color:#9298a7;line-height:1.8;min-height:38px;white-space:pre-wrap}
.tournament-meta{display:flex;flex-direction:column;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:9px;color:#cacbd3}
.tournament-meta span{display:block;line-height:1.6}
.character-stage canvas{filter:drop-shadow(0 7px 18px rgba(0,0,0,.25))}
.character-stage.is-3d:after{content:"";position:absolute;width:58%;height:7%;left:21%;bottom:7%;border-radius:50%;background:rgba(255,105,78,.19);filter:blur(23px);z-index:1;pointer-events:none}
@media(max-width:700px){.tournament-list{grid-template-columns:1fr}.admin-shortcut{padding:8px 7px;font-size:8px}.preview-button{font-size:8px}}

/* SKG mascot refresh: cinematic rendered character with independent gaze + true 3D environment effects. */
.character-stage{isolation:isolate;perspective:1100px;transform-style:preserve-3d;overflow:visible}
.mascot-figure{position:absolute;inset:0 auto 0 50%;width:min(100%,560px);height:100%;transform:translateX(-50%);transform-origin:50% 48%;transform-style:preserve-3d;will-change:transform;z-index:2;pointer-events:none;filter:drop-shadow(0 22px 42px rgba(0,0,0,.25))}
.character-artwork{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;display:block;user-select:none;-webkit-user-drag:none;pointer-events:none;filter:drop-shadow(0 18px 24px rgba(0,0,0,.22))}
.gaze-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 1px rgba(255,239,220,.08))}
.gaze-overlay g{transform-box:fill-box;transform-origin:center;will-change:transform}
#characterCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;outline:0;z-index:4;opacity:0;pointer-events:none;transition:opacity .42s ease;mix-blend-mode:normal}
#characterCanvas.ready{opacity:1}
.wind-light{position:absolute;z-index:1;pointer-events:none;filter:blur(26px);border-radius:50%;mix-blend-mode:screen;opacity:.45;animation:wind-light-drift 7s ease-in-out infinite alternate}
.wind-light-a{width:34%;height:45%;left:0;top:30%;background:radial-gradient(ellipse,rgba(123,165,162,.21),transparent 70%)}
.wind-light-b{width:35%;height:42%;right:0;top:42%;background:radial-gradient(ellipse,rgba(255,135,95,.2),transparent 72%);animation-delay:-3.5s}
@keyframes wind-light-drift{from{transform:translate3d(-10px,8px,0) scale(.92);opacity:.26}to{transform:translate3d(12px,-12px,0) scale(1.13);opacity:.52}}
.hero-panel{background:radial-gradient(ellipse at 53% 44%,#30242a 0%,#17151d 43%,#0b0c11 81%)}
.hero-glow{background:radial-gradient(ellipse,rgba(255,130,88,.18),rgba(133,86,173,.07) 50%,transparent 74%)}
@media(max-width:820px){.mascot-figure{width:min(100%,520px)}.wind-light{filter:blur(20px)}}
@media(max-width:520px){.mascot-figure{width:min(100%,440px)}.wind-light-a{left:-5%;width:43%}.wind-light-b{right:-4%;width:42%}}
@media(prefers-reduced-motion:reduce){.wind-light{animation:none;opacity:.25}.mascot-figure{will-change:auto}}

/* Profile menu, account settings, and private inbox */
.profile-menu-wrap{position:relative;display:flex;align-items:center}.profile-dropdown{position:absolute;right:0;top:calc(100% + 12px);z-index:80;width:220px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:#171923;box-shadow:0 18px 55px rgba(0,0,0,.45)}.profile-dropdown-user{padding:10px 11px 12px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:5px}.profile-dropdown-user b,.profile-dropdown-user small{display:block;overflow-wrap:anywhere}.profile-dropdown-user b{font-size:12px}.profile-dropdown-user small{font-size:10px;color:#858b9a;margin-top:4px}.profile-dropdown button{display:block;width:100%;border:0;background:transparent;color:#dfe1e8;text-align:left;padding:11px;border-radius:8px;font-size:11px;cursor:pointer}.profile-dropdown button:hover{background:rgba(255,255,255,.07);color:#ffb18d}.settings-panel{max-width:760px;padding:24px}.settings-avatar-row{display:flex;align-items:center;gap:17px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:22px}.settings-avatar{height:78px;width:78px;object-fit:cover;border-radius:50%;border:2px solid rgba(255,129,92,.55)}.settings-avatar-row h3{margin:0 0 7px}.settings-avatar-row p{font-size:10px;color:#8b91a0;margin:0 0 12px}.settings-avatar-row .secondary-button{font-size:9px;min-height:35px}.settings-form{display:grid;gap:13px;max-width:520px}.settings-form label{display:grid;gap:8px;color:#d6d8e0;font-size:11px;font-weight:700}.settings-form input{width:100%;min-height:43px;padding:11px 13px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:#0e1016;color:#f3f4f8;outline:none}.settings-form input:focus{border-color:rgba(255,129,92,.6)}.settings-form input:disabled{opacity:.55;cursor:not-allowed}.settings-hint,.settings-note{font-size:10px;color:#8b91a0;line-height:1.7}.settings-note{padding:11px;border-radius:8px;background:rgba(255,255,255,.035)}.optional-label{font-size:8px;color:#8b91a0;letter-spacing:1px}.settings-form .primary-button{margin-top:6px;justify-self:start}.notification-list{display:grid;gap:12px}.notification-card{display:flex;gap:14px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}.notification-card.unread{border-color:rgba(255,129,92,.32);background:linear-gradient(135deg,rgba(255,129,92,.07),rgba(255,255,255,.012))}.notification-symbol{flex:0 0 38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(255,129,92,.12);color:#ffb18d;font-size:17px}.notification-copy{min-width:0;flex:1}.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-heading h3{margin:0;font-size:13px;overflow-wrap:anywhere}.notification-heading span{font-size:8px;color:#ffb18d;letter-spacing:1px;font-weight:900}.notification-copy p{font-size:11px;line-height:1.8;color:#c1c4ce;white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0}.notification-copy small{display:block;color:#7e8492;font-size:9px;margin-bottom:8px}.notification-copy .text-link{padding:0;margin-top:4px}.empty-list{padding:22px;border:1px dashed rgba(255,255,255,.13);border-radius:12px;color:#9297a4;font-size:11px;line-height:1.8}


/* SKG NEON STORM / gaming monitor login refresh */
:root{--neon-cyan:#41f5ff;--neon-green:#19ff9b;--neon-violet:#8a5cff;--neon-blue:#3478ff}
body{background:radial-gradient(ellipse at 75% 38%,rgba(14,68,105,.20),transparent 43%),radial-gradient(ellipse at 15% 84%,rgba(0,255,147,.075),transparent 35%),linear-gradient(145deg,#03070e 0%,#060a14 46%,#080814 100%)}
.ambient-a{background:#00ff9b;opacity:.10;left:-340px;top:43vh}
.ambient-b{background:#4248ff;opacity:.14;right:-310px;top:-30px}
#atmosphereCanvas{z-index:0;opacity:.76}
.noise{opacity:.035}
#loginView .brand-header{flex-shrink:0}
#loginView .landing-grid{grid-template-columns:minmax(360px,.86fr) minmax(430px,1.14fr);gap:clamp(25px,4vw,70px);min-height:620px;padding-top:18px;padding-bottom:22px}
#loginView .landing-copy{padding:12px 0 16px;max-width:600px}
#loginView .landing-copy h1{font-size:clamp(36px,4.35vw,64px);line-height:1.12;letter-spacing:-2.3px;margin:0 0 15px;text-shadow:0 0 32px rgba(65,245,255,.05)}
#loginView .gradient-text{background:linear-gradient(100deg,#ff875f 0%,#ff71a5 42%,#9a7bff 70%,#41f5ff 100%);-webkit-background-clip:text;background-clip:text}
#loginView .manifesto{font-size:clamp(17px,1.65vw,24px);line-height:1.52;margin:0 0 21px;color:#e4e9f8;letter-spacing:-.35px}
#loginView .manifesto strong{color:#f7fbff}
#loginView .manifesto .orange-text{color:#53ffd0!important}
#loginView .login-card{max-width:480px;padding:21px 22px 20px;border-color:rgba(65,245,255,.17);border-radius:16px;background:linear-gradient(145deg,rgba(7,15,28,.94),rgba(7,9,20,.97));box-shadow:0 18px 55px rgba(0,0,0,.38),0 0 26px rgba(0,224,255,.055),inset 0 1px 0 rgba(255,255,255,.045);backdrop-filter:blur(12px)}
#loginView .form-neon-rule{height:2px;width:72px;border-radius:2px;background:linear-gradient(90deg,var(--neon-green),var(--neon-cyan),transparent);box-shadow:0 0 16px rgba(65,245,255,.6);margin:0 0 15px}
#loginView .login-card label{color:#aab8d0}
#loginView .input-shell{background:rgba(2,7,16,.86);border-color:rgba(113,151,187,.24);border-radius:9px}
#loginView .input-shell:focus-within{border-color:rgba(65,245,255,.75);box-shadow:0 0 0 3px rgba(65,245,255,.09),0 0 21px rgba(65,245,255,.07)}
#loginView .primary-button{background:linear-gradient(105deg,#2effb0,#41dff7 62%,#6888ff);border-color:rgba(190,255,243,.45);color:#03121a;box-shadow:0 7px 26px rgba(0,255,168,.16)}
#loginView .primary-button:hover:not(:disabled){box-shadow:0 10px 35px rgba(0,255,168,.24)}
#loginView .show-password{color:#62ffe0}
#loginView .auth-mode-toggle{color:#a4b5ff}
#loginView .form-message.success{color:#61ffce}
#loginView .form-message.error{color:#ff9db5}

/* Right-side hardware is a monitor, not a framed floating portrait card. */
#loginView .hero-panel.gaming-rig{height:auto;min-height:0;max-height:none;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;isolation:isolate;padding:13px 0 18px}
#loginView .hero-panel.gaming-rig:before{display:none}
.monitor-device{position:relative;width:min(100%,610px);z-index:2;filter:drop-shadow(0 19px 35px rgba(0,0,0,.5))}
.monitor-bezel{position:relative;padding:9px;border-radius:21px;background:linear-gradient(145deg,#657b91 0%,#1a2d42 9%,#070b15 27%,#0c1724 73%,#526981 100%);border:1px solid rgba(151,207,233,.58);box-shadow:0 0 0 1px rgba(65,245,255,.16),0 0 24px rgba(65,245,255,.12),0 0 48px rgba(0,255,159,.07),inset 0 1px 1px rgba(255,255,255,.28)}
.monitor-screen{position:relative;width:100%;height:clamp(330px,47vh,475px);min-height:300px;overflow:hidden;isolation:isolate;border-radius:13px;border:1px solid rgba(65,245,255,.35);background:radial-gradient(ellipse at 57% 38%,rgba(22,68,90,.45),transparent 43%),linear-gradient(145deg,#02070d 0%,#071222 47%,#09091b 100%);box-shadow:inset 0 0 36px rgba(0,0,0,.7),inset 0 0 65px rgba(26,238,255,.045)}
.screen-grid{position:absolute;inset:0;z-index:0;opacity:.24;background-image:linear-gradient(rgba(65,245,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(65,245,255,.12) 1px,transparent 1px);background-size:33px 33px;mask-image:linear-gradient(120deg,transparent 0%,black 30%,black 85%,transparent 100%)}
.screen-neon-haze{position:absolute;inset:-15%;z-index:0;background:radial-gradient(ellipse at 70% 25%,rgba(0,255,164,.18),transparent 34%),radial-gradient(ellipse at 20% 78%,rgba(61,105,255,.17),transparent 38%);filter:blur(12px);animation:screen-haze-shift 8s ease-in-out infinite alternate}
@keyframes screen-haze-shift{from{transform:translate3d(-2%,1%,0) scale(.95)}to{transform:translate3d(2%,-2%,0) scale(1.08)}}
.screen-lightning{position:absolute;inset:-10%;z-index:1;pointer-events:none;opacity:0;background:linear-gradient(116deg,transparent 0%,transparent 46%,rgba(65,245,255,.03) 49%,rgba(65,245,255,.2) 49.35%,transparent 50%,transparent 100%);mix-blend-mode:screen;animation:screen-zap 7.3s linear infinite}
.screen-lightning-b{transform:scaleX(-1);animation-delay:-3.2s;background:linear-gradient(72deg,transparent 0%,transparent 38%,rgba(138,92,255,.03) 42%,rgba(138,92,255,.26) 42.3%,transparent 43%,transparent 100%)}
@keyframes screen-zap{0%,27%,29%,67%,69%,100%{opacity:0}28%,68%{opacity:1}}
.screen-sheen{position:absolute;inset:0;z-index:9;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.08),transparent 12%,transparent 82%,rgba(65,245,255,.07));mix-blend-mode:screen}
#loginView .character-stage{position:absolute;inset:0;z-index:3;overflow:hidden;display:block;perspective:1100px}
#loginView .mascot-figure{inset:0 auto 0 50%;width:min(100%,475px);height:100%;transform:translateX(-50%);z-index:3}
#loginView .character-artwork{height:100%;width:100%;object-fit:contain;object-position:center 57%;filter:drop-shadow(0 8px 18px rgba(0,0,0,.36))}
#loginView .gaze-overlay{filter:drop-shadow(0 0 4px rgba(30,255,193,.11))}
#loginView #characterCanvas{z-index:5;opacity:1;mix-blend-mode:screen;pointer-events:none}
#loginView #characterCanvas.ready{opacity:.85}
#loginView .wind-light{filter:blur(24px);opacity:.35}
#loginView .wind-light-a{background:radial-gradient(ellipse,rgba(0,255,164,.22),transparent 72%)}
#loginView .wind-light-b{background:radial-gradient(ellipse,rgba(65,245,255,.17),transparent 72%)}
/* The leaf crosses the display and leaves a rotating wind circle with the Tunisian welcome. */
#loginView .wind-greeting{position:absolute;inset:0;width:100%;height:100%;z-index:7;overflow:visible;pointer-events:none}
#loginView .wind-greeting-ring{transform-box:view-box;transform-origin:606px 205px;animation:greeting-ring-arrive 7.5s ease-in-out infinite}
#loginView .marhbe-text{font:800 15px 'DM Sans',sans-serif;letter-spacing:2.7px;fill:#b7ffd8;filter:drop-shadow(0 0 5px rgba(25,255,155,.9))}
#loginView .wind-loop{stroke-dasharray:9 11;stroke-dashoffset:0;animation:wind-loop-dash 4s linear infinite;filter:drop-shadow(0 0 6px rgba(25,255,155,.65))}
#loginView .wind-loop-two{animation-duration:6s;animation-direction:reverse}
@keyframes greeting-ring-arrive{0%,9%{opacity:0;transform:scale(.45) rotate(-65deg)}24%{opacity:.96;transform:scale(1.04) rotate(0)}69%{opacity:.92;transform:scale(1) rotate(12deg)}88%,100%{opacity:0;transform:scale(.55) rotate(65deg)}}
@keyframes wind-loop-dash{to{stroke-dashoffset:-80}}
#loginView .leaf-flight{position:absolute;left:-12%;top:29%;z-index:8;width:clamp(58px,10vw,112px);height:auto;aspect-ratio:150/190;pointer-events:none;filter:drop-shadow(0 0 12px rgba(0,255,111,.58));animation:leaf-flight-across 7.5s cubic-bezier(.43,.02,.62,.99) infinite}
#loginView .leaf-flight svg{display:block;width:100%;height:auto;overflow:visible}
@keyframes leaf-flight-across{0%{transform:translate3d(-16px,120px,0) rotate(-32deg) scale(.55);opacity:0}8%{opacity:1}28%{transform:translate3d(175px,30px,0) rotate(15deg) scale(.88);opacity:1}48%{transform:translate3d(355px,-42px,0) rotate(92deg) scale(1.06);opacity:1}67%{transform:translate3d(490px,27px,0) rotate(185deg) scale(.82);opacity:1}82%{opacity:.45}100%{transform:translate3d(670px,-65px,0) rotate(300deg) scale(.4);opacity:0}}
.monitor-neck{position:relative;z-index:-1;width:17%;height:28px;margin:-1px auto 0;background:linear-gradient(90deg,#111e2e,#40556a 45%,#0a111e);border-left:1px solid rgba(145,196,226,.25);border-right:1px solid rgba(145,196,226,.22);}
.monitor-base{position:relative;z-index:0;width:38%;height:14px;margin:0 auto;border-radius:50% 50% 8px 8px;background:linear-gradient(180deg,#52677c,#172332 65%,#050914);border:1px solid rgba(123,186,218,.36);box-shadow:0 5px 15px rgba(0,0,0,.45),0 0 18px rgba(65,245,255,.11)}
.gaming-keyboard{position:relative;z-index:4;width:74%;margin:-1px auto 0;padding:7px 8px 8px;transform:perspective(430px) rotateX(18deg);transform-origin:50% 0;border-radius:8px;background:linear-gradient(165deg,#1c2a3e,#070b15 60%,#1c2a3e);border:1px solid rgba(104,174,219,.42);box-shadow:0 11px 20px rgba(0,0,0,.38),0 0 22px rgba(0,255,164,.07),inset 0 1px 0 rgba(255,255,255,.17)}
.keyboard-row{display:flex;justify-content:center;gap:3px;margin-bottom:3px;height:12px}
.keyboard-row:last-child{margin-bottom:0}
.keyboard-row i{display:grid;place-items:center;flex:1;min-width:0;border-radius:2px;border:1px solid rgba(99,192,225,.3);background:linear-gradient(145deg,#263b52,#111b2c);box-shadow:0 1px 0 rgba(0,0,0,.9),0 0 3px rgba(65,245,255,.18);font-style:normal;color:#9defff;font:700 5px/1 'DM Sans',sans-serif;letter-spacing:-.2px;text-shadow:0 0 5px rgba(65,245,255,.35)}
.keyboard-row i:nth-child(3n){color:#87ffc8;border-color:rgba(25,255,155,.25)}
.keyboard-row .space-key{flex:4}
.gaming-mouse{position:absolute;z-index:5;right:0;bottom:0;width:clamp(39px,6vw,62px);height:clamp(60px,9vw,84px);border-radius:48% 48% 42% 42%;transform:rotate(19deg);background:linear-gradient(100deg,#0c1522,#293d52 50%,#090f1a);border:1px solid rgba(113,207,231,.58);box-shadow:0 0 0 1px rgba(65,245,255,.12),0 0 20px rgba(0,255,164,.12),inset 0 0 14px rgba(255,255,255,.06)}
.mouse-seam{position:absolute;top:0;left:50%;height:41%;width:1px;background:rgba(129,202,228,.55)}
.mouse-wheel{position:absolute;left:calc(50% - 2px);top:13%;width:4px;height:10px;border-radius:4px;background:#44ffd3;box-shadow:0 0 9px #44ffd3}
.mouse-led{position:absolute;bottom:16%;left:35%;width:30%;height:3px;border-radius:5px;background:#647cff;box-shadow:0 0 8px #647cff}
.floating-keycap{position:absolute;z-index:6;display:grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border-radius:7px;background:linear-gradient(145deg,#30465b,#111a28 68%);border:1px solid rgba(65,245,255,.48);color:#a8fff0;font:800 12px 'Orbitron',sans-serif;text-shadow:0 0 8px rgba(65,245,255,.6);box-shadow:0 0 18px rgba(65,245,255,.15),inset 0 1px 0 rgba(255,255,255,.22);animation:keycap-float 5s ease-in-out infinite}
.cap-w{top:19%;left:1%;transform:rotate(-18deg);animation-delay:-.8s}.cap-enter{top:25%;right:2%;min-width:39px;transform:rotate(13deg);animation-delay:-2.4s}.cap-shift{bottom:20%;left:9%;transform:rotate(12deg);animation-delay:-3.7s}.cap-space{bottom:12%;right:13%;font-size:7px;min-width:57px;transform:rotate(-13deg);animation-delay:-1.6s}
@keyframes keycap-float{0%,100%{translate:0 0;rotate:-3deg}50%{translate:0 -14px;rotate:5deg}}
@media(max-width:1060px){#loginView .landing-grid{grid-template-columns:minmax(330px,.93fr) minmax(360px,1.07fr);gap:25px}#loginView .hero-panel.gaming-rig{padding-left:0;padding-right:0}.gaming-keyboard{width:78%}}
@media(max-width:820px){#loginView .landing-grid{grid-template-columns:1fr;gap:30px;min-height:0;padding-top:30px}.landing-copy{width:100%;margin:0 auto}.monitor-device{width:min(100%,620px)}#loginView .hero-panel.gaming-rig{width:100%;max-width:620px;margin:0 auto;min-height:0}.monitor-screen{height:clamp(320px,65vw,440px)}#loginView .mascot-figure{width:min(100%,450px)}}
@media(max-width:520px){#loginView.login-view{padding-left:15px;padding-right:15px}#loginView .landing-grid{padding-top:18px;gap:22px}#loginView .landing-copy h1{font-size:clamp(34px,9.5vw,49px);letter-spacing:-1.7px}#loginView .manifesto{font-size:18px;margin-bottom:18px}#loginView .login-card{padding:17px 15px 17px}.monitor-bezel{padding:6px;border-radius:15px}.monitor-screen{height:clamp(290px,80vw,380px);min-height:290px;border-radius:10px}.monitor-neck{height:20px}.monitor-base{height:10px}.gaming-keyboard{width:81%;padding:5px 5px 6px}.keyboard-row{height:9px;gap:2px;margin-bottom:2px}.keyboard-row i{font-size:4px}.gaming-mouse{right:-4px;bottom:1px}.floating-keycap{min-width:26px;height:27px;font-size:9px;border-radius:5px}.cap-space{min-width:46px;font-size:6px}.cap-enter{min-width:30px}}
@media(prefers-reduced-motion:reduce){#loginView .screen-neon-haze,#loginView .screen-lightning,#loginView .wind-greeting-ring,#loginView .wind-loop,#loginView .leaf-flight,#loginView .floating-keycap{animation:none!important}#loginView .wind-greeting-ring{opacity:.9;transform:none}}

#loginView .character-stage.is-3d:after{display:none!important}


/* ===== SKG NEON STORM REBUILD: one larger monitor houses both welcome/login and the mascot. ===== */
#loginView.login-view{max-width:1840px;padding:20px clamp(16px,3.8vw,64px) 34px;min-height:100vh}
#loginView .brand-header{height:58px;margin-bottom:10px}
#loginView .landing-monitor-wrap{position:relative;isolation:isolate;width:100%;margin:0 auto;flex:1;min-width:0;padding-bottom:0}
#loginView .landing-monitor-bezel{position:relative;z-index:1;padding:clamp(5px,.65vw,10px);border-radius:clamp(18px,2vw,30px);border:1px solid rgba(112,207,239,.62);background:linear-gradient(145deg,#8ccfe3 0%,#172b3f 9%,#111b2a 23%,#050a13 76%,#486a7e 100%);box-shadow:0 0 0 2px rgba(65,245,255,.06),0 0 35px rgba(65,245,255,.11),0 28px 90px rgba(0,0,0,.52),inset 0 1px 2px rgba(255,255,255,.2)}
#loginView .landing-monitor-screen{height:clamp(610px,73vh,860px);min-height:610px;border:1px solid rgba(65,245,255,.20);border-radius:clamp(13px,1.4vw,22px);background:radial-gradient(ellipse at 74% 44%,rgba(0,242,213,.12),transparent 37%),radial-gradient(ellipse at 12% 84%,rgba(0,255,147,.09),transparent 42%),radial-gradient(ellipse at 89% 3%,rgba(102,75,255,.12),transparent 38%),linear-gradient(137deg,#02070d,#071220 50%,#08091a);box-shadow:inset 0 0 42px rgba(0,0,0,.64),inset 0 0 85px rgba(26,238,255,.04);overflow:hidden}
#loginView .landing-monitor-screen>.screen-grid{position:absolute;inset:0;z-index:0;opacity:.18;background-image:linear-gradient(rgba(99,222,237,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(99,222,237,.15) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}
#loginView .screen-neon-haze{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 16% 75%,rgba(0,255,178,.12),transparent 40%),radial-gradient(ellipse at 72% 34%,rgba(0,220,255,.10),transparent 42%);animation:haze-breathe 7s ease-in-out infinite alternate;pointer-events:none}
#loginView .screen-lightning{position:absolute;z-index:0;top:-8%;width:2px;height:45%;opacity:0;background:linear-gradient(180deg,transparent,#80fbff,rgba(65,245,255,.12),transparent);filter:drop-shadow(0 0 6px #41f5ff);transform:rotate(19deg);animation:screen-lightning-flash 8s ease-in-out infinite;pointer-events:none}
#loginView .screen-lightning-a{right:21%;animation-delay:1.4s}#loginView .screen-lightning-b{left:65%;height:35%;animation-delay:4.1s;transform:rotate(-12deg)}
#loginView .landing-grid{position:relative;z-index:2;width:100%;height:100%;min-height:0;box-sizing:border-box;grid-template-columns:minmax(300px,.91fr) minmax(350px,1.09fr);gap:clamp(22px,3vw,54px);align-items:center;padding:clamp(30px,4vw,68px) clamp(24px,4vw,68px) clamp(54px,5.5vw,83px)}
#loginView .landing-copy{max-width:660px;width:100%;padding:0;position:relative;z-index:3}
#loginView .landing-copy h1{font-size:clamp(35px,4.1vw,67px);line-height:1.1;letter-spacing:-2.3px;margin-bottom:clamp(12px,1.5vw,20px)}
#loginView .manifesto{font-size:clamp(17px,1.62vw,24px);line-height:1.48;margin-bottom:clamp(18px,2vw,27px)}
#loginView .login-card{max-width:510px;padding:clamp(17px,2vw,27px);border-color:rgba(70,234,244,.22);background:linear-gradient(145deg,rgba(4,14,27,.91),rgba(4,8,18,.90));box-shadow:0 18px 55px rgba(0,0,0,.32),0 0 30px rgba(0,224,255,.07),inset 0 1px 0 rgba(255,255,255,.055)}
#loginView .input-shell{min-height:45px}#loginView .form-message{min-height:15px}
#loginView .hero-panel.gaming-rig{position:relative;align-self:stretch;width:100%;height:100%;min-height:0;max-height:none;max-width:none;margin:0;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;display:block;isolation:isolate}
#loginView .mascot-platform-glow{position:absolute;left:7%;right:7%;bottom:8%;height:19%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,255,173,.22),rgba(65,245,255,.05) 45%,transparent 72%);filter:blur(22px);pointer-events:none;z-index:1}
#loginView .character-stage{position:absolute;inset:0;z-index:3;overflow:visible;display:block;perspective:1200px}
#loginView .mascot-figure{position:absolute;inset:0 auto 0 50%;width:min(100%,600px);height:100%;transform:translateX(-50%);transform-origin:50% 48%;z-index:3;filter:drop-shadow(0 24px 30px rgba(0,0,0,.3));pointer-events:none}
#loginView .character-artwork{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center 55%;display:block;filter:drop-shadow(0 12px 24px rgba(0,0,0,.27));}
#loginView .gaze-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 2px rgba(255,231,184,.10))}
#loginView .gaze-overlay g{transform-box:fill-box;transform-origin:center;will-change:transform}
#loginView #characterCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:4;mix-blend-mode:screen;opacity:.94;pointer-events:none}
#loginView #characterCanvas.ready{opacity:.92}
#loginView .wind-light{position:absolute;z-index:1;top:23%;height:46%;width:45%;border-radius:50%;filter:blur(28px);opacity:.33;pointer-events:none}
#loginView .wind-light-a{left:-3%;background:radial-gradient(ellipse,rgba(0,255,164,.22),transparent 72%);animation:wind-halo 8s ease-in-out infinite alternate}
#loginView .wind-light-b{right:-3%;background:radial-gradient(ellipse,rgba(65,245,255,.20),transparent 72%);animation:wind-halo 9s ease-in-out infinite alternate-reverse}
#loginView .welcome-portal{position:absolute;z-index:7;right:0;top:38%;width:clamp(126px,15vw,210px);aspect-ratio:1;display:grid;place-items:center;filter:drop-shadow(0 0 19px rgba(0,255,191,.19));animation:portal-arrival 10s ease-in-out infinite;pointer-events:none}
#loginView .portal-orbit{position:absolute;inset:8%;border-radius:50%;border:1px solid rgba(72,255,213,.70);box-shadow:inset 0 0 17px rgba(0,255,183,.15),0 0 22px rgba(0,255,192,.16)}
#loginView .portal-orbit-a{border-width:2px;border-color:rgba(151,255,223,.83);transform:rotateX(14deg) rotateY(-12deg);animation:portal-spin 11s linear infinite}
#loginView .portal-orbit-b{inset:0;border-style:dashed;border-color:rgba(65,245,255,.58);transform:rotateX(64deg) rotateZ(-14deg);animation:portal-spin 15s linear infinite reverse}
#loginView .portal-words{position:absolute;inset:0;width:100%;height:100%;overflow:visible;animation:portal-spin 24s linear infinite}
#loginView .portal-words text{fill:#cafff1;font:900 13px 'Orbitron',sans-serif;letter-spacing:2.4px;text-shadow:0 0 6px #00ffc8,0 0 12px #19ffcf}
#loginView .portal-core{position:relative;z-index:2;width:36%;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:radial-gradient(circle at 30% 22%,rgba(155,255,238,.38),rgba(0,18,33,.96) 57%,#050b17 100%);border:1px solid rgba(157,255,226,.8);box-shadow:0 0 7px #18ffcd,0 0 27px rgba(0,255,190,.53),inset 0 0 22px rgba(0,255,190,.2)}
#loginView .portal-core img{display:block;width:57%;height:57%;object-fit:contain;filter:drop-shadow(0 0 7px rgba(255,255,255,.7)) brightness(1.3)}
#loginView .portal-core span{font:900 clamp(5px,.62vw,8px) 'Orbitron',sans-serif;letter-spacing:1.8px;color:#dbfff6;text-shadow:0 0 8px #00ffc8}
#loginView .portal-spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#d9fff5;box-shadow:0 0 10px 3px #28ffc9;animation:portal-spark 2s ease-in-out infinite alternate}
#loginView .portal-spark-one{top:18%;right:18%}#loginView .portal-spark-two{bottom:22%;left:15%;animation-delay:-1.2s}
#loginView .mascot-label{position:absolute;left:8%;bottom:6%;display:flex;align-items:center;gap:7px;color:rgba(198,217,236,.55);font:800 8px 'Orbitron',sans-serif;letter-spacing:1.6px;z-index:5;pointer-events:none}
#loginView .mascot-label i{width:5px;height:5px;border-radius:50%;background:#38ffbd;box-shadow:0 0 10px #38ffbd}
#loginView .leaf-flight{position:absolute;z-index:12;left:-14%;top:57%;width:clamp(55px,7.4vw,102px);height:auto;aspect-ratio:150/190;filter:drop-shadow(0 0 13px rgba(0,255,111,.63));pointer-events:none;animation:leaf-cross-screen 10s linear infinite;will-change:left,top,transform,opacity}
#loginView .leaf-flight svg{display:block;width:100%;height:auto;overflow:visible}
#loginView .leaf-wind-trail{position:absolute;right:70%;top:48%;width:clamp(75px,14vw,210px);height:2px;transform:rotate(-7deg);transform-origin:right;background:linear-gradient(90deg,transparent,rgba(130,255,208,.0),rgba(65,245,255,.42));filter:blur(1px);}
#loginView .screen-sheen{position:absolute;inset:0;z-index:13;pointer-events:none;background:linear-gradient(120deg,transparent 18%,rgba(255,255,255,.015) 46%,transparent 62%);mix-blend-mode:screen}
#loginView .monitor-status-strip{position:absolute;left:clamp(18px,3vw,45px);right:clamp(18px,3vw,45px);bottom:15px;display:flex;justify-content:space-between;gap:12px;font:800 7px 'Orbitron',sans-serif;letter-spacing:1.5px;color:rgba(174,202,222,.48);z-index:14;pointer-events:none}
#loginView .monitor-status-strip span:first-child{display:flex;align-items:center;gap:7px}#loginView .monitor-status-strip i{width:5px;height:5px;display:inline-block;border-radius:50%;background:#49ffd0;box-shadow:0 0 7px #49ffd0}
#loginView .monitor-neck{position:relative;z-index:0;width:16%;height:30px;margin:-1px auto 0;background:linear-gradient(90deg,#111e2e,#53697a 47%,#0a111e);border-left:1px solid rgba(145,196,226,.25);border-right:1px solid rgba(145,196,226,.22);box-shadow:0 4px 12px rgba(0,0,0,.35)}
#loginView .monitor-base{position:relative;z-index:0;width:37%;height:16px;margin:0 auto;border-radius:50% 50% 8px 8px;background:linear-gradient(180deg,#70899e,#172332 65%,#050914);border:1px solid rgba(123,186,218,.42);box-shadow:0 5px 15px rgba(0,0,0,.45),0 0 18px rgba(65,245,255,.11)}
#loginView .desk-peripherals{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:clamp(22px,4vw,70px);min-height:90px;margin:0 auto;width:min(78%,900px);z-index:3}
#loginView .gaming-keyboard{position:relative;z-index:4;width:min(75%,720px);margin:2px 0 0;padding:7px 8px 8px;transform:perspective(530px) rotateX(18deg);transform-origin:50% 0;border-radius:8px;background:linear-gradient(165deg,#1c2a3e,#070b15 60%,#1c2a3e);border:1px solid rgba(104,174,219,.42);box-shadow:0 11px 20px rgba(0,0,0,.38),0 0 22px rgba(0,255,164,.07),inset 0 1px 0 rgba(255,255,255,.17)}
#loginView .keyboard-row{display:flex;justify-content:center;gap:3px;margin-bottom:3px;height:12px}#loginView .keyboard-row:last-child{margin-bottom:0}
#loginView .keyboard-row i{display:grid;place-items:center;flex:1;min-width:0;border-radius:2px;border:1px solid rgba(99,192,225,.3);background:linear-gradient(145deg,#263b52,#111b2c);box-shadow:0 1px 0 rgba(0,0,0,.9),0 0 3px rgba(65,245,255,.18);font-style:normal;color:#9defff;font:700 5px/1 'DM Sans',sans-serif}
#loginView .keyboard-row i:nth-child(3n){color:#87ffc8;border-color:rgba(25,255,155,.25)}#loginView .keyboard-row .space-key{flex:4}
#loginView .gaming-mouse{position:relative;flex-shrink:0;margin:8px 0 0;width:clamp(46px,5vw,68px);height:clamp(67px,7vw,90px);border-radius:48% 48% 42% 42%;transform:rotate(19deg);background:linear-gradient(100deg,#0c1522,#293d52 50%,#090f1a);border:1px solid rgba(113,207,231,.7);box-shadow:0 0 0 1px rgba(65,245,255,.12),0 0 25px rgba(0,255,164,.16),inset 0 0 14px rgba(255,255,255,.08)}
#loginView .mouse-seam{position:absolute;top:0;left:50%;height:41%;width:1px;background:rgba(129,202,228,.7)}#loginView .mouse-wheel{position:absolute;left:calc(50% - 2px);top:13%;width:4px;height:10px;border-radius:4px;background:#44ffd3;box-shadow:0 0 9px #44ffd3}#loginView .mouse-led{position:absolute;bottom:16%;left:35%;width:30%;height:3px;border-radius:5px;background:#647cff;box-shadow:0 0 8px #647cff}#loginView .mouse-side-glow{position:absolute;inset:15% 8%;border-radius:inherit;border-left:2px solid rgba(68,255,211,.25);filter:blur(3px)}
#loginView .floating-keycap{position:absolute;z-index:7;display:grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border-radius:7px;background:linear-gradient(145deg,#30465b,#111a28 68%);border:1px solid rgba(65,245,255,.48);color:#a8fff0;font:800 12px 'Orbitron',sans-serif;text-shadow:0 0 8px rgba(65,245,255,.6);box-shadow:0 0 18px rgba(65,245,255,.15),inset 0 1px 0 rgba(255,255,255,.22);animation:keycap-float 5s ease-in-out infinite}
#loginView .cap-w{top:-16px;left:8%;animation-delay:-.8s}#loginView .cap-enter{top:8px;right:13%;min-width:39px;animation-delay:-2.4s}#loginView .cap-shift{bottom:7px;left:15%;animation-delay:-3.7s}#loginView .cap-space{bottom:3px;right:18%;font-size:7px;min-width:57px;animation-delay:-1.6s}
#loginView .landing-monitor-screen .leaf-flight{transform-origin:center}
@keyframes leaf-cross-screen{0%{left:-14%;top:61%;transform:translate3d(0,55px,0) rotate(-42deg) scale(.58);opacity:0}6%{opacity:1}22%{top:53%;transform:translate3d(0,12px,0) rotate(16deg) scale(.88);opacity:1}39%{top:47%;transform:translate3d(0,-22px,0) rotate(85deg) scale(1.05);opacity:1}57%{top:38%;transform:translate3d(0,15px,0) rotate(157deg) scale(.94);opacity:1}76%{top:34%;transform:translate3d(0,-19px,0) rotate(238deg) scale(.82);opacity:.98}91%{opacity:1}100%{left:112%;top:29%;transform:translate3d(0,-55px,0) rotate(330deg) scale(.45);opacity:0}}
@keyframes portal-arrival{0%,45%{transform:scale(.97);filter:drop-shadow(0 0 12px rgba(0,255,191,.13))}67%{transform:scale(1.0);filter:drop-shadow(0 0 17px rgba(0,255,191,.2))}76%{transform:scale(1.07);filter:drop-shadow(0 0 26px rgba(0,255,191,.38))}86%{transform:scale(1.025);filter:drop-shadow(0 0 20px rgba(0,255,191,.28))}100%{transform:scale(.97);filter:drop-shadow(0 0 12px rgba(0,255,191,.13))}}
@keyframes portal-spin{to{rotate:360deg}}@keyframes portal-spark{from{transform:scale(.6);opacity:.4}to{transform:scale(1.45);opacity:1}}@keyframes wind-halo{from{transform:translateX(-5%) scale(.92);opacity:.24}to{transform:translateX(5%) scale(1.05);opacity:.42}}@keyframes haze-breathe{from{opacity:.5}to{opacity:1}}@keyframes screen-lightning-flash{0%,80%,100%{opacity:0}81%{opacity:.85}82%{opacity:.12}83%{opacity:.66}85%{opacity:0}}
/* Small fixed companion, present on every dashboard tab but never blocking clicks. */
.dashboard-puppy{position:fixed;right:clamp(9px,2vw,26px);bottom:clamp(4px,1.4vh,18px);z-index:25;width:clamp(94px,10vw,142px);height:auto;aspect-ratio:220/258;display:flex;align-items:center;justify-content:center;flex-direction:column;isolation:isolate;pointer-events:none;transform:translateY(var(--puppy-float,0px)) rotate(var(--puppy-tilt,0deg));transform-origin:50% 82%;animation:puppy-hover 3.8s ease-in-out infinite}
.dashboard-puppy.hidden{display:none!important}.puppy-halo{position:absolute;inset:0 1% 8%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,255,190,.12),rgba(58,106,255,.045) 52%,transparent 75%);filter:blur(8px);z-index:-1}
.puppy-art{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 7px 12px rgba(0,0,0,.55)) drop-shadow(0 0 8px rgba(0,255,193,.13))}
.puppy-nameplate{position:relative;display:flex;align-items:center;gap:5px;margin-top:-5px;padding:5px 8px;border-radius:20px;background:rgba(5,14,24,.87);border:1px solid rgba(65,245,255,.27);color:#a6fbea;font:800 6px 'Orbitron',sans-serif;letter-spacing:1.2px;box-shadow:0 0 14px rgba(0,255,190,.08)}
.puppy-nameplate i{width:4px;height:4px;border-radius:50%;background:#40ffc2;box-shadow:0 0 5px #40ffc2}
@keyframes puppy-hover{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(max-width:1060px){#loginView .landing-grid{grid-template-columns:minmax(270px,.95fr) minmax(285px,1.05fr);gap:21px;padding:31px 28px 53px}#loginView .landing-monitor-screen{height:clamp(600px,73vh,790px)}#loginView .gaming-keyboard{width:72%}#loginView .welcome-portal{right:-2%;width:clamp(112px,14vw,165px)}}
@media(max-width:820px){#loginView.login-view{padding:14px 14px 24px}#loginView .brand-header{height:52px;margin-bottom:6px}#loginView .landing-monitor-screen{height:auto;min-height:0}#loginView .landing-grid{height:auto;grid-template-columns:1fr;gap:12px;padding:27px 22px 40px}#loginView .landing-copy{max-width:610px;margin:0 auto;padding:0}#loginView .landing-copy h1{font-size:clamp(35px,7vw,58px)}#loginView .login-card{max-width:100%}#loginView .hero-panel.gaming-rig{height:clamp(350px,75vw,490px);min-height:0;max-height:none;max-width:640px;width:100%;margin:0 auto}#loginView .mascot-figure{width:min(100%,445px)}#loginView .welcome-portal{right:1%;top:36%;width:clamp(105px,20vw,150px)}#loginView .mascot-label{bottom:2%;left:4%}#loginView .monitor-status-strip{bottom:10px}#loginView .desk-peripherals{width:94%;min-height:79px;gap:16px}#loginView .gaming-keyboard{width:76%;padding:5px}#loginView .keyboard-row{height:10px;gap:2px;margin-bottom:2px}#loginView .keyboard-row i{font-size:4px}#loginView .gaming-mouse{width:40px;height:58px}.dashboard-puppy{right:5px;bottom:2px;width:92px}}
@media(max-width:520px){#loginView .landing-grid{padding:20px 14px 36px;gap:8px}#loginView .landing-copy h1{font-size:clamp(32px,9.4vw,45px);letter-spacing:-1.8px}#loginView .manifesto{font-size:17px;margin-bottom:15px}#loginView .login-card{padding:16px 14px 14px}#loginView .login-card label{margin-top:11px}#loginView .input-shell{min-height:42px}#loginView .input-shell input{height:38px}#loginView .hero-panel.gaming-rig{height:clamp(285px,76vw,370px)}#loginView .welcome-portal{width:98px;right:-2%;top:35%}#loginView .portal-words text{font-size:14px;letter-spacing:1.3px}#loginView .mascot-label{font-size:6px;letter-spacing:1px}#loginView .leaf-flight{width:54px}#loginView .monitor-status-strip{font-size:5px;letter-spacing:.7px;left:10px;right:10px}#loginView .desk-peripherals{width:98%;min-height:64px;gap:12px}#loginView .gaming-keyboard{width:80%;padding:4px}#loginView .keyboard-row{height:8px;gap:1px;margin-bottom:1px}#loginView .keyboard-row i{font-size:3px}#loginView .gaming-mouse{width:31px;height:46px;margin-top:5px}#loginView .floating-keycap{min-width:23px;height:24px;font-size:7px;border-radius:4px}#loginView .cap-space{min-width:39px;font-size:5px}#loginView .monitor-neck{height:18px}#loginView .monitor-base{height:10px;width:44%}.dashboard-puppy{width:74px;right:2px;bottom:1px}.puppy-nameplate{font-size:5px;padding:4px 6px}}
@media(prefers-reduced-motion:reduce){#loginView .leaf-flight{animation-duration:10s!important;animation-iteration-count:1!important}#loginView .portal-orbit,#loginView .portal-words,#loginView .welcome-portal{animation-duration:10s!important}}

#loginView .hoodie-skg-emblem{position:absolute;left:63%;top:77%;width:10%;height:4.5%;display:grid;place-items:center;z-index:4;pointer-events:none;transform:translate(-50%,-50%);}
#loginView .hoodie-skg-emblem span{font:900 clamp(5px,.72vw,9px) 'Orbitron',sans-serif;letter-spacing:.6px;color:#d9fff6;text-shadow:0 0 4px #00ffc8,0 0 9px rgba(0,255,200,.9);}

/* Stable mascot gaze, wider portal/leaf branding and sign-in loading overlay */
#loginView .character-artwork{object-fit:contain;object-position:center center}
#loginView .gaze-overlay{pointer-events:none}
#loginView .welcome-portal{width:clamp(185px,22vw,300px);right:-2%;top:31%;filter:drop-shadow(0 0 28px rgba(0,255,191,.35))}
#loginView .portal-core{width:47%;height:47%;border:2px solid rgba(95,255,214,.8);box-shadow:0 0 24px rgba(0,255,191,.45),inset 0 0 26px rgba(0,255,191,.22)}
#loginView .portal-core img{width:58%;height:58%;object-fit:contain}
#loginView .portal-core span{font-size:clamp(10px,1.1vw,16px);letter-spacing:.22em}
#loginView .leaf-flight{width:clamp(92px,11vw,148px);animation:leaf-cross-screen 10s linear infinite!important}
#loginView .leaf-flight svg{filter:drop-shadow(0 0 10px rgba(0,255,112,.5))}
.login-loading{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,rgba(0,255,193,.14),transparent 45%),rgba(2,6,14,.94);backdrop-filter:blur(14px)}
.login-loading.hidden{display:none!important}
.login-loading-card{position:relative;width:min(390px,calc(100vw - 36px));padding:36px 30px 30px;border:1px solid rgba(65,245,255,.38);border-radius:22px;background:linear-gradient(145deg,rgba(9,22,38,.98),rgba(4,9,19,.98));box-shadow:0 0 55px rgba(0,255,213,.12),inset 0 1px rgba(255,255,255,.08);text-align:center;overflow:hidden}
.loading-kicker{margin-top:12px;font-size:10px;letter-spacing:.25em;color:#6affd2;font-weight:800}
.login-loading-card h2{margin:9px 0 14px;font-size:23px;color:#f4f8ff}
.loading-percent{font-size:28px;font-weight:900;letter-spacing:.04em;background:linear-gradient(90deg,#42ffd0,#5fcbff,#a58cff);color:transparent;background-clip:text}
.loading-track{height:9px;margin-top:14px;border-radius:999px;overflow:hidden;background:#101c2b;border:1px solid rgba(120,210,255,.18)}
.loading-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#23ffc3,#49cfff,#9e83ff);box-shadow:0 0 18px rgba(35,255,195,.5);transition:width .08s linear}
.login-loading-card p{margin:13px 0 0;color:#8e9eb5;font-size:12px}
.loading-runner{position:relative;width:120px;height:65px;margin:0 auto;border-bottom:2px solid rgba(65,245,255,.3);animation:runner-bob .24s ease-in-out infinite alternate}
.runner-body{position:absolute;left:53px;top:10px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;color:#ff936f;font-size:25px;text-shadow:0 0 13px #ff805e;animation:runner-hop .3s ease-in-out infinite alternate}
.runner-leg{position:absolute;left:63px;top:35px;width:4px;height:22px;border-radius:4px;background:#50ffd0;transform-origin:top;box-shadow:0 0 7px #50ffd0}
.leg-a{animation:leg-run .18s linear infinite alternate}.leg-b{animation:leg-run .18s linear infinite alternate-reverse}
.runner-trail{position:absolute;left:8px;top:24px;width:37px;height:3px;background:linear-gradient(90deg,transparent,#6c9fff);box-shadow:0 7px 0 -1px #4affd1;opacity:.8}
@keyframes runner-bob{to{transform:translateY(-3px)}}@keyframes runner-hop{to{transform:translateY(-4px)}}@keyframes leg-run{to{transform:rotate(45deg)}}
@media(max-width:820px){#loginView .welcome-portal{width:clamp(125px,26vw,190px);right:0;top:32%}}

#loginView .portal-orbit-c{inset:-7%;border:1px solid rgba(128,119,255,.55);border-radius:48% 52% 44% 56%;transform:rotateX(38deg) rotateY(20deg) rotateZ(18deg);box-shadow:0 0 22px rgba(132,100,255,.2);animation:portal-spin 19s linear infinite}
#loginView .portal-words text{font-weight:900;fill:#e6fff8;filter:drop-shadow(0 0 4px #00ffc8)}
#loginView .leaf-flight{width:clamp(104px,12vw,164px)}


/* ===== SKG NEON STORM V4 ===== */
/* New bald, illustrated mascot with calmer large eyes, chest emblem, and natural blink. */
#loginView .mascot-figure{width:min(100%,570px);height:100%;overflow:visible;transform:translateX(-50%);}
#loginView .mascot-vector{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 24px 28px rgba(0,0,0,.32));}
#loginView .character-artwork,#loginView .gaze-overlay,.hoodie-skg-emblem{display:none!important;}
#loginView .mascot-vector #leftIris,#loginView .mascot-vector #rightIris{transform-box:view-box;will-change:transform;}
#loginView .mascot-vector .mascot-blink-lid{opacity:0;transform-box:fill-box;transform-origin:center;transform:scaleY(.035);transition:opacity .035s linear,transform .075s cubic-bezier(.2,.8,.2,1);pointer-events:none;}
#loginView .mascot-vector.is-blinking .mascot-blink-lid{opacity:1;transform:scaleY(1);}
#loginView .mascot-vector .mascot-blink-lid path{stroke:#b97966;}
/* Earth is a floating, star-lit object in place of the welcome portal. */
#loginView .earth-scene{position:absolute;z-index:2;right:-1.5%;top:3%;width:clamp(150px,29%,245px);aspect-ratio:1;display:grid;place-items:center;pointer-events:none;animation:earth-float 7s ease-in-out infinite;filter:drop-shadow(0 0 21px rgba(52,227,255,.12));}
#loginView .earth-illustration{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 8px rgba(65,245,255,.21));}
#loginView .earth-star{position:absolute;color:#ddfeff;text-shadow:0 0 10px #43eaff,0 0 20px #43eaff;animation:earth-star-twinkle 2.4s ease-in-out infinite alternate;}
#loginView .earth-star-a{right:8%;top:19%;font-size:18px;animation-delay:-.4s}#loginView .earth-star-b{left:7%;bottom:18%;font-size:20px;animation-delay:-1.5s}#loginView .earth-star-c{left:28%;top:6%;font-size:24px;animation-delay:-.9s}
@keyframes earth-float{0%,100%{transform:translate3d(0,0,0) rotate(-4deg)}50%{transform:translate3d(0,-12px,0) rotate(4deg)}}
@keyframes earth-star-twinkle{from{opacity:.3;transform:scale(.75)}to{opacity:1;transform:scale(1.18)}}
/* Retire all old portal rings and the companion-online label if cached markup is ever present. */
#loginView .welcome-portal,#loginView .mascot-label{display:none!important;}
/* Bright, jagged electrical strikes sweep toward the login-side of the monitor, briefly. */
#loginView .login-lightning-svg{position:absolute;z-index:2;pointer-events:none;overflow:visible;opacity:0;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(89,247,255,.95));}
#loginView .lightning-hit-a{left:-1%;top:-1%;width:36%;height:80%;animation:lightning-hit-flash 6.7s ease-in-out infinite;}
#loginView .lightning-hit-b{right:21%;top:-2%;width:27%;height:72%;animation:lightning-hit-flash 8.4s ease-in-out infinite;animation-delay:2.8s;}
#loginView .lightning-glow{stroke:#27dfff;stroke-width:8;opacity:.34;filter:blur(3px)}
#loginView .lightning-core{stroke:#e2ffff;stroke-width:2.2;opacity:.95}
#loginView .lightning-branch{stroke:#75f8ff;stroke-width:1.5;opacity:.9}
@keyframes lightning-hit-flash{0%,87%,100%{opacity:0}88%{opacity:.85}88.7%{opacity:.2}89.2%{opacity:.95}90%{opacity:.06}90.4%{opacity:.5}91.4%{opacity:0}}
/* Keep all monitor content available for clicking while effects remain decorative. */
#loginView .landing-grid{z-index:3}
#loginView .landing-copy{z-index:4}
#loginView .login-card{position:relative;z-index:5;}
#loginView .leaf-flight{z-index:12;width:clamp(112px,13vw,172px);animation:leaf-cross-screen 10s linear infinite!important;}
#loginView .leaf-flight svg{filter:drop-shadow(0 0 8px rgba(0,255,112,.6));}
/* Make the loading runner a tiny running mascot rather than a bouncing dot. */
.loading-runner{width:130px;height:73px;border-bottom:2px solid rgba(65,245,255,.3);}
.runner-figure{position:absolute;inset:0;width:100%;height:100%;overflow:visible;animation:runner-sprint .24s ease-in-out infinite alternate;}
.runner-bounce{transform-origin:56px 36px;animation:runner-body-bob .24s ease-in-out infinite alternate;}
.runner-trail{stroke:#70b8ff;stroke-width:3;stroke-linecap:round;stroke-dasharray:17 12;animation:runner-trail-run .35s linear infinite;}
.runner-leg,.runner-arm{transform-box:fill-box;transform-origin:top center;}
.runner-leg-a{animation:runner-leg-a .16s ease-in-out infinite alternate;}
.runner-leg-b{animation:runner-leg-b .16s ease-in-out infinite alternate;}
.runner-arm-a{animation:runner-arm-a .16s ease-in-out infinite alternate;}
.runner-arm-b{animation:runner-arm-b .16s ease-in-out infinite alternate;}
@keyframes runner-sprint{to{transform:translateY(-2px)}}
@keyframes runner-body-bob{to{transform:translateY(-3px) rotate(-3deg)}}
@keyframes runner-trail-run{to{stroke-dashoffset:-29}}
@keyframes runner-leg-a{to{transform:rotate(32deg)}}@keyframes runner-leg-b{to{transform:rotate(-32deg)}}
@keyframes runner-arm-a{to{transform:rotate(-22deg)}}@keyframes runner-arm-b{to{transform:rotate(22deg)}}
@media(max-width:820px){#loginView .earth-scene{right:0;top:1%;width:clamp(122px,35vw,190px);opacity:.76}#loginView .mascot-figure{width:min(100%,430px)}#loginView .leaf-flight{width:clamp(88px,20vw,128px)}#loginView .lightning-hit-a{width:43%;height:66%}#loginView .lightning-hit-b{right:9%;width:30%;height:60%}}
@media(prefers-reduced-motion:reduce){#loginView .earth-scene,#loginView .earth-star,#loginView .login-lightning-svg{animation-duration:10s!important}#loginView .mascot-vector .mascot-blink-lid{transition:none}}

#loginView #characterCanvas{z-index:2!important;mix-blend-mode:screen;opacity:.68!important}
#loginView #characterCanvas.ready{opacity:.68!important}

#loginView .mascot-chest-logo{position:absolute;z-index:5;left:50%;top:78%;width:6%;height:6.4%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 0 4px rgba(255,255,255,.28));pointer-events:none}


/* SKG Community V5: header music toggle and in-dashboard weather. */
.music-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 11px;border:1px solid rgba(88,224,255,.25);border-radius:10px;color:#b8c6d9;background:linear-gradient(145deg,rgba(16,33,48,.94),rgba(9,16,28,.96));font-size:8px;font-weight:900;letter-spacing:1.05px;transition:all .2s;white-space:nowrap}
.music-toggle-icon{font-size:17px;line-height:1;color:#55dbff}.music-toggle:hover,.music-toggle.is-on{border-color:rgba(70,255,201,.7);color:#eafff9;box-shadow:0 0 20px rgba(48,247,198,.15)}.music-toggle.is-on .music-toggle-icon{color:#4bffc8;text-shadow:0 0 10px rgba(75,255,200,.65)}
.dashboard-weather-canvas{position:fixed;inset:0;display:block;z-index:0;pointer-events:none;opacity:.82;mix-blend-mode:screen}
.app-view .app-header,.app-view .app-shell,.app-view .dashboard-puppy{position:relative;z-index:2}
.app-view .app-header{background:rgba(8,11,18,.88);backdrop-filter:blur(10px)}
.app-view .sidebar,.app-view .main-content-wrap{background-color:rgba(7,10,16,.82)}
.dashboard-puppy{cursor:pointer;touch-action:manipulation;user-select:none;outline:none;transform:translateY(var(--puppy-float,0px)) rotate(var(--puppy-tilt,0deg));transition:filter .18s;filter:drop-shadow(0 10px 18px rgba(0,0,0,.38))}
.dashboard-puppy:focus-visible{outline:2px solid #78f7ff;outline-offset:3px;border-radius:18px}.dashboard-puppy:hover{filter:drop-shadow(0 0 15px rgba(86,245,255,.24)) drop-shadow(0 10px 18px rgba(0,0,0,.38))}
#puppyLeftBrow,#puppyRightBrow{transform-box:view-box;transform-origin:center;will-change:transform;transition:stroke-width .15s}.dashboard-puppy.puppy-barking .puppy-art{animation:puppy-bark-pop .25s ease-in-out 2 alternate;filter:drop-shadow(0 0 9px rgba(255,200,138,.35))}
@keyframes puppy-bark-pop{from{translate:0 0;scale:1}to{translate:0 -4px;scale:1.025}}
/* Reward wheel */
.wheel-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:18px;align-items:stretch}
.wheel-card,.wheel-info-card{position:relative;overflow:hidden;border:1px solid rgba(97,221,255,.17);border-radius:18px;padding:24px;background:radial-gradient(ellipse at 50% 0,rgba(31,218,223,.09),transparent 56%),linear-gradient(145deg,rgba(18,25,39,.96),rgba(8,13,22,.97));box-shadow:0 22px 70px rgba(0,0,0,.2)}
.wheel-card{text-align:center;display:flex;flex-direction:column;align-items:center}.wheel-card-kicker{font-family:var(--display);font-size:10px;letter-spacing:2.2px;color:#8ef9ff;font-weight:800;margin-bottom:18px}
.wheel-pointer{position:relative;z-index:3;margin-bottom:-14px;color:#e4ffff;text-shadow:0 0 14px #44f7ff;font-size:28px;line-height:1;filter:drop-shadow(0 0 8px rgba(61,236,255,.55))}
.reward-wheel{position:relative;width:min(100%,360px);aspect-ratio:1;border-radius:50%;border:8px solid #172637;outline:2px solid rgba(93,236,255,.7);background:conic-gradient(var(--wheel-stops));box-shadow:0 0 0 8px rgba(67,222,255,.04),0 0 42px rgba(35,225,255,.15),inset 0 0 0 3px rgba(255,255,255,.25);transition:transform 6s cubic-bezier(.09,.76,.12,1);transform-origin:center;margin:0 auto 22px;isolation:isolate}
.reward-wheel:before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.3) 0deg 1deg,transparent 1deg 60deg);mask:radial-gradient(circle,transparent 0 58%,#000 58.5% 100%);pointer-events:none}
.wheel-labels{position:absolute;inset:0}.wheel-label{position:absolute;left:50%;top:50%;width:90px;margin-left:-45px;margin-top:-10px;text-align:center;font-family:var(--display);font-size:10px;font-weight:900;letter-spacing:.5px;color:white;text-shadow:0 2px 5px rgba(0,0,0,.85);transform:rotate(calc(var(--slice-index) * 60deg + 30deg)) translateY(-119px) rotate(calc(var(--slice-index) * -60deg - 30deg));}
.wheel-label-1{--slice-index:0}.wheel-label-2{--slice-index:1}.wheel-label-3{--slice-index:2}.wheel-label-4{--slice-index:3}.wheel-label-5{--slice-index:4}.wheel-label-6{--slice-index:5}
.wheel-hub{position:absolute;left:50%;top:50%;translate:-50% -50%;width:88px;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:linear-gradient(145deg,#0a1523,#192c3d);border:3px solid #b8fcff;box-shadow:0 0 0 5px rgba(29,35,52,.85),0 0 24px rgba(49,242,255,.4);z-index:2}
.wheel-hub img{width:38px;height:38px;object-fit:contain}.wheel-hub span{font-family:var(--display);font-size:7px;letter-spacing:1.4px;color:#91fff0;font-weight:900}
.wheel-status-message{font-size:11px;color:#b5c5d9;margin:0 0 14px;min-height:18px}.wheel-spin-button{width:min(100%,350px);justify-content:center;gap:16px;background:linear-gradient(100deg,#14ddb5,#42caff);border-color:rgba(106,255,239,.4);color:#04131b;box-shadow:0 8px 30px rgba(20,221,181,.12)}.wheel-spin-button:disabled{filter:grayscale(.35)}.wheel-ad-note{max-width:360px;color:#7e8da2;font-size:9px;line-height:1.7;margin:11px 0 0}.wheel-result{min-height:18px;color:#9dfce2;font-family:var(--display);font-size:12px;letter-spacing:.6px;font-weight:900;margin-top:15px;opacity:0;transform:translateY(5px);transition:all .25s}.wheel-result.show{opacity:1;transform:translateY(0)}
.wheel-info-card h3{font-family:var(--display);font-size:21px;margin:13px 0 18px}.wheel-prize-list{display:flex;flex-direction:column;gap:0}.wheel-prize-row{display:grid;grid-template-columns:13px 1fr auto;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px;color:#d8dfeb}.wheel-prize-row b{font-size:8px;letter-spacing:1px;color:#7e91a7}.wheel-prize-dot{width:11px;height:11px;border-radius:50%;background:var(--prize-color);box-shadow:0 0 12px color-mix(in srgb,var(--prize-color),transparent 45%)}
.wheel-policy{margin-top:18px;padding:13px 14px;border-radius:11px;background:rgba(78,255,215,.045);border:1px solid rgba(78,255,215,.1)}.wheel-policy b{font-size:10px;color:#b8fff1}.wheel-policy p{font-size:9px;color:#91a0b5;line-height:1.8;margin:6px 0 0}.wheel-provider-note{background:rgba(255,185,104,.04);border-color:rgba(255,185,104,.12)}.wheel-provider-note b{color:#ffd2a3}
@media(max-width:900px){.wheel-layout{grid-template-columns:1fr}.wheel-card,.wheel-info-card{padding:18px}.reward-wheel{width:min(100%,320px)}.wheel-label{transform:rotate(calc(var(--slice-index) * 60deg + 30deg)) translateY(-105px) rotate(calc(var(--slice-index) * -60deg - 30deg));font-size:9px}}
@media(max-width:520px){.app-header-right{gap:6px}.music-toggle{min-height:32px;padding:0 6px;gap:4px;font-size:0}.music-toggle-icon{font-size:16px}.wheel-label{transform:rotate(calc(var(--slice-index) * 60deg + 30deg)) translateY(-93px) rotate(calc(var(--slice-index) * -60deg - 30deg));font-size:8px;width:72px;margin-left:-36px}.wheel-hub{width:72px}.wheel-hub img{width:31px;height:31px}}
/* Runner advances across the loading strip as the 0–100% progress animates. */
.login-loading-card .loading-runner{width:min(240px,100%);height:82px;overflow:hidden}
.login-loading-card .runner-figure{inset:5px auto auto 0;width:52px;height:66px;transition:left .055s linear;will-change:left;}
.dashboard-puppy.puppy-barking::after{content:"WOOF!";position:absolute;right:78%;top:3%;padding:7px 10px;border-radius:10px 10px 2px 10px;background:linear-gradient(135deg,#effffb,#a5fff0);color:#071821;font:900 9px var(--display);letter-spacing:1px;box-shadow:0 0 20px rgba(79,255,221,.45);pointer-events:none;animation:woof-pop .52s ease-out both}
@keyframes woof-pop{0%{opacity:0;transform:translateY(9px) scale(.7)}20%{opacity:1;transform:translateY(0) scale(1)}85%{opacity:1}100%{opacity:0;transform:translateY(-7px) scale(.92)}}

/* V6: growth campaigns, tournament registrations, branded RP token, and hourly sponsor panel. */
.tasks-grid-single{grid-template-columns:minmax(0,1fr);max-width:760px}.ad-reward-note{display:block;color:#8294a7;font-size:9px;line-height:1.7;margin-top:12px}
.referral-panel{margin-top:18px}.referral-panel>p{max-width:760px;color:#9aa3b3;font-size:11px;line-height:1.8}.invite-link-row{display:flex;gap:10px;margin-top:17px}.invite-link-row input{flex:1;min-width:0;background:#090d14;border:1px solid rgba(98,219,255,.2);border-radius:9px;padding:12px;color:#a9fff0;font-size:10px}.invite-link-row .primary-button{white-space:nowrap}.referral-summary{display:flex;align-items:center;gap:10px;margin-top:17px;padding:13px;border-radius:11px;background:rgba(26,224,184,.06);border:1px solid rgba(26,224,184,.13);flex-wrap:wrap}.referral-summary strong{font:800 23px var(--display);color:#8effdc}.referral-summary span{font-size:11px;color:#d7e5ed}.referral-summary small{margin-left:auto;color:#7b8b9d;font-size:9px}.referral-friends-list{display:grid;gap:9px;margin-top:12px}.referral-friend-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:rgba(255,255,255,.018)}.referral-friend-row>div{min-width:0;flex:1}.referral-friend-row b,.referral-friend-row small{display:block}.referral-friend-row b{font-size:11px;color:#edf4fb}.referral-friend-row small{font-size:9px;color:#8e99aa;margin-top:5px}.referral-friend-row>strong{font-size:8px;letter-spacing:.7px;color:#d2a875;white-space:nowrap}.referral-friend-row>strong.referral-paid{color:#7bf2cb}.referral-progress{height:4px;overflow:hidden;border-radius:10px;background:#242b37;margin-top:8px;max-width:390px}.referral-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#18d5ad,#5af0ff);transition:width .3s}
.bracket-links-panel{margin:0 0 18px;padding:20px;border-radius:15px;border:1px solid rgba(83,230,255,.15);background:radial-gradient(ellipse at 90% 0,rgba(54,204,255,.08),transparent 55%),linear-gradient(145deg,rgba(14,23,34,.92),rgba(9,13,21,.95))}.bracket-links-panel h3{font:800 16px var(--display);margin:8px 0}.bracket-links-panel p{color:#8e9aad;font-size:10px;line-height:1.7;margin:0 0 12px}.bracket-links-list{display:grid;gap:8px}.bracket-link{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;border:1px solid rgba(88,232,255,.16);border-radius:10px;color:#e7f6ff;text-decoration:none;background:rgba(56,184,221,.04)}.bracket-link:hover{border-color:rgba(88,232,255,.45);background:rgba(56,184,221,.08)}.bracket-link span,.bracket-link b,.bracket-link small{display:block}.bracket-link b{font-size:11px}.bracket-link small{font-size:9px;color:#8b9bae;margin-top:4px}.bracket-link strong{font-size:8px;letter-spacing:.8px;color:#7ff4f4;white-space:nowrap}.bracket-empty{border-color:rgba(255,255,255,.08)}.live-tournament-card{display:flex;flex-direction:column}.bracket-card-link{align-self:flex-start;margin:12px 0 2px;text-decoration:none}.tournament-join-panel{margin-top:14px;border-top:1px solid rgba(255,255,255,.08);padding-top:13px}.tournament-join-panel summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8dfbe4;font:800 9px var(--display);letter-spacing:1px;padding:8px 0}.tournament-join-panel summary::-webkit-details-marker{display:none}.tournament-join-panel summary:after{content:'+';font-size:18px;color:#6fdafa}.tournament-join-panel[open] summary:after{content:'−'}.tournament-entry-form{display:grid;gap:11px;margin-top:10px}.tournament-entry-form label{display:grid;gap:6px;color:#99a8ba;font-size:9px;font-weight:800;letter-spacing:.3px}.tournament-entry-form input,.tournament-entry-form textarea{width:100%;box-sizing:border-box;background:#080e17;border:1px solid rgba(99,205,237,.17);border-radius:8px;padding:11px 12px;color:#ecfaff;font:500 11px 'DM Sans',sans-serif;outline:none}.tournament-entry-form input:focus,.tournament-entry-form textarea:focus{border-color:rgba(89,244,229,.65);box-shadow:0 0 0 3px rgba(54,225,206,.07)}.tournament-entry-form textarea{resize:vertical;min-height:65px}.tournament-entry-form .primary-button{width:100%;justify-content:space-between}.tournament-entry-form>small{color:#78879b;font-size:8px;line-height:1.7}
/* Make the companion truly clickable and keep it anchored at the bottom of dashboard tabs. */
.app-view .dashboard-puppy{position:fixed!important;right:clamp(10px,2vw,27px);bottom:clamp(4px,1.2vh,16px);z-index:80;pointer-events:auto;cursor:pointer}
.hourly-ad-modal{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:20px;background:rgba(2,5,10,.72);backdrop-filter:blur(10px)}.hourly-ad-modal.hidden{display:none!important}.hourly-ad-card{position:relative;width:min(450px,100%);border-radius:22px;border:1px solid rgba(86,237,255,.3);padding:28px;background:radial-gradient(ellipse at 50% 0,rgba(44,208,255,.12),transparent 50%),linear-gradient(145deg,#111c2b,#090e18 72%);box-shadow:0 30px 100px rgba(0,0,0,.55),0 0 38px rgba(52,218,255,.1);text-align:center}.hourly-ad-close{position:absolute;right:13px;top:9px;width:34px;height:34px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(255,255,255,.04);color:#eaf5ff;font-size:24px;line-height:1;cursor:pointer}.hourly-ad-kicker{display:flex;align-items:center;justify-content:center;gap:9px;color:#9af3f4;font:800 8px var(--display);letter-spacing:1.7px;margin:4px 0 21px}.ad-pulse-dot{width:6px;height:6px;border-radius:50%;background:#6effcf;box-shadow:0 0 11px #6effcf}.hourly-ad-art{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;margin:0 auto 18px;color:#d6fff7;font:900 12px var(--display);letter-spacing:3px}.hourly-ad-art img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 13px rgba(73,240,255,.35))}.hourly-ad-content h2{font:800 clamp(20px,4vw,27px) var(--display);margin:0 0 12px;color:#f0fbff}.hourly-ad-content p{max-width:330px;margin:0 auto 20px;color:#9aa9bb;font-size:11px;line-height:1.85}.hourly-ad-content .primary-button{width:min(290px,100%);justify-content:space-between;margin:0 auto}.hourly-ad-disclaimer{display:block;max-width:340px;margin:16px auto 0;color:#63758a;font-size:8px;line-height:1.7}.token-emblem{font-size:43px;letter-spacing:-2px;color:#fff1c6;text-shadow:0 0 5px rgba(255,229,162,.95),0 2px 0 #87303b,0 8px 22px rgba(255,105,62,.55)}.shop-art:before{background:radial-gradient(circle,rgba(255,129,69,.22),rgba(172,87,255,.12) 48%,transparent 72%)}.token-shell{box-shadow:inset 0 0 0 3px #ffe2a3,inset 0 0 0 8px rgba(104,34,41,.8),inset 0 0 20px 11px #872e3a,0 0 0 1px rgba(255,235,185,.6),0 0 34px rgba(255,112,71,.18)}
@media(max-width:620px){.invite-link-row{flex-direction:column}.referral-summary small{width:100%;margin-left:0}.referral-friend-row{align-items:flex-start;flex-direction:column}.bracket-link{align-items:flex-start;flex-direction:column}.hourly-ad-card{padding:24px 17px}.hourly-ad-art img{width:45px;height:45px}}


/* V7: full-screen storm-cloud tab transitions, exactly ~2 seconds total. */
.cloud-transition{position:fixed;inset:0;z-index:240;overflow:hidden;pointer-events:none;visibility:visible;opacity:1;background:#040a15;isolation:isolate;clip-path:circle(0% at 50% 50%);will-change:clip-path,opacity}
.cloud-transition.hidden{display:none!important}
.cloud-transition.cloud-cover{display:block!important;animation:skg-cloud-cover .95s cubic-bezier(.55,.02,.24,1) forwards}
.cloud-transition.cloud-away{display:block!important;clip-path:circle(160% at 50% 50%);animation:skg-cloud-away 1.05s cubic-bezier(.68,0,.3,1) forwards}
.cloud-transition-sky{position:absolute;inset:-12%;background:radial-gradient(ellipse at 49% 48%,rgba(70,234,255,.24),transparent 33%),radial-gradient(ellipse at 15% 65%,rgba(77,99,173,.55),transparent 42%),radial-gradient(ellipse at 82% 30%,rgba(88,69,150,.42),transparent 40%),linear-gradient(155deg,#0b1627 0%,#090d1c 50%,#04070f 100%);transform:scale(1.08)}
.cloud-bank{position:absolute;inset:-25% -15%;opacity:.92;filter:blur(16px);mix-blend-mode:screen;will-change:transform}
.cloud-bank-back{background:radial-gradient(ellipse at 5% 48%,rgba(83,111,151,.7) 0 12%,transparent 28%),radial-gradient(ellipse at 24% 69%,rgba(70,88,137,.84) 0 17%,transparent 35%),radial-gradient(ellipse at 52% 36%,rgba(91,107,151,.8) 0 15%,transparent 33%),radial-gradient(ellipse at 77% 66%,rgba(68,111,147,.78) 0 18%,transparent 34%),radial-gradient(ellipse at 97% 40%,rgba(88,83,145,.7) 0 13%,transparent 30%);animation:cloud-bank-drift 8s ease-in-out infinite alternate}
.cloud-bank-mid{inset:-12% -25%;opacity:.76;filter:blur(23px);background:radial-gradient(ellipse at 13% 40%,rgba(119,153,179,.72) 0 16%,transparent 32%),radial-gradient(ellipse at 40% 76%,rgba(65,105,149,.78) 0 18%,transparent 34%),radial-gradient(ellipse at 63% 29%,rgba(121,127,167,.68) 0 16%,transparent 32%),radial-gradient(ellipse at 89% 67%,rgba(78,136,166,.78) 0 20%,transparent 35%);animation:cloud-bank-drift 5.6s ease-in-out infinite alternate-reverse}
.cloud-bank-front{inset:4% -30% -24%;opacity:.7;filter:blur(30px);background:radial-gradient(ellipse at 1% 77%,rgba(148,179,194,.52) 0 20%,transparent 36%),radial-gradient(ellipse at 29% 48%,rgba(81,114,155,.64) 0 19%,transparent 34%),radial-gradient(ellipse at 60% 80%,rgba(117,132,169,.65) 0 20%,transparent 35%),radial-gradient(ellipse at 95% 50%,rgba(106,160,180,.6) 0 19%,transparent 36%);animation:cloud-front-roll 2.8s ease-in-out infinite alternate}
.cloud-transition-flash{position:absolute;inset:0;opacity:0;background:linear-gradient(120deg,transparent 25%,rgba(135,247,255,.19) 49%,transparent 70%);mix-blend-mode:screen}
.cloud-transition.cloud-cover .cloud-transition-flash{animation:cloud-flash-once .95s ease-out both}
.cloud-transition-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.86);display:flex;align-items:center;gap:12px;color:#dffbff;text-shadow:0 0 18px rgba(76,242,255,.55);font:800 10px var(--display);letter-spacing:.22em;white-space:nowrap;opacity:0}
.cloud-transition.cloud-cover .cloud-transition-label{animation:cloud-label-in .95s ease-out forwards}
.cloud-transition.cloud-away .cloud-transition-label{animation:cloud-label-out 1.05s ease-in forwards}
.cloud-transition-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;border:1px solid rgba(117,252,255,.6);box-shadow:0 0 20px rgba(62,230,255,.25),inset 0 0 16px rgba(62,230,255,.2);font-size:10px;letter-spacing:.06em}
@keyframes skg-cloud-cover{0%{clip-path:circle(0% at 50% 50%);opacity:0}18%{opacity:1}100%{clip-path:circle(160% at 50% 50%);opacity:1}}
@keyframes skg-cloud-away{0%{clip-path:circle(160% at 50% 50%);opacity:1}72%{opacity:1}100%{clip-path:circle(0% at 50% 50%);opacity:0}}
@keyframes cloud-bank-drift{from{transform:translate3d(-3%,1.5%,0) scale(1)}to{transform:translate3d(3%,-1.5%,0) scale(1.08)}}
@keyframes cloud-front-roll{from{transform:translate3d(2%,3%,0) scale(1.04)}to{transform:translate3d(-3%,-2%,0) scale(1.12)}}
@keyframes cloud-flash-once{0%,67%,100%{opacity:0}73%{opacity:.62}78%{opacity:.08}84%{opacity:.42}90%{opacity:0}}
@keyframes cloud-label-in{0%{opacity:0;transform:translate(-50%,-45%) scale(.82)}35%,78%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:1}}
@keyframes cloud-label-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-56%) scale(1.08)}}
/* Continuous, smooth running cadence. Position is driven with a fractional RAF value. */
.login-loading-card .runner-figure{transition:none!important;animation:runner-sprint-smooth .32s cubic-bezier(.45,0,.55,1) infinite alternate;transform-origin:56px 38px;will-change:transform}
.login-loading-card .runner-bounce{animation:runner-body-bob-smooth .32s cubic-bezier(.45,0,.55,1) infinite alternate;transform-origin:56px 36px}
.login-loading-card .runner-trail{animation:runner-trail-run .22s linear infinite;stroke-dasharray:14 9}
.login-loading-card .runner-leg-a{animation:runner-leg-smooth-a .32s cubic-bezier(.45,0,.55,1) infinite alternate}
.login-loading-card .runner-leg-b{animation:runner-leg-smooth-b .32s cubic-bezier(.45,0,.55,1) infinite alternate}
.login-loading-card .runner-arm-a{animation:runner-arm-smooth-a .32s cubic-bezier(.45,0,.55,1) infinite alternate}
.login-loading-card .runner-arm-b{animation:runner-arm-smooth-b .32s cubic-bezier(.45,0,.55,1) infinite alternate}
@keyframes runner-sprint-smooth{0%{transform:translateY(0) rotate(-1deg)}100%{transform:translateY(-2px) rotate(1deg)}}
@keyframes runner-body-bob-smooth{0%{transform:translateY(0) rotate(-1deg)}100%{transform:translateY(-2.5px) rotate(1.5deg)}}
@keyframes runner-leg-smooth-a{0%{transform:rotate(-28deg)}100%{transform:rotate(34deg)}}
@keyframes runner-leg-smooth-b{0%{transform:rotate(34deg)}100%{transform:rotate(-28deg)}}
@keyframes runner-arm-smooth-a{0%{transform:rotate(25deg)}100%{transform:rotate(-24deg)}}
@keyframes runner-arm-smooth-b{0%{transform:rotate(-24deg)}100%{transform:rotate(25deg)}}
@media(prefers-reduced-motion:reduce){.cloud-transition.cloud-cover,.cloud-transition.cloud-away,.cloud-bank,.cloud-transition-label,.cloud-transition-flash{animation-duration:.01ms!important;animation-iteration-count:1!important}.login-loading-card .runner-figure,.login-loading-card .runner-bounce,.login-loading-card .runner-trail,.login-loading-card .runner-leg-a,.login-loading-card .runner-leg-b,.login-loading-card .runner-arm-a,.login-loading-card .runner-arm-b{animation-duration:.6s!important}}


/* V8: stronger lightning-and-cloud arena transition */
.app-header{z-index:220!important;overflow:visible!important}.app-header-right,.profile-menu-wrap{position:relative;z-index:230!important}.profile-menu-wrap{isolation:isolate}.profile-dropdown{position:absolute!important;z-index:9999!important;pointer-events:auto!important;top:calc(100% + 10px)!important;right:0!important;min-width:220px!important}.profile-dropdown.hidden{display:none!important}.profile-dropdown button{position:relative;z-index:1;pointer-events:auto!important;min-height:42px}.cloud-transition{background:#020713!important;clip-path:none!important;isolation:isolate}.cloud-transition.cloud-cover{animation:skg-lightning-cover 1s cubic-bezier(.55,.02,.24,1) forwards!important}.cloud-transition.cloud-away{animation:skg-lightning-away 1s cubic-bezier(.68,0,.3,1) forwards!important}.cloud-transition-sky{background:radial-gradient(ellipse at 50% 50%,rgba(61,230,255,.24),transparent 35%),linear-gradient(180deg,#0c2037,#050915 55%,#02040a)!important}.cloud-bank{filter:drop-shadow(0 0 22px rgba(81,222,255,.24))!important}.cloud-transition-flash{background:radial-gradient(ellipse at 50% 45%,rgba(210,250,255,.85),rgba(68,214,255,.25) 24%,transparent 65%)!important}.transition-bolt{position:absolute;top:-3%;height:108%;width:min(30vw,280px);overflow:visible;opacity:0;filter:drop-shadow(0 0 7px #56eaff) drop-shadow(0 0 24px #19baff);z-index:5}.transition-bolt path{fill:none;stroke:#f3ffff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.transition-bolt path+path{stroke:#56dfff;stroke-width:2}.transition-bolt-a{left:20%;}.transition-bolt-b{right:19%;}.cloud-transition.cloud-cover .transition-bolt-a{animation:bolt-hit .85s .05s ease-out both}.cloud-transition.cloud-cover .transition-bolt-b{animation:bolt-hit .8s .22s ease-out both}.transition-logo{position:absolute;z-index:8;left:50%;top:50%;width:clamp(100px,14vw,176px);aspect-ratio:1;transform:translate(-50%,-50%) scale(.35);opacity:0;display:grid;place-items:center;border-radius:30%;border:2px solid rgba(109,246,255,.8);background:radial-gradient(circle,rgba(36,213,255,.28),rgba(7,13,27,.93) 68%);box-shadow:0 0 25px #25cfff,0 0 70px rgba(25,191,255,.65),inset 0 0 34px rgba(70,226,255,.25);font:900 clamp(20px,3vw,34px) Orbitron,sans-serif;color:#e9fdff;text-shadow:0 0 16px #52eaff}.transition-logo img{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain;opacity:.25;filter:drop-shadow(0 0 15px #37e8ff)}.cloud-transition.cloud-cover .transition-logo{animation:skg-logo-strike 1s .1s cubic-bezier(.18,.7,.18,1) both}.cloud-transition.cloud-away .transition-logo{animation:skg-logo-fade .45s ease-in both}.cloud-drift{position:absolute;z-index:3;left:-40vw;width:48vw;height:18vh;min-height:90px;border-radius:50%;background:radial-gradient(ellipse,rgba(160,221,255,.36),rgba(63,115,174,.2) 43%,transparent 72%);filter:blur(15px);opacity:0}.cloud-transition.cloud-cover .cloud-drift-one{animation:cloud-drift 1.3s ease-in-out both}.cloud-transition.cloud-cover .cloud-drift-two{animation:cloud-drift 1.5s .12s ease-in-out both;top:58%;transform:scale(.7)}
@keyframes skg-lightning-cover{0%{opacity:0;clip-path:circle(0% at 50% 50%)}15%{opacity:1}100%{opacity:1;clip-path:circle(160% at 50% 50%)}}
@keyframes skg-lightning-away{0%{opacity:1;clip-path:circle(160% at 50% 50%)}100%{opacity:0;clip-path:circle(0% at 50% 50%)}}
@keyframes bolt-hit{0%,100%{opacity:0;transform:translateY(-3%) scaleY(.92)}12%,30%,49%{opacity:1}20%,40%{opacity:.2}60%{opacity:.9}85%{opacity:0} }
@keyframes skg-logo-strike{0%{opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(-16deg)}32%{opacity:1;transform:translate(-50%,-50%) scale(1.16) rotate(4deg)}55%{transform:translate(-50%,-50%) scale(.96) rotate(-2deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}
@keyframes skg-logo-fade{to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}
@keyframes cloud-drift{0%{opacity:0;left:-40vw}20%{opacity:.95}80%{opacity:.75}100%{opacity:0;left:115vw}}

/* Tier list */
.tier-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.tier-search-wrap{display:flex;align-items:center;gap:10px;width:min(460px,100%);min-height:46px;padding:0 14px;border:1px solid rgba(104,224,255,.22);border-radius:11px;background:rgba(11,18,29,.85);color:#77e9ff}.tier-search-wrap span{font-size:24px}.tier-search-wrap input{width:100%;border:0;outline:0;background:transparent;color:#f2f8ff;font:500 12px 'DM Sans',sans-serif}.tier-count{color:#8e9eaf;font:800 8px Orbitron,sans-serif;letter-spacing:1px}.tier-champion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:10px}.tier-champion-card{min-width:0;padding:8px 8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:linear-gradient(150deg,rgba(20,30,45,.96),rgba(9,13,22,.96));color:#edf8ff;text-align:left;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.tier-champion-card:hover,.tier-champion-card:focus-visible{transform:translateY(-3px);border-color:rgba(81,226,255,.65);box-shadow:0 8px 25px rgba(12,180,255,.12);outline:0}.tier-champion-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;margin-bottom:9px;background:#0a101c}.tier-champion-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800}.tier-champion-card small{display:block;margin-top:4px;color:#7c94a8;font-size:8px;text-transform:uppercase}.tier-loading,.tier-load-error{grid-column:1/-1;padding:35px 20px;text-align:center;border:1px dashed rgba(107,222,255,.25);border-radius:14px;color:#9bb1c4;font-size:12px;line-height:1.8}.tier-spinner{display:block;width:24px;height:24px;margin:0 auto 12px;border:2px solid rgba(73,219,255,.2);border-top-color:#5de7ff;border-radius:50%;animation:tier-spin .8s linear infinite}@keyframes tier-spin{to{transform:rotate(360deg)}}.tier-load-error b{color:#eafaff}.tier-build-panel{margin-top:24px;padding:clamp(16px,3vw,28px);border:1px solid rgba(82,225,255,.27);border-radius:18px;background:radial-gradient(ellipse at 8% 0%,rgba(29,191,255,.11),transparent 45%),linear-gradient(140deg,rgba(15,25,40,.98),rgba(8,12,21,.98));box-shadow:0 15px 55px rgba(0,0,0,.22);scroll-margin-top:100px}.tier-build-head,.tier-build-identity{display:flex;align-items:center;gap:14px}.tier-build-head{justify-content:space-between;gap:16px;margin-bottom:25px}.tier-build-identity img{width:76px;height:76px;object-fit:cover;border-radius:13px;border:1px solid rgba(91,228,255,.4)}.tier-build-identity h3{font:800 25px Orbitron,sans-serif;margin:0 0 6px}.tier-build-identity p{font-size:11px;color:#92a7b9;margin:0}.tier-build-section{margin-top:20px}.tier-build-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.tier-build-title h4{margin:0;font:800 12px Orbitron,sans-serif;letter-spacing:.5px}.tier-build-title span{font:800 8px Orbitron,sans-serif;color:#64e7ff;letter-spacing:1px}.tier-item-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.tier-item-card{min-width:0;padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(0,0,0,.18)}.tier-item-card img{display:block;width:48px;height:48px;object-fit:cover;border-radius:8px;margin-bottom:9px}.tier-item-card b{display:block;font-size:10px;line-height:1.4}.tier-item-card small{display:block;color:#59dfff;font-size:8px;margin-top:5px}.tier-item-card p{color:#8295a8;font-size:9px;line-height:1.55;margin:8px 0 0}.tier-rune-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.tier-rune-card{padding:14px;border:1px solid rgba(111,209,255,.16);border-radius:10px;background:rgba(3,9,18,.45)}.tier-rune-card small,.tier-rune-card b{display:block}.tier-rune-card small{font:800 7px Orbitron,sans-serif;letter-spacing:.8px;color:#65dfff;margin-bottom:8px}.tier-rune-card b{font-size:11px}.tier-build-caveat,.tier-footnote{color:#7f91a3;font-size:10px;line-height:1.8;margin:16px 0 0}.tier-footnote{padding:14px 2px}.tier-build-panel.hidden{display:none!important}
@media(max-width:850px){.tier-item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tier-champion-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr))}.tier-build-head{align-items:flex-start}.tier-build-identity img{width:60px;height:60px}}
@media(max-width:520px){.tier-tools{align-items:stretch;flex-direction:column}.tier-count{align-self:flex-end}.tier-champion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.tier-champion-card{padding:6px}.tier-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tier-build-identity h3{font-size:17px}.tier-build-identity img{width:52px;height:52px}.tier-build-head>.secondary-button{padding:8px;font-size:8px}}

/* V9: a complete 1.5 second SKG lightning transition and stronger in-app storm */
.cloud-transition.cloud-cover{animation:skg-lightning-cover .75s cubic-bezier(.55,.02,.24,1) forwards!important}
.cloud-transition.cloud-away{animation:skg-lightning-away .75s cubic-bezier(.68,0,.3,1) forwards!important}
.cloud-transition.cloud-running .transition-logo{animation:skg-logo-mega 1.5s cubic-bezier(.16,.72,.2,1) both!important;opacity:0}
.cloud-transition.cloud-running .transition-bolt-a{animation:bolt-hit .68s .02s ease-out both!important}
.cloud-transition.cloud-running .transition-bolt-b{animation:bolt-hit .62s .08s ease-out both!important}
.cloud-transition.cloud-running .cloud-drift-one{animation:cloud-drift 1.45s ease-in-out both!important}
.cloud-transition.cloud-running .cloud-drift-two{animation:cloud-drift 1.35s .12s ease-in-out both!important;top:58%;transform:scale(.7)}
.transition-logo{will-change:transform,opacity}
.transition-logo img{opacity:.82;filter:drop-shadow(0 0 16px #37e8ff)}
@keyframes skg-logo-mega{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.06) rotate(-15deg)}
  12%{opacity:1;transform:translate(-50%,-50%) scale(.55) rotate(5deg)}
  28%{opacity:1;transform:translate(-50%,-50%) scale(1.28) rotate(-2deg)}
  52%{opacity:1;transform:translate(-50%,-50%) scale(3.35) rotate(0)}
  76%{opacity:1;transform:translate(-50%,-50%) scale(5.2) rotate(0)}
  91%{opacity:.76;transform:translate(-50%,-50%) scale(6.4) rotate(0)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(7.2) rotate(0)}
}
#appView{position:relative;isolation:isolate}
#appView::before{content:"";position:fixed;inset:0;z-index:200;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 74% 12%,rgba(206,251,255,.44),transparent 26%),linear-gradient(115deg,transparent 0 43%,rgba(115,239,255,.08) 47%,rgba(215,253,255,.34) 48%,rgba(78,206,255,.14) 49%,transparent 52%);mix-blend-mode:screen;animation:skg-site-lightning 7.4s linear infinite}
#appView::after{content:"";position:fixed;inset:-12% -8%;z-index:199;pointer-events:none;opacity:.22;background-image:repeating-linear-gradient(108deg,transparent 0 17px,rgba(153,224,255,.35) 18px,rgba(159,225,255,.12) 19px,transparent 20px 35px);background-size:190px 250px;mix-blend-mode:screen;animation:skg-site-rain .64s linear infinite}
@keyframes skg-site-rain{from{background-position:0 0}to{background-position:-60px 250px}}
@keyframes skg-site-lightning{0%,75%,100%{opacity:0}76%{opacity:.42}76.4%{opacity:.07}77%{opacity:.54}77.5%{opacity:.09}78%{opacity:.28}79%{opacity:0}91%{opacity:0}91.15%{opacity:.22}91.45%{opacity:0}}
@media(prefers-reduced-motion:reduce){#appView::before,#appView::after{animation:none!important;opacity:.06!important}.cloud-transition.cloud-running .transition-logo{animation:none!important;opacity:1!important;transform:translate(-50%,-50%) scale(1)!important}}

/* V9 Tier List role picker, live source results and rune art */
.tier-role-picker{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px;padding:7px;border:1px solid rgba(105,223,255,.14);border-radius:12px;background:rgba(1,8,17,.42)}
.tier-role-button{border:1px solid transparent;border-radius:8px;padding:10px 13px;background:transparent;color:#93a6b7;font:800 8px Orbitron,sans-serif;letter-spacing:.8px;cursor:pointer;transition:all .18s}
.tier-role-button:hover,.tier-role-button:focus-visible{color:#e9fbff;border-color:rgba(73,220,255,.32);outline:none}
.tier-role-button.active{color:#03111a;border-color:#72edff;background:linear-gradient(135deg,#91f3ff,#35c9f2);box-shadow:0 0 18px rgba(58,208,255,.2)}
.tier-meta-status{display:flex;align-items:center;gap:14px;padding:23px 18px;border:1px solid rgba(103,224,255,.15);border-radius:12px;background:rgba(1,8,17,.42)}
.tier-meta-status .tier-spinner{flex:0 0 24px;margin:0}
.tier-meta-status b,.tier-live-unavailable b{display:block;color:#e9faff;font-size:12px}
.tier-meta-status p,.tier-live-unavailable p,.tier-rune-unavailable p{margin:7px 0 0;color:#92a6b8;font-size:10px;line-height:1.8}
.tier-source-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.tier-source-links a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border:1px solid rgba(84,224,255,.26);border-radius:8px;background:rgba(21,81,105,.18);color:#a9f3ff;text-decoration:none;font:800 8px Orbitron,sans-serif;letter-spacing:.7px;transition:background .18s,border-color .18s,transform .18s}
.tier-source-links a:hover{transform:translateY(-2px);border-color:rgba(84,224,255,.75);background:rgba(21,120,148,.28)}
.tier-live-unavailable{padding:21px;border:1px dashed rgba(105,224,255,.25);border-radius:12px;background:rgba(3,9,17,.43)}
.tier-rune-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}
.tier-rune-card{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid rgba(111,209,255,.16);border-radius:10px;background:rgba(3,9,18,.45)}
.tier-rune-card img{flex:0 0 44px;width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(89,212,255,.18))}
.tier-rune-card small,.tier-rune-card b{display:block}.tier-rune-card small{font:800 7px Orbitron,sans-serif;letter-spacing:.8px;color:#65dfff;margin-bottom:7px}.tier-rune-card b{font-size:10px;line-height:1.4}
.tier-rune-gallery{display:flex;flex-wrap:wrap;gap:9px}
.tier-rune-tree{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(111,209,255,.15);border-radius:8px;background:rgba(3,9,18,.45);color:#bfd2e1;font-size:10px}
.tier-rune-tree img{width:30px;height:30px;object-fit:contain}
.tier-rune-unavailable{padding:15px;border:1px solid rgba(111,209,255,.12);border-radius:12px;background:rgba(3,9,18,.28)}
@media(max-width:520px){.tier-role-button{padding:9px 10px;font-size:7px}.tier-source-links a{flex:1}.tier-rune-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tier-rune-card{align-items:flex-start;padding:9px;gap:7px}.tier-rune-card img{width:34px;height:34px;flex-basis:34px}}

/* V10: SKG live duo radar and atmospheric, rounded rain droplets */
.nav-tab[data-tab="duo"].active{background:linear-gradient(100deg,rgba(63,207,255,.16),rgba(89,99,255,.08));border-color:rgba(78,213,255,.35)}
.nav-tab[data-tab="duo"].active .nav-icon{background:rgba(49,204,255,.15);color:#70e8ff}
.duo-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:17px;align-items:start}
.duo-radar-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;padding:clamp(18px,3vw,30px);border:1px solid rgba(83,213,255,.25);border-radius:20px;background:radial-gradient(ellipse at 50% 45%,rgba(13,125,206,.12),transparent 48%),linear-gradient(145deg,rgba(9,20,36,.98),rgba(5,10,20,.98));box-shadow:0 20px 65px rgba(0,0,0,.24),inset 0 0 45px rgba(24,141,225,.035)}
.duo-radar-card:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(84,194,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(84,194,255,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(black,transparent 85%)}
.duo-radar-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.duo-kicker{font:800 8px Orbitron,sans-serif;letter-spacing:1.7px;color:#60dcff}.duo-radar-head h2{font:800 clamp(18px,2vw,26px) Orbitron,sans-serif;letter-spacing:-.7px;margin:9px 0 0}.duo-live-pill{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid rgba(112,143,170,.22);border-radius:999px;padding:8px 10px;color:#9bafc1;font:800 7px Orbitron,sans-serif;letter-spacing:.8px}.duo-live-pill i{width:6px;height:6px;border-radius:50%;background:#6e8295;display:inline-block}.duo-radar-card.is-scanning .duo-live-pill{border-color:rgba(53,232,184,.28);color:#65f1c1}.duo-radar-card.is-scanning .duo-live-pill i{background:#49f3bb;box-shadow:0 0 12px #49f3bb;animation:duo-pulse 1.2s infinite}.duo-radar-card.has-match .duo-live-pill{border-color:rgba(53,232,184,.3);color:#65f1c1}.duo-radar-card.has-match .duo-live-pill i{background:#49f3bb}
.duo-radar{position:relative;width:min(100%,390px);aspect-ratio:1;margin:14px auto 8px;border-radius:50%;overflow:hidden;background:radial-gradient(circle,rgba(15,107,174,.17),rgba(4,15,30,.18) 55%,rgba(2,8,17,.4));border:1px solid rgba(83,211,255,.14);box-shadow:inset 0 0 35px rgba(15,164,255,.08),0 0 35px rgba(0,128,255,.04)}
.duo-radar-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:1;border:1px solid rgba(77,203,255,.25);border-radius:50%}.ring-a{width:28%}.ring-b{width:53%}.ring-c{width:78%;border-color:rgba(77,203,255,.32)}.duo-radar-cross{position:absolute;background:rgba(77,203,255,.13)}.cross-x{left:0;right:0;height:1px;top:50%}.cross-y{top:0;bottom:0;width:1px;left:50%}.duo-radar-sweep{position:absolute;inset:7%;border-radius:50%;background:conic-gradient(from 0deg,rgba(19,182,255,0) 0deg,rgba(19,182,255,0) 260deg,rgba(35,212,255,.04) 300deg,rgba(35,212,255,.38) 352deg,rgba(35,212,255,0) 360deg);animation:duo-radar-spin 4.2s linear infinite;transform-origin:center}.duo-radar-card:not(.is-scanning) .duo-radar-sweep{opacity:.35}.duo-radar-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:94px;height:94px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:radial-gradient(circle,rgba(12,61,102,.94),rgba(3,14,29,.96));border:1px solid rgba(65,207,255,.45);box-shadow:0 0 26px rgba(0,170,255,.18),inset 0 0 22px rgba(0,170,255,.12);color:#b4f2ff}.duo-radar-center>span{font-size:28px;line-height:1;color:#69e5ff;text-shadow:0 0 16px rgba(72,211,255,.65)}.duo-radar-center small{font:800 7px Orbitron,sans-serif;letter-spacing:.65px;color:#c2dce9}.duo-radar-card.is-scanning .duo-radar-ring.ring-c{animation:duo-ring-pulse 2.2s ease-out infinite}.duo-radar-card.is-scanning .duo-radar-ring.ring-b{animation:duo-ring-pulse 2.2s .7s ease-out infinite}.duo-radar-card.is-scanning .duo-radar-ring.ring-a{animation:duo-ring-pulse 2.2s 1.4s ease-out infinite}.radar-blip{position:absolute;z-index:2;width:8px;height:8px;border-radius:50%;background:#62f2ff;box-shadow:0 0 10px #3ddcff,0 0 22px rgba(61,220,255,.65);opacity:.75}.blip-a{left:26%;top:29%}.blip-b{right:22%;top:36%;background:#83a4ff;box-shadow:0 0 12px #83a4ff}.blip-c{left:34%;bottom:23%;width:5px;height:5px}.blip-d{right:29%;bottom:27%;background:#4af0ba;box-shadow:0 0 12px #4af0ba}.duo-radar-card.is-scanning .radar-blip{animation:duo-blip 1.4s ease-in-out infinite alternate}.blip-b{animation-delay:.3s}.blip-c{animation-delay:.8s}.blip-d{animation-delay:.5s}.duo-status-copy{max-width:440px;min-height:38px;margin:12px auto 17px;text-align:center;color:#a0b6c8;font-size:11px;line-height:1.8}.duo-actions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.duo-start-button{width:min(380px,100%);min-height:48px;justify-content:space-between;border:1px solid rgba(67,223,255,.55);background:linear-gradient(105deg,#057bda,#1654d9 65%,#463be4);box-shadow:0 0 25px rgba(12,139,255,.18);color:#fff}.duo-start-button:hover{box-shadow:0 0 35px rgba(12,177,255,.28);transform:translateY(-1px)}.duo-safety-note{max-width:480px;margin:17px auto 0;text-align:center;color:#647c8f;font-size:9px;line-height:1.7}.duo-partner-card{display:flex;align-items:center;gap:12px;width:min(430px,100%);margin:0 auto 17px;padding:12px;border:1px solid rgba(69,241,187,.28);border-radius:12px;background:rgba(31,205,148,.06)}.duo-partner-card>img{width:44px;height:44px;object-fit:cover;border-radius:12px;border:1px solid rgba(78,233,189,.35)}.duo-partner-card>div{display:grid;gap:4px;flex:1;min-width:0}.duo-partner-card small{font:800 7px Orbitron,sans-serif;letter-spacing:1px;color:#6ef0c3}.duo-partner-card b{font-size:12px;overflow-wrap:anywhere}.duo-partner-card span{font-size:9px;color:#88adab}.duo-partner-card .duo-partner-check{font-size:20px;color:#61f0bc}
.duo-info-column{display:grid;gap:11px}.duo-info-card{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid rgba(89,175,222,.16);border-radius:13px;background:linear-gradient(135deg,rgba(14,27,43,.94),rgba(8,15,26,.95))}.duo-info-icon{display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:10px;background:rgba(38,176,255,.1);border:1px solid rgba(61,194,255,.17);color:#65dfff;font-size:20px}.duo-info-card b{display:block;font-size:11px;margin:1px 0 7px}.duo-info-card p{font-size:10px;line-height:1.75;color:#8299ac;margin:0}.duo-info-card p strong{color:#70e6ff;font-size:14px}.duo-how-card{padding:18px;border:1px solid rgba(89,175,222,.13);border-radius:13px;background:rgba(4,11,21,.65)}.duo-how-card>small{display:block;margin-bottom:15px;font:800 8px Orbitron,sans-serif;letter-spacing:1.4px;color:#67dcff}.duo-how-card>div{display:flex;align-items:center;gap:11px;margin-top:12px;color:#a5b6c5;font-size:10px}.duo-how-card>div i{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:8px;background:rgba(57,176,255,.1);color:#69ddff;font:800 8px Orbitron,sans-serif;font-style:normal}.duo-how-card b{color:#e7f8ff}
@keyframes duo-radar-spin{to{transform:rotate(360deg)}}@keyframes duo-ring-pulse{0%{opacity:.35;transform:translate(-50%,-50%) scale(.94)}65%{opacity:1}100%{opacity:.25;transform:translate(-50%,-50%) scale(1.05)}}@keyframes duo-blip{from{opacity:.35;filter:brightness(.8)}to{opacity:1;filter:brightness(1.5)}}@keyframes duo-pulse{50%{opacity:.35;box-shadow:0 0 3px #49f3bb}}
@media(max-width:900px){.duo-layout{grid-template-columns:1fr}.duo-info-column{grid-template-columns:repeat(2,minmax(0,1fr))}.duo-how-card{grid-column:1/-1}}
@media(max-width:560px){.duo-info-column{grid-template-columns:1fr}.duo-how-card{grid-column:auto}.duo-radar{width:min(100%,310px)}.duo-radar-center{width:78px;height:78px}.duo-radar-head{align-items:center}.duo-live-pill{font-size:6px;padding:7px}.duo-actions>*{width:100%}}
@media(prefers-reduced-motion:reduce){.duo-radar-sweep,.duo-radar-ring,.radar-blip{animation:none!important}}


/* V11 visual refinement: screenshot-inspired, restrained SKG midnight blue theme. */
:root{
  --bg:#050b14;--panel:#091321;--panel2:#0c1a2b;--line:rgba(103,177,230,.17);
  --muted:#8c9daf;--text:#edf5fc;--orange:#52baff;--orange2:#9addff;
  --purple:#6d9dce;--green:#9bcde8;--font:'DM Sans',Inter,system-ui,sans-serif;
  --display:'Orbitron','DM Sans',sans-serif;
}
body{background:radial-gradient(ellipse at 50% -20%,rgba(24,82,139,.28),transparent 48%),linear-gradient(180deg,#030811 0%,#06101d 55%,#030811 100%);}
.noise{opacity:.022}
.ambient{opacity:.045!important;filter:blur(120px)}
.ambient-a{background:#126fc5!important;left:-340px!important;top:30vh}
.ambient-b{background:#175ba3!important;right:-350px!important;top:10vh}
#atmosphereCanvas{opacity:.55}
body.is-in-app #atmosphereCanvas{opacity:0}
button:focus-visible,input:focus-visible,a:focus-visible{outline-color:#72c9ff}
.brand-header{border-bottom:1px solid rgba(100,175,232,.12)}
.logo-wrap{border-color:rgba(98,183,242,.28);box-shadow:0 0 24px rgba(24,127,206,.1)}
.brand-wordmark b,.app-brand b{letter-spacing:2px}
.gradient-text,.sidebar-gradient{background:linear-gradient(100deg,#cdeeff 0%,#6fc5ff 66%,#9dd5ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.orange-text{color:#72c7ff!important}
.manifesto strong{color:#eaf6ff}
.eyebrow-line,.form-neon-rule{background:#3f9cdb!important}
.login-card{border-color:rgba(105,184,235,.18);background:linear-gradient(140deg,rgba(9,23,39,.96),rgba(5,12,22,.98));box-shadow:0 22px 70px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.035)}
.login-card label{color:#a4b6c8}
.input-shell{border-color:#1c344b;background:rgba(3,11,21,.85)}
.input-shell:focus-within{border-color:rgba(82,186,255,.78);box-shadow:0 0 0 3px rgba(63,156,219,.12)}
.input-symbol,.show-password{color:#8ccfff}
.form-message.success{color:#a5d7f2}
.primary-button{border:1px solid rgba(115,202,255,.38);background:linear-gradient(105deg,#1268ab,#167fbd);color:#f4fbff;box-shadow:0 7px 22px rgba(10,109,181,.16);}
.primary-button:hover:not(:disabled){box-shadow:0 10px 28px rgba(20,132,207,.22);filter:brightness(1.08)}
.secondary-button{border-color:rgba(103,181,231,.28);background:rgba(42,111,166,.1);color:#bbdff5}
.secondary-button:hover:not(:disabled){border-color:rgba(109,199,255,.5);background:rgba(42,125,190,.17)}
.auth-mode-toggle{color:#8bcdf5}
.auth-mode-toggle:hover{color:#d8f0ff}
.hero-panel{border-color:rgba(90,168,225,.19);background:radial-gradient(ellipse at 50% 45%,#112b46 0%,#091726 45%,#050c16 82%);box-shadow:0 30px 100px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.035)}
.hero-glow{background:radial-gradient(ellipse,rgba(42,147,225,.17),rgba(58,102,151,.045) 49%,transparent 72%)}
.orbit-b{border-color:rgba(88,179,237,.13)}
.chip-gem,.lock-orb{background:rgba(48,140,206,.12);border-color:rgba(90,183,239,.24);color:#9ddcff}
.hero-grid{opacity:.08}
.hero-panel:before{background:linear-gradient(115deg,rgba(190,230,255,.025),transparent 32%,transparent 71%,rgba(95,177,228,.025))}
.live-dot,.hero-status i,.status-dot{background:#8ec8ed;box-shadow:0 0 10px rgba(91,184,239,.42)}
.tiny-star{color:#9ad7ff}
.app-header{background:rgba(3,10,19,.91);border-bottom-color:rgba(94,169,224,.18);padding-left:clamp(18px,3vw,42px);padding-right:clamp(18px,3vw,42px);}
.app-header:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:58px;pointer-events:none;opacity:.10;background:url('assets/skg-logo-mark.png') center/contain no-repeat;filter:drop-shadow(0 0 20px rgba(77,176,242,.55))}
.app-brand,.app-header-right{position:relative;z-index:2}
.app-brand img{border-color:rgba(96,183,239,.26);background:#06101c;box-shadow:0 0 18px rgba(21,106,172,.1)}
.wallet-mini{border-color:rgba(94,177,232,.2);background:rgba(28,94,143,.09)}
.coin-mini{background:rgba(69,157,212,.14);color:#aedfff}
.wallet-mini small{color:#94a8ba}
.header-avatar-button{border-color:rgba(111,193,240,.28);background:#0a1726}
.profile-dropdown{border-color:rgba(102,181,231,.25);background:rgba(5,16,29,.98);box-shadow:0 20px 60px rgba(0,0,0,.55)}
.profile-dropdown button:hover{background:rgba(58,137,192,.16);color:#e5f6ff}
.app-shell{grid-template-columns:232px minmax(0,1fr)}
.sidebar{background:rgba(4,12,22,.83);border-right-color:rgba(94,169,224,.15)}
.sidebar-label{color:#7390a9}
.nav-list{gap:4px}
.nav-tab{color:#99aabd;border-radius:8px;min-height:45px}
.nav-tab:hover{background:rgba(92,165,218,.07);color:#edf7ff}
.nav-tab.active{background:linear-gradient(100deg,rgba(35,127,190,.22),rgba(25,92,145,.08));border-color:rgba(95,183,238,.24);color:#f1f8ff}
.nav-icon{background:rgba(110,157,190,.07);color:#a2c8e1}
.nav-tab.active .nav-icon,.nav-tab.active .nav-chevron{background:rgba(65,160,217,.12);color:#8fd2ff}
.nav-chevron{color:#5b7184}
.sidebar-card{border-color:rgba(102,175,222,.15);background:linear-gradient(142deg,#0d1b2b,#081321)}
.sidebar-card-icon{background:rgba(62,143,200,.12);color:#9fdcff}
.sidebar-card>b{color:#e6f3fc}
.sidebar-card p{color:#829bb0}
.sidebar-decoration i,.sidebar-decoration i:nth-child(2){background:#2b83bb}
.sidebar-version{color:#637d94}
.main-content-wrap{padding:clamp(22px,3vw,40px) clamp(18px,3vw,42px);max-width:1700px}
.page-heading{margin-bottom:22px}
.page-heading h2,.landing-copy h1{color:#edf6ff}
.page-heading p{color:#8fa4b7}
.section-overline{color:#8eb4d0}
.mini-tag{border-color:rgba(101,174,221,.21);background:rgba(31,91,136,.11);color:#b1d2e7}
.dashboard-grid{gap:15px}
.welcome-panel{background:radial-gradient(ellipse at 82% 15%,rgba(24,104,164,.28),transparent 46%),linear-gradient(120deg,#0b2137,#081424 75%);border-color:rgba(91,177,233,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.welcome-panel h3{color:#e9f6ff}
.welcome-panel p{color:#a4bdd0}
.profile-panel,.stat-card,.subpanel,.announcement-strip,.task-card,.earn-banner,.wheel-card,.wheel-info-card,.tournament-card,.shop-card,.side-shop-panel,.notification-card,.settings-card,.duo-radar-card,.duo-info-card,.duo-how-card{border-color:rgba(96,171,225,.18);background:linear-gradient(145deg,rgba(9,25,42,.96),rgba(5,14,25,.96));box-shadow:0 14px 36px rgba(0,0,0,.16)}
.stat-row{gap:12px}
.stat-card:hover,.task-card:hover,.tournament-card:hover,.shop-card:hover{border-color:rgba(104,190,244,.32)}
.stat-icon,.activity-badge,.task-icon{background:rgba(61,144,201,.12);border-color:rgba(99,186,238,.19);color:#9bd8fc}
.stat-number{color:#eaf6ff}
.stat-label,.activity-copy small{color:#8ea6ba}
.activity-item{border-bottom-color:rgba(92,157,202,.12)}
.activity-points{color:#abd8f4}
.activity-points.negative{color:#9eb0bf}
.progress-track{background:rgba(94,151,191,.15)}
.progress-fill{background:linear-gradient(90deg,#1c75b5,#7fc9f5);box-shadow:0 0 12px rgba(65,159,221,.2)}
.text-link{color:#8ecfff}
.text-link:hover{color:#e0f4ff}
.announcement-strip{background:linear-gradient(100deg,rgba(18,73,113,.28),rgba(8,22,37,.86))}
.announcement-symbol{color:#92d4fa;background:rgba(55,134,193,.12)}
.tasks-grid,.lower-grid{gap:13px}
.wheel-card,.wheel-info-card{background:radial-gradient(ellipse at 50% 15%,rgba(27,100,153,.18),transparent 55%),linear-gradient(145deg,#09192b,#050f1c)}
.wheel-prize-dot{filter:saturate(.4)}
.wheel-pointer{color:#a9ddfa}
.tier-champion-card,.tier-item-card,.tier-rune-card{background:linear-gradient(145deg,#0b1c2e,#06101c);border-color:rgba(95,174,226,.18)}
.tier-champion-card:hover,.tier-item-card:hover,.tier-rune-card:hover{border-color:rgba(94,189,245,.4);box-shadow:0 12px 30px rgba(0,0,0,.23)}
.duo-radar-card{border-color:rgba(92,177,231,.25);background:radial-gradient(ellipse at 50% 45%,rgba(18,101,161,.14),transparent 48%),linear-gradient(145deg,rgba(8,21,37,.98),rgba(4,10,19,.98))}
.duo-radar-card:before{background-image:linear-gradient(rgba(84,194,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(84,194,255,.025) 1px,transparent 1px)}
.duo-kicker,.duo-how-card>small{color:#91d4fb}
.duo-radar-ring,.ring-c{border-color:rgba(93,191,248,.23)}
.duo-radar-sweep{background:conic-gradient(from 0deg,rgba(19,182,255,0) 0deg,rgba(19,182,255,0) 260deg,rgba(35,175,243,.025) 300deg,rgba(75,193,251,.22) 352deg,rgba(19,182,255,0) 360deg)}
.duo-radar-center{background:radial-gradient(circle,rgba(14,64,99,.96),rgba(3,14,26,.98));border-color:rgba(93,191,248,.34);color:#c8eaff}
.duo-radar-center>span{color:#91d8ff;text-shadow:0 0 12px rgba(72,188,255,.35)}
.duo-radar-card.is-scanning .duo-live-pill,.duo-radar-card.has-match .duo-live-pill{border-color:rgba(110,187,230,.3);color:#b2ddf5}
.duo-radar-card.is-scanning .duo-live-pill i,.duo-radar-card.has-match .duo-live-pill i{background:#8dd3f8;box-shadow:0 0 9px rgba(91,194,248,.45)}
.radar-blip,.blip-b,.blip-d{background:#8bd1ff;box-shadow:0 0 10px rgba(87,183,245,.6)}
.duo-start-button{border-color:rgba(105,197,248,.48);background:linear-gradient(105deg,#105b96,#167ab6 75%,#1b6a9c);box-shadow:0 0 25px rgba(12,139,255,.12)}
.duo-partner-card{border-color:rgba(101,187,232,.24);background:rgba(31,116,173,.08)}
.duo-partner-card small{color:#9edcff}
.duo-partner-card .duo-partner-check{color:#a5defb}
.form-message.error{color:#ffc4c1}
#toast{border-color:rgba(104,188,241,.22);background:#081827;color:#e8f6ff}
.modal-card,.hourly-ad-card{border-color:rgba(102,185,238,.23);background:linear-gradient(140deg,#0b1c30,#050d18)}
.modal-gem{background:rgba(48,140,206,.12);border-color:rgba(90,183,239,.24);color:#a2ddff}
.cloud-transition-sky{background:radial-gradient(ellipse at 50% 50%,rgba(61,170,225,.14),transparent 35%),linear-gradient(180deg,#0b1b2c,#050b14 55%,#02050a)!important}
.cloud-transition-flash{background:radial-gradient(ellipse at 50% 45%,rgba(219,244,255,.65),rgba(68,168,220,.16) 24%,transparent 65%)!important}
.transition-logo{border-color:rgba(109,197,244,.48);background:radial-gradient(circle,rgba(36,154,208,.16),rgba(7,13,27,.96) 68%);box-shadow:0 0 22px rgba(37,166,225,.35),0 0 60px rgba(25,133,194,.24),inset 0 0 28px rgba(70,176,220,.12)}
.transition-logo img{filter:drop-shadow(0 0 12px rgba(55,174,232,.5))}
.cloud-drift{background:radial-gradient(ellipse,rgba(178,217,240,.22),rgba(63,115,174,.11) 43%,transparent 72%)}
.dashboard-weather-canvas{opacity:.25}
.dashboard-puppy{filter:saturate(.82)}
/* A home screen row of restrained navigation cards, mirroring the requested reference layout. */
.home-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 18px}
.home-shortcut{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:150px;padding:17px 16px;border:1px solid rgba(99,176,229,.18);border-radius:14px;overflow:hidden;text-align:left;background:linear-gradient(145deg,rgba(11,32,52,.98),rgba(5,14,24,.98));color:#eef7ff;transition:transform .18s,border-color .18s,background .18s}
.home-shortcut:before{content:"";position:absolute;right:-32px;top:-48px;width:125px;height:125px;border-radius:50%;background:radial-gradient(circle,rgba(56,149,205,.16),transparent 70%);pointer-events:none}
.home-shortcut:hover{transform:translateY(-2px);border-color:rgba(106,193,244,.38);background:linear-gradient(145deg,rgba(13,41,65,.98),rgba(5,14,24,.98))}
.home-shortcut-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:14px;border-radius:11px;background:rgba(56,143,199,.12);border:1px solid rgba(103,184,234,.2);color:#a5dcfa;font-size:20px}
.home-shortcut b{font-size:12px;margin-bottom:6px}
.home-shortcut p{margin:0;color:#8da8bf;font-size:10px;line-height:1.55;max-width:190px}
.home-shortcut .shortcut-arrow{position:absolute;right:14px;bottom:12px;color:#8acff6;font-size:16px}
#globalSearchInput{width:min(34vw,420px);min-width:150px;height:37px;border:1px solid rgba(101,175,225,.18);border-radius:9px;background:rgba(3,13,24,.88);padding:0 12px;color:#e6f4ff;font:500 11px var(--font);outline:0}
#globalSearchInput::placeholder{color:#68849c}
#globalSearchInput:focus{border-color:rgba(105,192,245,.46);box-shadow:0 0 0 3px rgba(56,142,200,.08)}
@media(max-width:1060px){.home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.app-header:after{opacity:.06}}
@media(max-width:700px){.app-header{gap:8px}.app-header:after{display:none}#globalSearchInput{width:32vw;min-width:100px;font-size:10px}.home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.home-shortcut{min-height:133px;padding:13px}}
@media(max-width:420px){#globalSearchInput{width:29vw;min-width:80px}.app-header-right{gap:7px}.wallet-mini{padding:5px 6px}}

.global-search{display:flex;align-items:center;gap:8px;position:relative;z-index:2;flex:1;max-width:430px;min-width:0;margin:0 clamp(15px,3vw,48px)}
.global-search-hint{color:#607f99;font:700 10px var(--font);flex:0 0 auto}
#loginView .leaf-flight{filter:hue-rotate(52deg) saturate(.62) brightness(.92)}
#loginView .leaf-wind-trail{opacity:.4}
#loginView .portal-orbit,#loginView .portal-words{filter:saturate(.66)}
@media(max-width:700px){.global-search{margin:0 8px}.global-search-hint{display:none}}
@media(max-width:420px){.global-search{margin:0 4px}}

/* V15: screenshot-inspired midnight dashboard, neutral-grey navigation, floating champion squares */
.sidebar{background:rgba(15,19,26,.94);border-right-color:rgba(180,191,204,.12)}
.sidebar-label{color:#929ba8}
.nav-list{gap:5px}
.nav-tab{position:relative;min-height:45px;padding-left:12px;padding-right:12px;border:1px solid rgba(170,180,192,.05);border-radius:9px;background:rgba(116,126,139,.065);color:#b2bac5;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.nav-tab:hover{background:rgba(140,150,164,.13);border-color:rgba(190,200,211,.13);color:#f1f4f8;transform:translateX(2px)}
.nav-tab.active{background:linear-gradient(105deg,rgba(91,101,114,.52),rgba(53,61,72,.72));border-color:rgba(193,204,216,.25);box-shadow:inset 3px 0 #a8cce2,0 8px 20px rgba(0,0,0,.16);color:#fff}
.nav-tab.active .nav-icon,.nav-tab.active .nav-chevron{background:rgba(218,228,239,.09);color:#d8e2ec}
.nav-icon{background:rgba(144,153,165,.085);color:#aab5c1}
.nav-chevron{color:#84909d}
.sidebar-card{border-color:rgba(173,185,198,.14);background:linear-gradient(145deg,#202630,#151a22)}
.sidebar-card-icon{background:rgba(150,165,180,.1);color:#c1ccd7}
.sidebar-decoration i,.sidebar-decoration i:nth-child(2){background:#75899a}

/* Floating square champions — image-led tiles with subtle parallax and a quiet blue edge */
.tier-tools{margin-bottom:20px}
.tier-search-wrap{border-color:rgba(159,174,190,.2);background:rgba(13,18,26,.9);color:#b7c7d6}
.tier-search-wrap:focus-within{border-color:rgba(143,201,238,.55);box-shadow:0 0 0 3px rgba(115,179,217,.08)}
.tier-search-wrap input{color:#edf4fa}
.tier-count{color:#929eac}
.tier-champion-grid{grid-template-columns:repeat(auto-fill,minmax(106px,1fr));gap:13px;perspective:1100px}
.tier-champion-card{position:relative;isolation:isolate;display:block;aspect-ratio:1/1;min-height:0;padding:0;overflow:hidden;border:1px solid rgba(186,199,212,.22);border-radius:11px;background:#171d26;color:#f5f8fb;text-align:left;box-shadow:0 9px 22px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06);transform-style:preserve-3d;translate:0 0;animation:tier-square-float 5.4s ease-in-out infinite;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;will-change:transform,translate}
.tier-champion-card:nth-child(6n+2){animation-delay:-.7s}.tier-champion-card:nth-child(6n+3){animation-delay:-1.8s}.tier-champion-card:nth-child(6n+4){animation-delay:-2.4s}.tier-champion-card:nth-child(6n+5){animation-delay:-3.1s}.tier-champion-card:nth-child(6n){animation-delay:-1.2s}
.tier-champion-card:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(5,10,16,.06) 20%,rgba(5,9,15,.18) 48%,rgba(4,8,14,.96) 100%);pointer-events:none}
.tier-champion-card:after{content:"";position:absolute;z-index:2;inset:6px;border:1px solid rgba(227,237,246,.12);border-radius:7px;pointer-events:none;transform:translateZ(10px)}
.tier-champion-card img{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;margin:0;border-radius:0;background:#141a23;filter:saturate(.74) contrast(1.04);transition:transform .35s ease,filter .35s ease}
.tier-champion-card span{position:absolute;z-index:3;left:10px;right:8px;bottom:9px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:.1px;text-shadow:0 2px 9px rgba(0,0,0,.95);transform:translateZ(16px)}
.tier-champion-card small{position:absolute;z-index:3;top:10px;left:10px;max-width:calc(100% - 20px);padding:4px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;border:1px solid rgba(216,229,240,.2);border-radius:4px;background:rgba(9,13,19,.7);color:#d4dee8;font-size:7px;letter-spacing:.45px;text-transform:uppercase;transform:translateZ(18px)}
.tier-champion-card:hover,.tier-champion-card:focus-visible{translate:0 -6px;transform:perspective(700px) rotateX(2deg) rotateY(-2deg) scale(1.035);border-color:rgba(161,210,240,.8);box-shadow:0 18px 38px rgba(0,0,0,.4),0 0 0 1px rgba(160,207,234,.13),0 0 20px rgba(83,161,207,.1);outline:0;animation-play-state:paused}
.tier-champion-card:hover img,.tier-champion-card:focus-visible img{transform:scale(1.075);filter:saturate(.98) contrast(1.06)}
@keyframes tier-square-float{0%,100%{translate:0 0}50%{translate:0 -3px}}
.tier-role-picker{border-color:rgba(174,186,200,.17);background:rgba(76,84,95,.12)}
.tier-role-button{border-radius:7px;color:#a8b2bd;letter-spacing:.5px}
.tier-role-button:hover,.tier-role-button:focus-visible{color:#f2f5f8;border-color:rgba(177,194,209,.3)}
.tier-role-button.active{color:#f4f7fa;border-color:rgba(193,208,221,.32);background:linear-gradient(140deg,#59616d,#3c444e);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 5px 14px rgba(0,0,0,.18)}
.tier-build-panel{border-color:rgba(158,177,196,.2);background:linear-gradient(150deg,rgba(18,24,33,.98),rgba(8,12,19,.99));box-shadow:0 20px 65px rgba(0,0,0,.32)}
.tier-build-identity img{border-color:rgba(183,199,213,.34)}
.tier-build-identity h3{color:#f1f5f9}
.tier-build-identity p,.tier-build-caveat,.tier-footnote{color:#919eac}
.tier-build-title span{color:#aacfe6}
.tier-ugg-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:5px 0 14px;padding:15px 16px;border:1px solid rgba(172,188,204,.16);border-radius:10px;background:linear-gradient(135deg,rgba(83,95,108,.14),rgba(14,19,27,.6))}
.tier-ugg-intro>div{min-width:0}
.tier-ugg-intro b{display:flex;align-items:center;gap:8px;color:#f0f4f8;font-size:12px}
.tier-ugg-intro p{margin:7px 0 0;color:#9ba8b7;font-size:10px;line-height:1.65}
.tier-ugg-status-dot{display:inline-block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#a4cde7;box-shadow:0 0 10px rgba(130,191,224,.35)}
.tier-ugg-open-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:39px;padding:0 12px;border:1px solid rgba(171,199,220,.3);border-radius:7px;background:linear-gradient(140deg,#414b58,#2c3540);color:#f4f7fa;text-decoration:none;font:800 8px Orbitron,sans-serif;letter-spacing:.5px}
.tier-ugg-open-button:hover{background:linear-gradient(140deg,#586776,#35414d)}
.tier-ugg-frame-wrap{position:relative;overflow:hidden;border:1px solid rgba(169,184,199,.21);border-radius:10px;background:#fff;box-shadow:0 16px 45px rgba(0,0,0,.25)}
.tier-ugg-frame{display:block;width:100%;height:clamp(780px,88vh,1250px);border:0;background:#fff;color:#111}
.tier-ugg-fallback-note{margin:12px 0 0;padding:12px 14px;border:1px solid rgba(167,184,200,.13);border-radius:8px;background:rgba(93,105,119,.09);color:#9ba8b5;font-size:10px;line-height:1.7}
.tier-ugg-fallback-note b{color:#e1e8ef}.tier-ugg-fallback-note a{color:#c4e0f3;text-decoration:underline;text-underline-offset:3px}
.tier-source-links{gap:8px}.tier-source-links a{border-color:rgba(169,188,206,.2);background:rgba(82,94,107,.12);color:#bcc9d6}.tier-source-links a:hover{border-color:rgba(180,205,225,.42);background:rgba(98,116,132,.2)}.tier-source-links a.tier-source-primary{background:linear-gradient(145deg,#46515e,#303943);color:#f2f6fa;border-color:rgba(190,207,223,.32)}
.tier-load-error{border-color:rgba(169,185,202,.2);color:#aeb8c4}

/* Home: reference-style welcome panel with a raised 3-D online radar */
.home-online-preview{position:relative;min-width:0;overflow:hidden;padding:clamp(16px,2vw,23px);border:1px solid rgba(175,194,211,.18);border-radius:15px;background:radial-gradient(ellipse at 50% 15%,rgba(105,144,177,.12),transparent 53%),linear-gradient(145deg,#111b28,#080e16);box-shadow:0 17px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.045)}
.home-online-preview:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(132deg,transparent 0 58%,rgba(170,219,248,.06) 58.5%,transparent 61%);opacity:.5}
.home-online-preview-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.home-online-preview-head .duo-kicker{color:#a9c3d7;font-size:7px}
.home-online-preview-head h3{margin:7px 0 5px;color:#f1f5f8;font:800 18px Orbitron,sans-serif}
.home-online-preview-head p{margin:0;color:#99a8b7;font-size:10px;line-height:1.55}
.home-online-preview .duo-live-pill{font-size:6px;padding:6px 8px;border-color:rgba(178,194,208,.18);color:#afbfce}
.home-online-preview .duo-live-pill i{background:#9cc4de}
.home-mini-radar{position:relative;isolation:isolate;width:min(100%,230px);aspect-ratio:1;margin:12px auto 5px;border:1px solid rgba(154,186,210,.2);border-radius:50%;background:radial-gradient(circle at 50% 42%,rgba(95,146,181,.17),rgba(12,23,35,.9) 56%,#080e16);box-shadow:inset 0 0 30px rgba(133,187,220,.07),0 22px 25px rgba(0,0,0,.24);transform:perspective(700px) rotateX(17deg) rotateZ(-3deg);transform-style:preserve-3d}
.home-mini-radar:after{content:"";position:absolute;inset:10%;border:1px solid rgba(168,196,218,.12);border-radius:50%;transform:translateZ(18px) rotateX(58deg);box-shadow:0 0 20px rgba(130,179,211,.1)}
.mini-orbit{position:absolute;left:50%;top:50%;width:var(--orbit-size);aspect-ratio:1;border:1px solid rgba(148,189,218,.27);border-radius:50%;transform:translate(-50%,-50%) translateZ(var(--orbit-depth));box-shadow:0 0 12px rgba(132,179,210,.05)}
.mini-orbit-a{--orbit-size:30%;--orbit-depth:20px}.mini-orbit-b{--orbit-size:57%;--orbit-depth:11px}.mini-orbit-c{--orbit-size:84%;--orbit-depth:1px;border-color:rgba(148,189,218,.16)}
.mini-radar-sweep{position:absolute;inset:8%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 300deg,rgba(163,213,243,.02) 314deg,rgba(167,218,247,.4) 350deg,transparent 360deg);transform:translateZ(14px) rotate(0);animation:mini-radar-spin 4.8s linear infinite}
@keyframes mini-radar-spin{to{transform:translateZ(14px) rotate(360deg)}}
.mini-radar-core{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(180,209,229,.34);border-radius:50%;background:radial-gradient(circle,#3d566d,#101e2c 72%);box-shadow:0 10px 22px rgba(0,0,0,.45),inset 0 0 18px rgba(165,207,235,.15);color:#d8eaf7;font-size:23px;transform:translate(-50%,-50%) translateZ(30px)}
.mini-radar-node{position:absolute;z-index:3;width:10px;height:10px;border:2px solid #c5d8e7;border-radius:50%;background:#546d82;box-shadow:0 0 12px rgba(155,201,229,.55);transform:translateZ(27px)}
.node-1{top:18%;left:30%}.node-2{top:33%;right:18%;background:#8aaac1}.node-3{bottom:21%;left:20%;background:#bdcad6}
.home-online-copy{position:relative;max-width:280px;margin:8px auto 12px;color:#a2afbd;text-align:center;font-size:10px;line-height:1.7}
.home-online-button{width:100%;min-height:41px;justify-content:space-between;background:linear-gradient(135deg,#4b5c6b,#303c49);border:1px solid rgba(186,209,227,.3);box-shadow:0 9px 22px rgba(0,0,0,.2);color:#f4f8fb}
.home-online-button:hover{background:linear-gradient(135deg,#5e7283,#354554)}
.home-avatar-link{display:flex;align-items:center;gap:8px;width:100%;margin-top:12px;padding:9px 0 0;border:0;border-top:1px solid rgba(168,187,205,.13);background:transparent;color:#9caab8;text-align:left;font:500 10px var(--font);cursor:pointer}
.home-avatar-link img{width:25px;height:25px;object-fit:cover;border-radius:50%;border:1px solid rgba(180,204,221,.28)}
.home-avatar-link span{flex:1}.home-avatar-link b{color:#b6c8d7;font-size:14px}
.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(245px,.9fr);align-items:stretch}
.welcome-panel{position:relative;overflow:hidden;background:radial-gradient(ellipse at 76% 22%,rgba(128,176,209,.16),transparent 45%),linear-gradient(120deg,#111f2e,#080f19 80%);border-color:rgba(161,188,210,.2)}
.welcome-panel:after{content:"";position:absolute;right:-13%;top:-65%;width:55%;height:190%;background:linear-gradient(105deg,transparent 43%,rgba(179,222,248,.07) 44%,rgba(194,232,251,.14) 44.4%,transparent 45%);transform:rotate(12deg);pointer-events:none}
.welcome-panel .section-overline{color:#aec7dc}.welcome-panel h3{color:#f1f6fa}.welcome-panel p{color:#b0bdca}
@media(max-width:880px){.dashboard-grid{grid-template-columns:minmax(0,1fr)}.home-online-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.72fr);align-items:center;column-gap:15px}.home-online-preview-head{grid-column:1/-1}.home-mini-radar{grid-column:2;grid-row:2/5;width:min(100%,180px)}.home-online-copy,.home-online-button,.home-avatar-link{grid-column:1}.home-online-copy{margin:8px 0;text-align:left}.home-online-button{align-self:end}}
@media(max-width:560px){.tier-champion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.tier-champion-card{border-radius:9px}.tier-champion-card span{left:8px;bottom:8px;font-size:10px}.tier-champion-card small{top:8px;left:8px;font-size:6px}.tier-ugg-intro{align-items:flex-start;flex-direction:column}.tier-ugg-open-button{width:100%}.tier-ugg-frame{height:820px}.home-online-preview{display:block}.home-mini-radar{width:min(100%,225px)}.home-online-copy{text-align:center}}
@media(prefers-reduced-motion:reduce){.tier-champion-card{animation:none!important}.tier-champion-card:hover,.tier-champion-card:focus-visible{translate:none;transform:none}.mini-radar-sweep{animation:none!important}}

/* More dimensional radar: floating rings, raised sweep plane, and stronger scan volume */
.duo-radar-card{perspective:1100px;background:radial-gradient(ellipse at 50% 42%,rgba(93,145,182,.14),transparent 48%),linear-gradient(145deg,#111d2b,#080e16);border-color:rgba(160,190,213,.23);box-shadow:0 28px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.045)}
.duo-radar-card:before{background-image:linear-gradient(rgba(163,199,224,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(163,199,224,.045) 1px,transparent 1px);background-size:24px 24px;opacity:.7}
.duo-radar{transform:perspective(800px) rotateX(15deg) rotateZ(-2deg);transform-style:preserve-3d;border-color:rgba(165,204,230,.25);background:radial-gradient(circle at 48% 44%,rgba(86,150,192,.16),rgba(5,15,26,.42) 56%,rgba(3,8,14,.8));box-shadow:inset 0 0 50px rgba(137,194,226,.1),0 30px 32px rgba(0,0,0,.42)}
.duo-radar:after{content:"";position:absolute;z-index:1;inset:9%;border:1px solid rgba(159,199,225,.1);border-radius:50%;transform:translateZ(13px) rotateX(60deg);box-shadow:0 0 25px rgba(138,193,226,.08);pointer-events:none}
.duo-radar-ring{transform:translate(-50%,-50%) translateZ(var(--ring-depth,0px));box-shadow:0 0 12px rgba(142,197,227,.07),inset 0 0 10px rgba(142,197,227,.04)}
.ring-a{--ring-depth:24px}.ring-b{--ring-depth:14px}.ring-c{--ring-depth:4px}
.duo-radar-sweep{transform:translateZ(20px);filter:drop-shadow(0 0 8px rgba(107,194,240,.14))}
@keyframes duo-radar-spin{to{transform:translateZ(20px) rotate(360deg)}}
.duo-radar-center{transform:translate(-50%,-50%) translateZ(35px);background:radial-gradient(circle at 40% 30%,#435b70,#111e2b 68%);border-color:rgba(183,213,234,.42);box-shadow:0 18px 28px rgba(0,0,0,.48),inset 0 0 24px rgba(171,214,239,.12);color:#d6eaf8}
.duo-radar-center>span{color:#d3e8f7;text-shadow:0 0 14px rgba(142,200,233,.45)}
.radar-blip{transform:translateZ(24px);background:#b9d8ec;box-shadow:0 0 13px rgba(156,209,238,.9),0 0 26px rgba(116,179,217,.3)}
.blip-b{background:#d2e4f0;animation:duo-blip 1.4s .3s ease-in-out infinite alternate}.blip-d{background:#9abed7;animation:duo-blip 1.4s .5s ease-in-out infinite alternate}
.duo-kicker,.duo-how-card>small{color:#afc8dc}.duo-live-pill{border-color:rgba(171,192,211,.2);color:#bfccd8}.duo-live-pill i{background:#99b8cf}
.duo-radar-card.is-scanning .duo-live-pill,.duo-radar-card.has-match .duo-live-pill{border-color:rgba(175,202,222,.32);color:#d2e4f1}
.duo-radar-card.is-scanning .duo-live-pill i,.duo-radar-card.has-match .duo-live-pill i{background:#b5d9ef;box-shadow:0 0 12px rgba(154,205,235,.45)}
.duo-start-button{border-color:rgba(174,205,227,.35);background:linear-gradient(110deg,#4b6174,#314353 70%,#263745);box-shadow:0 10px 26px rgba(0,0,0,.25)}
.duo-start-button:hover{box-shadow:0 15px 35px rgba(0,0,0,.32)}
.duo-partner-card{border-color:rgba(160,194,218,.25);background:rgba(113,154,185,.08)}
.duo-partner-card small{color:#b9d9ee}.duo-partner-card .duo-partner-check{color:#c3e3f5}
@media(prefers-reduced-motion:reduce){.duo-radar-sweep,.duo-radar-card.is-scanning .duo-radar-ring,.radar-blip{animation:none!important}}

/* Profile page and final restrained palette passes */
.orange-text{color:#a9c4d8!important}
.gradient-text{background:linear-gradient(105deg,#e7edf3,#9fbdd1);-webkit-background-clip:text;background-clip:text;color:transparent}
.home-shortcut-icon{background:rgba(142,159,176,.1);border-color:rgba(182,197,210,.16);color:#c1d5e5}
.home-shortcut .shortcut-arrow{color:#a8c4d8}
.home-shortcut{border-color:rgba(177,191,205,.14);background:linear-gradient(145deg,rgba(24,31,41,.98),rgba(8,13,20,.98))}
.home-shortcut:hover{border-color:rgba(183,209,228,.33);background:linear-gradient(145deg,rgba(35,45,57,.98),rgba(8,13,20,.98))}
.profile-overview-card{padding:clamp(18px,3vw,30px);border:1px solid rgba(174,192,210,.2);border-radius:15px;background:linear-gradient(145deg,#121c28,#080e16);box-shadow:0 18px 42px rgba(0,0,0,.22)}
.profile-overview-main{display:flex;align-items:center;gap:18px}
.profile-overview-avatar{width:96px;height:96px;flex:0 0 96px;border:1px solid rgba(176,204,224,.3);border-radius:13px;padding:4px;background:rgba(132,157,179,.08);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.profile-overview-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:9px}
.profile-overview-copy{min-width:0}.profile-overview-label{color:#a9c1d5;font:800 8px Orbitron,sans-serif;letter-spacing:1.2px}
.profile-overview-copy h3{margin:8px 0 5px;color:#f2f5f8;font:800 clamp(19px,3vw,28px) Orbitron,sans-serif;overflow-wrap:anywhere}
.profile-overview-copy p{margin:0 0 9px;color:#98a5b3;font-size:11px;overflow-wrap:anywhere}
.profile-state-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid rgba(179,202,220,.19);border-radius:999px;background:rgba(136,163,185,.08);color:#b9cad7;font:800 7px Orbitron,sans-serif;letter-spacing:.6px}
.profile-state-pill i{width:5px;height:5px;border-radius:50%;background:#a1c5dd;box-shadow:0 0 8px rgba(154,202,230,.4)}
.profile-overview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:23px 0 20px}
.profile-overview-stats>div{display:grid;gap:8px;padding:13px;border:1px solid rgba(169,188,206,.13);border-radius:9px;background:rgba(104,122,139,.07)}
.profile-overview-stats small{color:#93a2b0;font:800 7px Orbitron,sans-serif;letter-spacing:.7px}
.profile-overview-stats b{color:#e6edf3;font:800 19px Orbitron,sans-serif}
.profile-overview-actions{display:flex;flex-wrap:wrap;gap:10px}.profile-overview-actions>*{flex:1;justify-content:center}
.profile-history-panel{margin-top:18px}
@media(max-width:540px){.profile-overview-main{align-items:flex-start;gap:12px}.profile-overview-avatar{width:70px;height:70px;flex-basis:70px}.profile-overview-stats{gap:6px}.profile-overview-stats>div{padding:10px 7px}.profile-overview-stats b{font-size:14px}.profile-overview-actions>*{flex-basis:100%}}

/* V16: public player identities, acceptance-based duo requests, and SKG signature animation. */
.header-avatar-button{position:relative;overflow:visible}
.avatar-points-badge{position:absolute;right:-12px;bottom:-7px;z-index:3;min-width:31px;max-width:68px;padding:3px 6px;border:1px solid rgba(193,211,226,.42);border-radius:999px;background:linear-gradient(135deg,#63798d,#293947);color:#f5fbff;font:800 8px var(--display);text-align:center;white-space:nowrap;box-shadow:0 5px 13px rgba(0,0,0,.45);transform-origin:center;transition:background .2s,border-color .2s}
.header-avatar-button.points-updated .avatar-points-badge{animation:skg-points-pop .82s cubic-bezier(.2,.9,.2,1.3)}
@keyframes skg-points-pop{0%{transform:scale(.78) translateY(2px);filter:brightness(1)}40%{transform:scale(1.3) translateY(-5px);filter:brightness(1.55)}100%{transform:scale(1);filter:brightness(1)}}
.rank-summary-tag{border-color:rgba(174,194,210,.2);background:rgba(116,135,151,.1);color:#c7d3dd}

/* Gray, restrained navigation section, with the same active state for the new Players tab. */
.sidebar{background:linear-gradient(180deg,rgba(27,32,39,.97),rgba(13,17,23,.98));border-right-color:rgba(185,197,209,.13)}
.nav-tab{background:rgba(142,153,165,.055);border-color:rgba(178,190,202,.07);color:#b8c2cc}
.nav-tab:hover{background:rgba(159,174,189,.13);border-color:rgba(190,204,216,.18);color:#f1f5f8}
.nav-tab.active{background:linear-gradient(100deg,rgba(119,136,152,.33),rgba(67,77,89,.29));border-color:rgba(198,212,224,.25);box-shadow:inset 3px 0 #b8c9d6,0 7px 18px rgba(0,0,0,.17);color:#f7fafc}
.nav-tab.active .nav-icon,.nav-tab.active .nav-chevron{background:rgba(225,234,242,.08);color:#d7e4ee}

/* Signup/sign-in opens this first-login identity setup before the dashboard. */
body.skg-onboarding #appView .app-header,body.skg-onboarding #appView .sidebar,body.skg-onboarding #dashboardPuppy{display:none!important}
body.skg-onboarding .app-shell{grid-template-columns:minmax(0,1fr);min-height:100vh}
body.skg-onboarding .main-content-wrap{width:100%;max-width:900px;margin:0 auto;padding:clamp(20px,5vw,55px)}
body.skg-onboarding .app-content{padding:0}
.onboarding-shell{position:relative;max-width:650px;margin:3vh auto;padding:clamp(22px,4vw,40px);border:1px solid rgba(176,199,216,.23);border-radius:22px;background:radial-gradient(ellipse at 50% 0,rgba(136,177,206,.15),transparent 45%),linear-gradient(145deg,#151f2a,#080e15);box-shadow:0 30px 90px rgba(0,0,0,.38);overflow:hidden}
.onboarding-emblem{width:62px;height:62px;margin-bottom:22px;display:grid;place-items:center;border:1px solid rgba(188,210,227,.3);border-radius:17px;background:rgba(151,183,206,.09);box-shadow:0 0 28px rgba(135,190,225,.1)}
.onboarding-emblem img{width:44px;height:44px;object-fit:contain}
.onboarding-shell h1{margin:12px 0;font:800 clamp(26px,5vw,39px) var(--display);letter-spacing:-1.1px}
.onboarding-lead{color:#aab6c1;font-size:12px;line-height:1.8;margin-bottom:24px;max-width:500px}
.identity-form{display:grid;gap:15px}.identity-form>label:not(.public-identity-consent){display:grid;gap:8px;color:#d8e0e7;font-size:11px;font-weight:800}
.identity-form input:not([type=checkbox]),.identity-form select,.settings-form select{width:100%;min-height:45px;padding:11px 13px;border:1px solid rgba(177,198,214,.19);border-radius:9px;background:#0b1118;color:#edf4f9;outline:none}
.identity-form input:focus,.identity-form select:focus,.settings-form select:focus{border-color:rgba(169,208,234,.55);box-shadow:0 0 0 3px rgba(137,190,223,.08)}
.public-identity-consent{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid rgba(174,196,213,.16);border-radius:10px;background:rgba(149,171,188,.055);color:#b8c6d1;font-size:10px;line-height:1.7}
.public-identity-consent input{margin:2px 0 0;accent-color:#91b7d0;flex:0 0 auto;width:15px;height:15px}
.identity-form .primary-button{width:100%;background:linear-gradient(110deg,#9aafc0,#526474);border-color:rgba(219,234,245,.25);color:#0b121a;box-shadow:0 9px 26px rgba(0,0,0,.25)}
.onboarding-footnote{display:block;margin-top:20px;color:#7d8d9a;font-size:9px;line-height:1.7}
.settings-form select{font:inherit;font-size:11px}
.settings-form select option,.identity-form select option{background:#0d141c;color:#eef5fa}
.profile-public-identity{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.profile-public-identity span{padding:5px 8px;border:1px solid rgba(172,198,218,.18);border-radius:999px;background:rgba(132,169,193,.07);color:#bfceda;font-size:9px}

/* Animated member grid. Public fields are limited to logged-in community members through the database RPC. */
.players-tools{display:flex;align-items:center;gap:10px;margin:0 0 18px}.players-tools .tier-search-wrap{flex:1}
.players-directory-status:empty{display:none}.players-loading,.players-error{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:17px;padding:17px;border:1px dashed rgba(173,198,216,.2);border-radius:12px;color:#9fb1c0;font-size:11px;line-height:1.7}.players-error{display:block;border-color:rgba(192,166,166,.24);color:#d0b9b9}.players-error b{display:block;color:#e9dada;font:800 10px var(--display);letter-spacing:.8px}.players-error p{margin:8px 0 12px}.player-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.player-directory-card{position:relative;overflow:hidden;min-width:0;padding:18px;border:1px solid rgba(171,193,212,.16);border-radius:15px;background:linear-gradient(145deg,rgba(28,38,49,.96),rgba(9,14,20,.98));box-shadow:0 14px 32px rgba(0,0,0,.22);animation:member-card-enter .55s both;animation-delay:calc(var(--card-index,0)*34ms);transition:transform .24s,border-color .24s,box-shadow .24s;transform-style:preserve-3d}
.player-directory-card:before{content:"";position:absolute;top:-75%;right:-25%;width:95%;height:100%;border-radius:50%;background:radial-gradient(ellipse,rgba(156,197,224,.12),transparent 68%);pointer-events:none}
.player-directory-card:hover{transform:translateY(-6px) rotateX(2deg);border-color:rgba(190,216,235,.33);box-shadow:0 22px 45px rgba(0,0,0,.31)}
@keyframes member-card-enter{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.player-card-topline{position:relative;display:flex;align-items:center;justify-content:space-between;color:#8296a7;font:800 7px var(--display);letter-spacing:1px}.player-card-online-dot{width:7px;height:7px;border-radius:50%;background:#9fceb6;box-shadow:0 0 9px rgba(158,216,187,.35)}
.player-card-avatar{width:82px;height:82px;margin:18px auto 12px;border-radius:18px;padding:4px;background:linear-gradient(145deg,#8da8bc,#293744);box-shadow:0 11px 23px rgba(0,0,0,.28);transform:translateZ(15px)}.player-card-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:14px;background:#121b24}
.player-directory-card h3{position:relative;overflow-wrap:anywhere;text-align:center;margin:8px 0 9px;color:#f1f6fa;font:800 13px var(--display)}.player-card-rank{position:relative;display:block;width:max-content;max-width:100%;margin:0 auto 15px;padding:5px 9px;border:1px solid rgba(173,202,222,.2);border-radius:999px;background:rgba(143,177,199,.09);color:#c5d9e7;font-size:9px;overflow-wrap:anywhere}
.player-card-details{position:relative;display:grid;gap:8px;padding:12px 0;border-top:1px solid rgba(175,196,213,.11);border-bottom:1px solid rgba(175,196,213,.11)}.player-card-details div{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.player-card-details small{flex:0 0 auto;color:#7f93a4;font:800 7px var(--display);letter-spacing:.8px}.player-card-details b{min-width:0;text-align:right;overflow-wrap:anywhere;color:#cbd8e2;font-size:9px;font-weight:600}.player-directory-card .secondary-button{position:relative;width:100%;justify-content:center;margin-top:13px;background:rgba(130,159,180,.1);border-color:rgba(171,197,216,.22);color:#c9d9e5;font-size:8px}
.players-public-note{margin:17px 0 0;color:#7d8d9a;font-size:9px;line-height:1.8}.player-directory-empty{grid-column:1/-1}

/* Duo request card exposes rank and gender while holding Discord until an acceptance. */
.duo-player-request-card{display:flex;align-items:flex-start;gap:12px;width:100%;padding:13px;margin:12px 0;border:1px solid rgba(177,204,223,.23);border-radius:13px;background:linear-gradient(135deg,rgba(117,151,176,.12),rgba(19,30,41,.4));box-shadow:0 13px 25px rgba(0,0,0,.2);animation:member-card-enter .32s both}
.duo-player-request-card>img{width:54px;height:54px;flex:0 0 54px;object-fit:cover;border-radius:13px;border:1px solid rgba(181,211,233,.32)}.duo-request-main{min-width:0;flex:1}.duo-request-main>small{display:block;color:#9ebbd0;font:800 7px var(--display);letter-spacing:1px;margin-bottom:6px}.duo-request-main>b{display:block;color:#f1f6fa;font:800 14px var(--display);overflow-wrap:anywhere}.duo-player-badges{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.duo-player-badges span{padding:5px 7px;border:1px solid rgba(182,206,222,.19);border-radius:999px;background:rgba(150,177,198,.08);color:#c4d7e4;font-size:9px}.duo-privacy-note{display:block;color:#8396a4;font-size:9px;line-height:1.6}.duo-discord-reveal{display:block;overflow-wrap:anywhere;margin-top:7px;color:#d3e6f2;font-size:10px}.duo-discord-reveal b{margin-right:5px;color:#92b2c9;font:800 8px var(--display)}.duo-request-incoming{border-color:rgba(205,224,237,.4);box-shadow:0 0 28px rgba(150,195,222,.08)}.duo-request-accepted{border-color:rgba(166,207,190,.32)}.duo-accept-button{width:100%;justify-content:space-between;background:linear-gradient(115deg,#9bb9cf,#68869b);border-color:rgba(216,235,246,.38);color:#07121a;box-shadow:0 10px 25px rgba(0,0,0,.25)}.duo-decline-button{width:100%;justify-content:center;border-color:rgba(185,199,211,.2);background:rgba(127,143,158,.08);color:#c8d4dd}

/* SKG tournament signature: mascot jogs in holding a cup, the logo reveals, then the autograph draws. */
.skg-signature-overlay{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:rgba(2,6,10,.84);backdrop-filter:blur(14px);opacity:1}
.skg-signature-card{position:relative;width:min(590px,100%);overflow:hidden;text-align:center;padding:clamp(22px,5vw,42px);border:1px solid rgba(180,209,229,.34);border-radius:22px;background:radial-gradient(ellipse at 50% 0,rgba(140,193,224,.18),transparent 48%),linear-gradient(145deg,#151f29,#060b11);box-shadow:0 35px 120px rgba(0,0,0,.6),inset 0 1px rgba(255,255,255,.08);animation:signature-card-in .38s both}
.skg-signature-close{position:absolute;right:14px;top:10px;width:34px;height:34px;border:1px solid rgba(185,207,224,.18);border-radius:10px;background:rgba(138,158,176,.08);color:#cddbe6;font-size:22px;z-index:3}
.skg-signature-topline{display:flex;justify-content:center;align-items:center;gap:8px;color:#9bb5c8;font:800 8px var(--display);letter-spacing:1.6px}.skg-signature-topline i{width:6px;height:6px;border-radius:50%;background:#b6d5e9;box-shadow:0 0 12px rgba(171,215,239,.4)}
.skg-signature-stage{height:180px;position:relative;display:flex;align-items:center;justify-content:center;margin:16px 0 11px;overflow:hidden;isolation:isolate}
.skg-signature-wordmark{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column;line-height:1;opacity:0;transform:scale(.55)}.signature-play .skg-signature-wordmark{animation:signature-logo-reveal 1.4s .42s cubic-bezier(.14,.8,.18,1.15) forwards}.skg-signature-wordmark span{font:900 clamp(64px,12vw,105px) var(--display);letter-spacing:9px;color:#eaf6ff;text-shadow:0 0 6px rgba(207,234,251,.45),0 0 33px rgba(127,186,222,.46)}.skg-signature-wordmark small{margin-top:8px;font:800 9px var(--display);letter-spacing:6px;color:#afcbe0}

.skg-signature-orbit{position:absolute;width:110px;height:110px;border:1px solid rgba(174,212,237,.25);border-radius:50%;opacity:0;transform:scale(.5)}.signature-play .skg-signature-orbit{animation:signature-orbit-grow 1.4s .45s ease-out forwards}.skg-signature-rays{position:absolute;inset:-30%;opacity:0;background:conic-gradient(from 0deg,transparent,rgba(178,218,242,.15),transparent 30%,rgba(178,218,242,.08),transparent 60%)}.signature-play .skg-signature-rays{animation:signature-rays-spin 4s linear infinite,signature-logo-fade 1s .3s forwards}
.skg-signature-card h2{position:relative;z-index:2;color:#e7f3fb;font:800 clamp(14px,3vw,20px) var(--display);letter-spacing:1.3px;margin:15px 0 9px;opacity:0;transform:translateY(8px)}.signature-play .skg-signature-card h2{animation:signature-text-in .45s 1.45s forwards}.skg-signature-card p{color:#9dafbd;font-size:11px;line-height:1.75;margin:0 0 8px;opacity:0}.signature-play .skg-signature-card p{animation:signature-text-in .4s 1.7s forwards}.skg-signature-autograph{display:block;width:min(100%,360px);height:50px;margin:0 auto 13px}.skg-signature-autograph path{stroke-dasharray:650;stroke-dashoffset:650}.signature-play .skg-signature-autograph path{animation:signature-write 1.1s 1.9s ease forwards}.skg-signature-card>.secondary-button{margin:0 auto;min-width:160px;justify-content:center;background:rgba(147,177,199,.1);border-color:rgba(182,210,230,.28);color:#d8e8f4;opacity:0}.signature-play .skg-signature-card>.secondary-button{animation:signature-text-in .35s 2.45s forwards}
@keyframes signature-card-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

@keyframes signature-logo-reveal{0%{opacity:0;transform:scale(.55)}55%{opacity:1;transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}@keyframes signature-orbit-grow{0%{opacity:0;transform:scale(.5)}65%{opacity:1;transform:scale(2.1)}100%{opacity:.35;transform:scale(2.5)}}@keyframes signature-rays-spin{to{transform:rotate(360deg)}}@keyframes signature-logo-fade{0%{opacity:0}100%{opacity:.4}}@keyframes signature-text-in{to{opacity:1;transform:translateY(0)}}@keyframes signature-write{to{stroke-dashoffset:0}}
.signature-finished .skg-signature-card{animation:signature-fade-out .45s forwards}@keyframes signature-fade-out{to{opacity:0;transform:scale(.97)}}

/* Trophy-carrying SKG stickman travels through the portal doors underneath the dashboard squares. */
.home-shortcuts{position:relative;padding-bottom:59px}
.skg-walkway{position:absolute;left:0;right:0;bottom:0;height:56px;border-top:1px solid rgba(169,193,211,.12);background:linear-gradient(90deg,rgba(116,141,160,.045),transparent 45%,rgba(116,141,160,.045));pointer-events:none;overflow:hidden}
.skg-walk-door{position:absolute;bottom:0;width:42px;height:44px;border:1px solid rgba(167,193,212,.35);border-bottom:0;border-radius:21px 21px 0 0;background:linear-gradient(180deg,rgba(157,195,220,.11),rgba(73,93,109,.06));box-shadow:0 0 18px rgba(141,188,215,.09),inset 0 0 14px rgba(160,200,225,.05)}
.skg-walk-door:before{content:"";position:absolute;left:6px;right:6px;top:7px;bottom:0;border:1px solid rgba(176,202,220,.2);border-bottom:0;border-radius:16px 16px 0 0}.skg-walk-door span{position:absolute;z-index:1;top:16px;left:0;right:0;text-align:center;color:#9db7ca;font:800 6px var(--display);letter-spacing:1px}
.skg-walk-door-in{left:5px}.skg-walk-door-out{right:5px}
.skg-walking-stickman{position:absolute;left:4px;bottom:0;width:56px;height:53px;z-index:3;overflow:visible;animation:stickman-portal-walk 18s ease-in-out infinite;transform-origin:bottom center;filter:drop-shadow(0 3px 5px rgba(0,0,0,.4))}
.skg-stickman-body{transform-origin:32px 54px;animation:stickman-bob .26s ease-in-out infinite alternate}.skg-walk-arm-a{transform-origin:30px 37px;animation:stickman-arm-a .3s ease-in-out infinite alternate}.skg-walk-arm-b{transform-origin:31px 36px;animation:stickman-arm-b .3s ease-in-out infinite alternate}.skg-walk-leg-a{transform-origin:32px 55px;animation:stickman-leg-a .3s ease-in-out infinite alternate}.skg-walk-leg-b{transform-origin:32px 55px;animation:stickman-leg-b .3s ease-in-out infinite alternate}
@keyframes stickman-portal-walk{0%{left:4px;transform:scale(.85);opacity:0}4%{opacity:1}44%{left:calc(100% - 65px);transform:scale(1);opacity:1}48%{left:calc(100% - 65px);transform:scale(.45);opacity:0}51%{left:calc(100% - 65px);transform:scale(.45) scaleX(-1);opacity:0}55%{left:calc(100% - 65px);opacity:1;transform:scale(1) scaleX(-1)}95%{left:4px;transform:scale(1) scaleX(-1);opacity:1}99%,100%{left:4px;transform:scale(.45) scaleX(-1);opacity:0}}
@keyframes stickman-bob{from{transform:translateY(0)}to{transform:translateY(-2px)}}@keyframes stickman-arm-a{from{transform:rotate(12deg)}to{transform:rotate(-17deg)}}@keyframes stickman-arm-b{from{transform:rotate(-8deg)}to{transform:rotate(9deg)}}@keyframes stickman-leg-a{from{transform:rotate(-14deg)}to{transform:rotate(20deg)}}@keyframes stickman-leg-b{from{transform:rotate(20deg)}to{transform:rotate(-14deg)}}

@media(max-width:980px){.player-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skg-walkway{height:48px}.skg-walking-stickman{width:49px;height:47px}}
@media(max-width:600px){.player-directory-grid{grid-template-columns:1fr}.player-directory-card{padding:17px}.players-tools{align-items:stretch;flex-direction:column}.players-tools .secondary-button{justify-content:center}.onboarding-shell{margin:0 auto}.duo-player-request-card{padding:10px}.skg-signature-stage{height:150px}}
@media(prefers-reduced-motion:reduce){.player-directory-card,.skg-walking-stickman,.skg-stickman-body,.skg-walk-arm-a,.skg-walk-arm-b,.skg-walk-leg-a,.skg-walk-leg-b,.skg-signature-wordmark,.skg-signature-orbit,.skg-signature-rays,.skg-signature-card h2,.skg-signature-card p,.skg-signature-autograph path,.skg-signature-card>.secondary-button{animation:none!important;transition:none!important}.player-directory-card{opacity:1;transform:none}.skg-signature-wordmark,.skg-signature-card h2,.skg-signature-card p,.skg-signature-card>.secondary-button{opacity:1;transform:none}.skg-signature-autograph path{stroke-dashoffset:0}}

/* V18: bright orange-and-white SKG Community. Keep white space, warm surfaces, and confident orange calls to action. */
:root{--bg:#fff8f1;--panel:#ffffff;--panel2:#fffaf5;--line:rgba(130,73,36,.14);--muted:#817065;--text:#30241d;--orange:#f97316;--orange2:#ffb05c;--purple:#f59e0b;--green:#2d9b67}
html,body{background:#fffaf6!important;color:#30241d!important}
body{background:radial-gradient(ellipse at 0% 0%,rgba(255,151,73,.14),transparent 35%),radial-gradient(ellipse at 100% 15%,rgba(255,205,149,.18),transparent 32%),#fffaf6!important}
.noise{opacity:.012!important}.ambient{opacity:.09!important;filter:blur(100px)!important}.ambient-a{background:#fb923c!important}.ambient-b{background:#fed7aa!important}
#atmosphereCanvas{opacity:.19!important}body.is-in-app #atmosphereCanvas{opacity:0!important}.dashboard-weather-canvas{opacity:.12!important}
button:focus-visible,input:focus-visible,a:focus-visible{outline-color:#f97316!important}
.brand-header{border-bottom-color:rgba(180,94,39,.13)!important}.brand,.brand-wordmark b,.app-brand b{color:#3a281d!important}.logo-wrap{background:#fff!important;border-color:rgba(246,124,45,.26)!important;box-shadow:0 7px 22px rgba(194,91,27,.07)!important}.brand-wordmark small,.app-brand small{color:#a06a42!important}.header-note{color:#9a765e!important}.header-divider{color:#d5b49a!important}.live-dot,.hero-status i,.status-dot{background:#f97316!important;box-shadow:0 0 9px rgba(249,115,22,.28)!important}
.gradient-text,.sidebar-gradient{background:linear-gradient(100deg,#ff9b44 0%,#f97316 54%,#c9500f 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.orange-text{color:#f97316!important}.eyebrow,.section-overline{color:#ad7650!important}.eyebrow-line,.form-neon-rule{background:#f97316!important}.manifesto{color:#6b5140!important}.manifesto strong{color:#3b2b21!important}
#loginView{color:#34271e!important}.landing-copy h1{color:#3c281c!important}.landing-description{color:#8d7564!important}.brand-header{background:transparent!important}
.monitor-bezel,.landing-monitor-bezel{background:linear-gradient(145deg,#fff7ed,#f3dfcd)!important;border-color:rgba(158,91,44,.22)!important;box-shadow:0 25px 80px rgba(122,64,26,.14),inset 0 1px #fff!important}.monitor-screen,.landing-monitor-screen{border-color:rgba(235,125,48,.3)!important;background:radial-gradient(ellipse at 70% 15%,rgba(255,192,130,.28),transparent 34%),linear-gradient(145deg,#fffaf5,#f8e9dc)!important}.screen-grid{opacity:.12!important;background-image:linear-gradient(rgba(223,127,55,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(223,127,55,.08) 1px,transparent 1px)!important}.screen-neon-haze{background:radial-gradient(ellipse,rgba(249,115,22,.15),transparent 67%)!important}.login-lightning-svg{display:none!important}.hero-panel{background:radial-gradient(ellipse at 50% 45%,#fff 0%,#fff7ef 58%,#f8e6d7 100%)!important;border-color:rgba(232,116,37,.19)!important;box-shadow:0 22px 65px rgba(130,73,36,.13),inset 0 1px #fff!important}.hero-glow{background:radial-gradient(ellipse,rgba(255,153,71,.15),transparent 70%)!important}.hero-panel:before{background:linear-gradient(115deg,rgba(249,115,22,.025),transparent 40%,rgba(255,190,120,.035))!important}.hero-status{color:#9f7759!important}.chip-gem,.lock-orb{background:#fff0e0!important;border-color:#f5c39b!important;color:#e66a12!important}
.login-card{border-color:rgba(211,118,58,.22)!important;background:linear-gradient(145deg,#fff,#fff9f4)!important;box-shadow:0 20px 54px rgba(133,76,39,.12),inset 0 1px #fff!important}.login-card label{color:#866a56!important}.input-shell{border-color:#edd8c6!important;background:#fff!important}.input-shell:focus-within{border-color:#f69a5a!important;box-shadow:0 0 0 3px rgba(249,115,22,.1)!important}.input-shell input,.input-shell input::placeholder{color:#443126!important}.input-shell input::placeholder{color:#b39b88!important}.input-symbol,.show-password{color:#d8671b!important}.form-message{color:#896d58!important}.form-message.success{color:#25835b!important}.form-message.error{color:#bf3b24!important}.auth-mode-toggle{color:#d86517!important}.auth-mode-toggle:hover{color:#a3420b!important}
.primary-button{border:1px solid rgba(222,99,24,.23)!important;background:linear-gradient(110deg,#fb923c,#f97316 72%,#e85d0e)!important;color:#fff!important;box-shadow:0 8px 20px rgba(220,101,24,.16)!important}.primary-button:hover:not(:disabled){box-shadow:0 11px 26px rgba(220,101,24,.24)!important;filter:saturate(1.04) brightness(1.02)!important}.secondary-button{border:1px solid #efd5c1!important;background:#fff8f2!important;color:#a24c16!important}.secondary-button:hover:not(:disabled){border-color:#f3ad7b!important;background:#fff0e3!important;color:#7f390c!important}.text-link{color:#d65e13!important}.text-link:hover{color:#a9470d!important}
.login-loading{background:rgba(255,246,237,.86)!important;backdrop-filter:blur(10px)!important}.login-loading-card{border-color:rgba(234,116,36,.32)!important;background:linear-gradient(145deg,#fff,#fff4e9)!important;box-shadow:0 24px 75px rgba(143,73,27,.18),inset 0 1px #fff!important}.login-loading-card h2{color:#442d1e!important}.login-loading-card p{color:#99745a!important}.loading-kicker{color:#d6661c!important}.loading-percent{color:#a64a10!important}.loading-track{background:#f4e1d1!important;border-color:#e9c9ad!important}.loading-track span{background:linear-gradient(90deg,#ffbd6d,#f97316,#d84c08)!important;box-shadow:0 0 14px rgba(249,115,22,.22)!important}.loading-runner{border-bottom-color:rgba(231,112,33,.24)!important}.runner-trail{stroke:#f4a261!important}.login-loading-card .runner-figure [stroke="#273b58"]{stroke:#874719!important}
.app-view{background:transparent!important;color:#34271e!important}.app-header{background:rgba(255,255,255,.94)!important;border-bottom-color:#eedbc9!important;box-shadow:0 5px 25px rgba(118,70,36,.05)!important;backdrop-filter:blur(16px)}.app-header:after{opacity:.08!important;filter:sepia(.5) saturate(2) hue-rotate(330deg)!important}.app-brand img{border-color:#efd0b5!important;background:#fff!important;box-shadow:0 3px 12px rgba(176,85,27,.07)!important}.wallet-mini{background:#fff7ef!important;border-color:#f0d9c5!important;color:#593723!important}.wallet-mini small{color:#a47958!important}.coin-mini{background:#ffead7!important;color:#e46a17!important}.header-avatar-button{border-color:#f0c7a7!important;background:#fff!important}.profile-dropdown{background:#fff!important;border-color:#efd9c5!important;box-shadow:0 18px 48px rgba(104,62,31,.17)!important;color:#39271c!important}.profile-dropdown button{color:#6f4931!important}.profile-dropdown button:hover{background:#fff0e3!important;color:#b64d0b!important}
#globalSearchInput{border-color:#ecd5c1!important;background:#fff9f4!important;color:#493226!important}#globalSearchInput::placeholder{color:#b19a86!important}#globalSearchInput:focus{border-color:#f5ad79!important;box-shadow:0 0 0 3px rgba(249,115,22,.08)!important}.global-search-hint{color:#bd855d!important}
.app-shell{background:#fffaf6!important;grid-template-columns:232px minmax(0,1fr)!important}.sidebar{background:#fff!important;border-right-color:#ecd9c8!important;box-shadow:4px 0 22px rgba(118,70,36,.035)!important}.sidebar-label{color:#a77959!important}.nav-list{gap:5px!important}.nav-tab{background:#f7f4f1!important;color:#7d6c5f!important;border:1px solid rgba(157,108,74,.08)!important;border-radius:10px!important}.nav-tab:hover{background:#fff0e3!important;color:#a84a0b!important;border-color:#f3d0b4!important;transform:translateX(2px)}.nav-tab.active{background:linear-gradient(100deg,#ffead8,#fff4e9)!important;border-color:#f6c49f!important;box-shadow:inset 3px 0 #f97316,0 5px 15px rgba(178,87,28,.07)!important;color:#a5430b!important}.nav-icon{background:#fff!important;color:#cf6a27!important;border:1px solid #f2ddcb!important}.nav-tab.active .nav-icon,.nav-tab.active .nav-chevron{background:#ffdec5!important;color:#ba4a07!important}.nav-chevron{color:#bb916f!important}.sidebar-card{background:linear-gradient(145deg,#fff4e8,#fff)!important;border-color:#f0d6bf!important}.sidebar-card>b{color:#593923!important}.sidebar-card p{color:#9a7b61!important}.sidebar-card-icon{background:#ffead6!important;color:#e56816!important}.sidebar-decoration i,.sidebar-decoration i:nth-child(2){background:#fb923c!important}.sidebar-version{color:#b2937a!important}
.main-content-wrap{background:transparent!important}.page-heading h2,.page-heading h1{color:#3a281c!important}.page-heading p{color:#927763!important}.section-overline{color:#b36b3b!important}.mini-tag{background:#fff4ea!important;border-color:#f0d7c1!important;color:#a45a25!important}.welcome-panel,.profile-panel,.stat-card,.subpanel,.announcement-strip,.task-card,.earn-banner,.wheel-card,.wheel-info-card,.tournament-card,.shop-card,.side-shop-panel,.notification-card,.settings-card,.duo-radar-card,.duo-info-card,.duo-how-card,.profile-overview-card,.player-directory-card,.tier-build-panel,.onboarding-shell,.tournament-panel,.players-error,.players-tools,.tier-search-wrap{background:#fff!important;color:#3a2b21!important;border-color:#eedcc9!important;box-shadow:0 11px 30px rgba(143,88,48,.065)!important}.welcome-panel{background:radial-gradient(ellipse at 82% 15%,rgba(255,165,91,.18),transparent 46%),linear-gradient(120deg,#fff4e8,#fff 75%)!important;border-color:#f0c8a7!important}.welcome-panel h3,.welcome-panel h2{color:#39251a!important}.welcome-panel p{color:#90735f!important}.stat-row{gap:13px!important}.stat-card:hover,.task-card:hover,.tournament-card:hover,.shop-card:hover,.player-directory-card:hover{border-color:#f2b98f!important;box-shadow:0 17px 35px rgba(194,94,27,.1)!important}.stat-icon,.activity-badge,.task-icon{background:#fff0e2!important;border-color:#f2d5bd!important;color:#e56b19!important}.stat-number{color:#3f2b1e!important}.stat-label,.activity-copy small{color:#9b7a62!important}.activity-item{border-bottom-color:#f2e3d5!important}.activity-copy b{color:#57402f!important}.activity-points{color:#d65e13!important}.activity-points.negative{color:#9d6a4a!important}.progress-track{background:#f3e5d9!important}.progress-fill{background:linear-gradient(90deg,#ffb15c,#f97316)!important;box-shadow:0 0 10px rgba(249,115,22,.12)!important}.announcement-strip{background:linear-gradient(100deg,#fff0e2,#fffaf5)!important}.announcement-symbol{color:#d76416!important;background:#ffead7!important}
.home-shortcut{background:linear-gradient(145deg,#fff,#fff7f0)!important;border-color:#efddcc!important;color:#442e20!important;box-shadow:0 9px 26px rgba(125,73,38,.05)!important}.home-shortcut:before{background:radial-gradient(circle,rgba(249,115,22,.10),transparent 70%)!important}.home-shortcut:hover{border-color:#f4bd96!important;background:linear-gradient(145deg,#fff,#fff0e3)!important}.home-shortcut-icon{background:#fff0e2!important;border-color:#f4d7c0!important;color:#e66b19!important}.home-shortcut p{color:#997b65!important}.home-shortcut .shortcut-arrow{color:#e36a18!important}.home-online-preview{background:linear-gradient(145deg,#fff9f2,#fff)!important;border-color:#f0d9c5!important}.home-mini-radar .mini-radar-sweep{background:conic-gradient(from 0deg,transparent 0 280deg,rgba(249,115,22,.3),transparent)!important}.home-mini-radar .mini-radar-core{background:#fff0e3!important;border-color:#f1c6a4!important;color:#d45d12!important}
.tier-champion-card,.tier-item-card,.tier-rune-card{background:#fff!important;border-color:#eedcc9!important;color:#4a3223!important}.tier-champion-card:hover,.tier-item-card:hover,.tier-rune-card:hover{border-color:#f5ba90!important;box-shadow:0 10px 24px rgba(193,95,35,.1)!important}.tier-champion-card h3,.tier-item-card h4,.tier-rune-card h4{color:#563923!important}
.duo-radar-card{border-color:#f1d1b5!important;background:radial-gradient(ellipse at 50% 45%,rgba(255,170,99,.12),transparent 48%),linear-gradient(145deg,#fffaf5,#fff)!important}.duo-radar-card:before{background-image:linear-gradient(rgba(233,134,65,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(233,134,65,.045) 1px,transparent 1px)!important}.duo-kicker,.duo-how-card>small{color:#c3672d!important}.duo-radar-ring,.ring-c{border-color:rgba(231,139,72,.26)!important}.duo-radar-sweep{background:conic-gradient(from 0deg,rgba(249,115,22,0) 0deg,rgba(249,115,22,0) 260deg,rgba(255,183,122,.04) 300deg,rgba(249,115,22,.24) 352deg,rgba(249,115,22,0) 360deg)!important}.duo-radar-center{background:radial-gradient(circle,#fff5eb,#fff)!important;border-color:#f1c19b!important;color:#be520f!important;box-shadow:0 0 30px rgba(249,115,22,.1)!important}.duo-radar-center>span{color:#e66b19!important;text-shadow:0 0 12px rgba(249,115,22,.1)!important}.duo-radar-card.is-scanning .duo-live-pill,.duo-radar-card.has-match .duo-live-pill{border-color:#f0c9aa!important;color:#b85618!important}.duo-radar-card.is-scanning .duo-live-pill i,.duo-radar-card.has-match .duo-live-pill i{background:#f97316!important;box-shadow:0 0 9px rgba(249,115,22,.3)!important}.radar-blip,.blip-b,.blip-d{background:#f97316!important;box-shadow:0 0 10px rgba(249,115,22,.25)!important}.duo-start-button{border-color:#f0b78e!important;background:linear-gradient(105deg,#fb923c,#f97316 75%,#e85d0e)!important;box-shadow:0 0 22px rgba(249,115,22,.12)!important}.duo-partner-card{border-color:#f0d3bd!important;background:#fff5eb!important}.duo-partner-card small{color:#bd6c36!important}.duo-partner-card .duo-partner-check{color:#e66b19!important}.duo-player-request-card,.duo-request-main{background:#fff!important;color:#493123!important}.duo-player-badges span{background:#fff3e8!important;border-color:#eed4bf!important;color:#a65825!important}.duo-privacy-note{color:#9b7c64!important}.duo-discord-reveal{color:#4c3929!important}.duo-discord-reveal b{color:#c56a2c!important}
.form-message.error{color:#bc422d!important}.form-message.success{color:#26805b!important}#toast{border-color:#f1c8a7!important;background:#fff!important;color:#563421!important;box-shadow:0 12px 30px rgba(128,67,28,.14)!important}.modal-card,.hourly-ad-card{border-color:#f0d2b8!important;background:linear-gradient(140deg,#fff,#fff5eb)!important;color:#453023!important}.modal-card h2,.hourly-ad-card h2{color:#422b1b!important}.modal-card p,.hourly-ad-card p{color:#8e7058!important}.modal-gem{background:#fff0e2!important;border-color:#f2d1b4!important;color:#e56816!important}
.cloud-transition-sky{background:radial-gradient(ellipse at 50% 50%,rgba(255,182,125,.3),transparent 35%),linear-gradient(180deg,#fff8f1,#fff 55%,#fdf3e8)!important}.cloud-transition-flash{background:radial-gradient(ellipse at 50% 45%,rgba(255,255,255,.95),rgba(255,180,112,.35) 24%,transparent 65%)!important}.transition-bolt{filter:drop-shadow(0 0 7px #ffb266) drop-shadow(0 0 20px #f97316)!important}.transition-bolt path{stroke:#fff!important}.transition-bolt path+path{stroke:#f97316!important}.transition-logo{border-color:rgba(249,115,22,.62)!important;background:radial-gradient(circle,#fff2e6,#fff 68%)!important;box-shadow:0 0 25px rgba(249,115,22,.24),0 0 70px rgba(249,115,22,.18),inset 0 0 34px rgba(255,177,108,.18)!important;color:#d9570c!important;text-shadow:0 0 16px rgba(249,115,22,.15)!important}.transition-logo img{filter:drop-shadow(0 0 15px rgba(249,115,22,.25))!important}.cloud-drift{background:radial-gradient(ellipse,rgba(255,231,210,.8),rgba(255,193,139,.32) 43%,transparent 72%)!important}
.skg-signature-overlay{background:rgba(255,246,237,.9)!important}.skg-signature-card{background:radial-gradient(ellipse at 50% 0,#fff0e0,transparent 48%),linear-gradient(145deg,#fff,#fff8f1)!important;border-color:#f0c4a0!important;box-shadow:0 30px 95px rgba(136,70,28,.18),inset 0 1px #fff!important}.skg-signature-close{background:#fff8f2!important;border-color:#efd8c5!important;color:#8d4c22!important}.skg-signature-topline{color:#b76a36!important}.skg-signature-topline i{background:#f97316!important}.skg-signature-wordmark span{color:#f97316!important;text-shadow:0 0 6px rgba(249,115,22,.15),0 0 30px rgba(249,115,22,.16)!important}.skg-signature-wordmark small{color:#b86631!important}.skg-signature-orbit{border-color:rgba(249,115,22,.25)!important}.skg-signature-rays{background:conic-gradient(from 0deg,transparent,rgba(249,115,22,.12),transparent 30%,rgba(255,193,139,.1),transparent 60%)!important}.skg-signature-card h2{color:#5d321a!important}.skg-signature-card p{color:#a17659!important}.skg-signature-card>.secondary-button{background:#fff3e8!important;border-color:#efd0b5!important;color:#a24a10!important}
/* Dashboard mascot is a slim row above the dashboard cards, not a footer in the middle of the page. */
.home-shortcuts{padding-bottom:0!important}.skg-walkway-top{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;height:58px!important;margin:0 0 15px!important;border:1px solid #f0dac6!important;border-radius:12px!important;background:linear-gradient(90deg,#fff7ef,#fff,#fff7ef)!important;overflow:hidden!important;box-shadow:inset 0 1px #fff!important}.skg-walkway-top .skg-walk-door{border-color:rgba(226,125,54,.34)!important;background:linear-gradient(180deg,rgba(255,186,125,.2),rgba(255,241,226,.28))!important;box-shadow:0 0 15px rgba(249,115,22,.08)!important}.skg-walkway-top .skg-walk-door:before{border-color:rgba(226,125,54,.22)!important}.skg-walkway-top .skg-walk-door span{color:#b66a34!important}.skg-walkway-top .skg-walking-stickman{filter:drop-shadow(0 3px 5px rgba(158,81,29,.14))!important}
/* Top translation control (English / French / Arabic). */
.language-switcher{position:relative;z-index:40;flex:0 0 auto}.language-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid #efd3bc;border-radius:10px;background:#fff!important;color:#a95219!important;font-weight:800;font-size:11px;box-shadow:0 3px 10px rgba(154,82,33,.04)}.language-trigger:hover{background:#fff1e5!important;border-color:#f2b990!important}.language-caret{font-size:13px;color:#d06a2b}.language-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:142px;padding:6px;background:#fff!important;border:1px solid #efd7c1;border-radius:12px;box-shadow:0 15px 35px rgba(122,68,33,.16);z-index:80;display:grid;gap:3px}.language-menu button{border:0;border-radius:8px;text-align:left;background:transparent;color:#68452e;padding:10px 11px;font-size:12px;font-weight:700}.language-menu button:hover{background:#fff0e2;color:#b44f0c}.login-language-switcher{margin-left:auto;margin-right:0}.app-language-switcher{margin:0 10px;align-self:center}.app-header{gap:8px!important}.app-header-right{gap:12px!important}
/* Running stickman hops through a warm portal at the end of the sign-in progress bar. */
.loading-portal{position:absolute;right:0;top:9px;width:54px;height:54px;border:2px solid rgba(249,115,22,.54);border-radius:50%;background:radial-gradient(circle,rgba(255,190,130,.2),rgba(255,246,236,.85) 67%);box-shadow:0 0 22px rgba(249,115,22,.16),inset 0 0 13px rgba(249,115,22,.13);display:grid;place-items:center;z-index:1;animation:loading-portal-pulse 1.4s ease-in-out infinite alternate}.loading-portal i{position:absolute;inset:6px;border:1px solid rgba(242,121,39,.45);border-radius:50%;transform:rotateX(58deg) scaleX(.72)}.loading-portal i:nth-child(2){inset:1px;transform:rotateY(58deg) scaleX(.72);border-color:rgba(241,143,66,.4)}.loading-portal span{font:900 7px var(--display);letter-spacing:1px;color:#c95a14}.loading-runner.portal-approach .runner-figure{animation:login-runner-jump .72s cubic-bezier(.2,.76,.25,1) both!important;z-index:3}.loading-runner.portal-arrived .loading-portal{animation:loading-portal-enter .5s ease-in both}.loading-runner.portal-arrived .runner-figure{opacity:0!important}@keyframes loading-portal-pulse{from{transform:scale(.95);box-shadow:0 0 13px rgba(249,115,22,.12)}to{transform:scale(1.04);box-shadow:0 0 25px rgba(249,115,22,.23)}}@keyframes login-runner-jump{0%{transform:translateY(0) scale(1) rotate(0);opacity:1}42%{transform:translateY(-20px) scale(1.1) rotate(5deg);opacity:1}78%{transform:translateY(-10px) scale(.82) rotate(10deg);opacity:.8}100%{transform:translateY(0) scale(.08) rotate(18deg);opacity:0}}@keyframes loading-portal-enter{to{transform:scale(1.5);opacity:.15;filter:blur(4px)}}
.player-request-button{width:100%;justify-content:space-between}.player-request-button.request-sent{background:linear-gradient(110deg,#d8f5e5,#bce8cf)!important;color:#216644!important;border-color:#c3e8d2!important;box-shadow:none!important}.play-request-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.play-request-actions .primary-button,.play-request-actions .secondary-button{min-height:37px;justify-content:center;padding:8px 12px}.notification-type-pill{display:inline-flex;margin:4px 0 5px;padding:5px 8px;border-radius:999px;background:#fff0df;color:#ba540f;font-size:9px;font-weight:900;letter-spacing:.7px}.notification-card.unread{border-left:3px solid #f97316!important}.notification-copy p{color:#775a44!important}
.rtl-ui{direction:rtl}.rtl-ui #appView .app-shell{direction:rtl}.rtl-ui #appView .sidebar{border-right:0!important;border-left:1px solid #ecd9c8!important}.rtl-ui .app-header,.rtl-ui .brand-header{direction:rtl}.rtl-ui .global-search input{text-align:right}.rtl-ui .language-menu{right:auto;left:0}.rtl-ui .page-heading{text-align:right}.rtl-ui .player-card-details,.rtl-ui .profile-overview-main{direction:rtl}.rtl-ui .nav-tab:hover{transform:translateX(-2px)}.rtl-ui .home-shortcut,.rtl-ui .task-card,.rtl-ui .settings-form label{text-align:right}
@media(max-width:900px){.app-language-switcher{margin:0 4px}.language-trigger{padding:0 9px}.login-language-switcher{margin-left:auto}.app-header-right{gap:7px!important}}
@media(max-width:700px){.app-header{flex-wrap:wrap!important;padding-top:10px!important;padding-bottom:10px!important}.app-brand{order:0}.app-language-switcher{order:1;margin-left:auto!important}.global-search{order:2;flex:1 0 100%!important;max-width:none!important;margin:7px 0 0!important}.app-header-right{order:1}.login-view{background:transparent}.brand-header{flex-wrap:wrap}.header-note{font-size:8px}.login-language-switcher{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.loading-portal,.loading-portal i,.loading-runner.portal-approach .runner-figure{animation-duration:.01ms!important;animation-iteration-count:1!important}.loading-runner.portal-arrived .runner-figure{opacity:0!important}}

@media(max-width:700px){.brand-header{height:auto!important;min-height:62px;padding-bottom:8px!important}.header-note{max-width:100%;margin-left:auto}.login-language-switcher{margin-left:auto}}


/* V19 — understated warm-grey / pale-orange redesign and SKG Academy interaction. */
:root{
  --bg:#f2f0ec;--panel:#fffdfa;--panel2:#f7f5f1;--line:#e2ddd5;--muted:#77746e;--text:#393732;
  --orange:#e5a36d;--orange2:#f2c69f;--purple:#d4b08f;--green:#43856a;
  --display:"Barlow Condensed","DM Sans",sans-serif;
}
html,body{background:#f2f0ec!important;color:#393732!important}
body{background:#f2f0ec!important}
.noise{opacity:.006!important}
.ambient{opacity:.025!important;filter:blur(110px)!important}
.ambient-a{background:#e5a36d!important}.ambient-b{background:#ece1d4!important}
#atmosphereCanvas{opacity:.08!important}body.is-in-app #atmosphereCanvas{opacity:0!important}.dashboard-weather-canvas{opacity:.07!important}
.brand-header{background:rgba(248,247,244,.96)!important;border-bottom-color:#e2ddd5!important}
.brand,.brand-wordmark b,.app-brand b{color:#393732!important}
.brand-wordmark small,.app-brand small{color:#8c8176!important}
.header-note{color:#928981!important}.header-divider{color:#c7b8a8!important}
.live-dot,.hero-status i,.status-dot{background:#d9955e!important;box-shadow:0 0 0 3px rgba(217,149,94,.1)!important}
.gradient-text,.sidebar-gradient{background:linear-gradient(100deg,#bf7c48,#e5a36d 65%,#d99b67)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.orange-text{color:#c98650!important}.eyebrow,.section-overline{color:#a67b58!important}
.eyebrow-line,.form-neon-rule{background:#e5a36d!important}
.manifesto{color:#6d665e!important}.manifesto strong{color:#4c463f!important}
#loginView{color:#393732!important;background:#f2f0ec!important}
.landing-copy h1{color:#393732!important}.landing-description{color:#7f776e!important}
.logo-wrap{background:#fbfaf7!important;border-color:#ded5c9!important;box-shadow:0 3px 10px rgba(67,52,39,.04)!important}
.landing-monitor-wrap{filter:none!important}.monitor-bezel{border-color:#cfc6bb!important;box-shadow:0 18px 55px rgba(69,55,43,.1)!important;background:#d9d5cf!important}
.monitor-screen{background:linear-gradient(145deg,#efede8,#f7f4ef)!important}
.screen-grid{opacity:.09!important}.screen-neon-haze{opacity:.08!important;filter:sepia(.4)!important}
.login-lightning-svg{opacity:.13!important;filter:none!important}.lightning-core{stroke:#e5a36d!important}.lightning-glow{stroke:#f2c69f!important}
.login-card{background:rgba(255,253,250,.96)!important;border-color:#ded7ce!important;box-shadow:0 14px 38px rgba(60,48,38,.08)!important;color:#393732!important}
.login-card label{color:#756c63!important}.input-shell{background:#f7f5f1!important;border-color:#e2dbd2!important;box-shadow:none!important}.input-shell input{color:#393732!important}.input-symbol{color:#a68b73!important}
.primary-button{background:#e8b182!important;border-color:#dc9d68!important;color:#3d3025!important;box-shadow:0 3px 0 #cc8d5c!important}
.primary-button:hover:not(:disabled){background:#f0c39c!important;box-shadow:0 4px 0 #cc8d5c,0 7px 16px rgba(160,106,65,.1)!important}
.secondary-button{background:#f8f6f2!important;border-color:#ddd6cd!important;color:#5f574f!important;box-shadow:none!important}
.secondary-button:hover:not(:disabled){background:#f2e7dc!important;border-color:#e3c6aa!important;color:#795331!important}
.auth-mode-toggle,.show-password{color:#9a6d48!important}
.app-view{background:#f2f0ec!important;color:#393732!important}
.app-header{background:rgba(250,249,246,.97)!important;border-bottom-color:#ddd8d0!important;box-shadow:0 2px 12px rgba(57,48,39,.045)!important;backdrop-filter:blur(14px)!important}
.app-header:after{opacity:.025!important;filter:grayscale(1)!important}
.app-brand img{border-color:#e4d9cc!important;background:#fffdfa!important;box-shadow:none!important;filter:saturate(.58)!important}
.wallet-mini{background:#f7f3ed!important;border-color:#e5d9cc!important;color:#55473b!important}.wallet-mini small{color:#8f8173!important}.coin-mini{background:#f3dfca!important;color:#b97d4a!important}
.header-avatar-button{border-color:#ded2c4!important;background:#fffdfa!important}.avatar-points-badge{background:#e8b182!important;color:#44352a!important}
.profile-dropdown{background:#fffdfa!important;border-color:#e2d8cd!important;box-shadow:0 12px 30px rgba(57,48,39,.13)!important;color:#393732!important}.profile-dropdown button{color:#6b5b4c!important}.profile-dropdown button:hover{background:#f7eadd!important;color:#8b592f!important}
.app-shell{background:#f2f0ec!important;grid-template-columns:232px minmax(0,1fr)!important}
.sidebar{background:#e9e7e2!important;border-right-color:#dbd6ce!important;box-shadow:none!important}
.sidebar-label{color:#8f8174!important}.nav-list{gap:5px!important}
.nav-tab{background:#f3f1ed!important;color:#746b62!important;border:1px solid #e5dfd6!important;border-radius:9px!important;box-shadow:none!important}
.nav-tab:hover{background:#f8ebe0!important;color:#8a5b35!important;border-color:#e6c8ad!important;transform:translateX(2px)}
.nav-tab.active{background:#f5dfcc!important;border-color:#e9c09c!important;box-shadow:inset 3px 0 #d9965d!important;color:#754b2b!important}
.nav-icon{background:#faf8f4!important;color:#ac7d55!important;border:1px solid #e6ded4!important}
.nav-tab.active .nav-icon,.nav-tab.active .nav-chevron{background:#f0d0b3!important;color:#8e572e!important}.nav-chevron{color:#ab9580!important}
.sidebar-card{background:#f6f3ee!important;border-color:#e0d8ce!important}.sidebar-card>b{color:#5d5145!important}.sidebar-card p{color:#898074!important}.sidebar-card-icon{background:#f1e0ce!important;color:#c38854!important}.sidebar-decoration i,.sidebar-decoration i:nth-child(2){background:#dfaa7e!important}
.sidebar-version{color:#9b9084!important}.sidebar-version span{color:#aa9c8c!important}
.main-content-wrap{background:transparent!important}.page-heading h2,.page-heading h1{color:#393732!important}.page-heading p{color:#7b746b!important}.section-overline{color:#987655!important}
.mini-tag{background:#f8f4ee!important;border-color:#e3d7c9!important;color:#8e6746!important}
.welcome-panel,.profile-panel,.stat-card,.subpanel,.announcement-strip,.task-card,.earn-banner,.wheel-card,.wheel-info-card,.tournament-card,.shop-card,.side-shop-panel,.notification-card,.settings-card,.duo-radar-card,.duo-info-card,.duo-how-card,.profile-overview-card,.player-directory-card,.tier-build-panel,.onboarding-shell,.tournament-panel,.players-error,.players-tools,.tier-search-wrap{background:#fffdfa!important;color:#393732!important;border-color:#e2dbd2!important;box-shadow:0 5px 18px rgba(62,50,39,.035)!important}
.welcome-panel{background:linear-gradient(120deg,#fffaf4,#fffdfa 70%)!important;border-color:#e3d1bf!important}.welcome-panel h3,.welcome-panel h2{color:#423a32!important}.welcome-panel p{color:#7e7469!important}
.welcome-panel .section-overline,.earn-banner .section-overline{color:#a77a55!important}
.stat-card:hover,.task-card:hover,.tournament-card:hover,.shop-card:hover,.player-directory-card:hover{border-color:#e2b58f!important;box-shadow:0 8px 22px rgba(90,67,46,.065)!important}
.stat-icon,.activity-badge,.task-icon{background:#f7eadc!important;border-color:#e8d4c1!important;color:#b77c4e!important}
.stat-number{color:#4c433b!important}.stat-label,.activity-copy small{color:#8c8278!important}.activity-item{border-bottom-color:#eee8df!important}.activity-copy b{color:#5d5044!important}.activity-points{color:#428260!important}.activity-points.negative{color:#ad6f5b!important}
.progress-track{background:#ebe5dc!important}.progress-fill{background:linear-gradient(90deg,#e7ba91,#dc9b66)!important;box-shadow:none!important}
.announcement-strip{background:#fbf3ea!important}.announcement-symbol{color:#ba8054!important;background:#f6e4d2!important}
.earn-banner{background:linear-gradient(120deg,#fbf4eb,#fffdfa)!important}.earn-banner h3{color:#463b31!important}.earn-banner p{color:#827569!important}.reward-value{background:#faf6f0!important;border-color:#e5dacf!important}.reward-value strong{color:#b77947!important}
.home-shortcut{background:#fffdfa!important;border-color:#e2dacf!important;box-shadow:0 4px 14px rgba(54,46,36,.03)!important}.home-shortcut:hover{background:#fff7ee!important;border-color:#e2b995!important;box-shadow:0 8px 22px rgba(75,57,39,.06)!important}.home-shortcut-icon{background:#f5e5d4!important;color:#ae7548!important}.home-shortcut b{color:#51463a!important}.home-shortcut p{color:#8b8074!important}
.tier-champion-card,.tier-champion-button{border-color:#e2dbd2!important;background:#fffdfa!important}.tier-champion-card:hover,.tier-champion-button:hover{border-color:#dfb48e!important;box-shadow:0 9px 20px rgba(87,64,43,.08)!important}
.duo-start-button{border-color:#dba578!important;background:#e8b182!important;color:#3d3025!important;box-shadow:none!important}
.duo-live-pill{border-color:#e2d5c8!important;color:#9b724f!important}.duo-radar-card.is-scanning .duo-live-pill i,.duo-radar-card.has-match .duo-live-pill i{background:#da9b67!important;box-shadow:none!important}.radar-blip,.blip-b,.blip-d{background:#d9955e!important;box-shadow:0 0 7px rgba(217,149,94,.22)!important}
.duo-partner-card{border-color:#e5d4c3!important;background:#faf2e9!important}.duo-partner-card small{color:#9f7553!important}.duo-partner-card .duo-partner-check{color:#b77947!important}.duo-player-request-card,.duo-request-main{background:#fffdfa!important;color:#554638!important}.duo-player-badges span{background:#f7eee4!important;border-color:#e6d8c8!important;color:#8d684a!important}.duo-privacy-note{color:#8f8173!important}.duo-discord-reveal{color:#51463b!important}.duo-discord-reveal b{color:#b77c4e!important}
.form-message.error{color:#a94132!important}.form-message.success{color:#347859!important}#toast{border-color:#e5d1be!important;background:#fffdfa!important;color:#57483b!important;box-shadow:0 8px 24px rgba(62,50,39,.12)!important}
.modal-card,.hourly-ad-card{border-color:#e3d2c2!important;background:#fffdfa!important;color:#4d4339!important}.modal-card h2,.hourly-ad-card h2{color:#43382e!important}.modal-card p,.hourly-ad-card p{color:#86796d!important}.modal-gem{background:#f6e6d7!important;border-color:#e5d0ba!important;color:#ae7649!important}
.cloud-transition-sky{background:linear-gradient(180deg,#f8f6f1,#efebe5 55%,#f7f3ec)!important}.cloud-transition-flash{background:radial-gradient(ellipse at 50% 45%,rgba(255,252,247,.9),rgba(231,179,135,.18) 24%,transparent 65%)!important}.transition-bolt{filter:drop-shadow(0 0 6px #e8b58a)!important}.transition-bolt path{stroke:#fffaf4!important}.transition-bolt path+path{stroke:#d99867!important}
.transition-logo{border-color:#e0b28e!important;background:radial-gradient(circle,#fbefe3,#fffdfa 68%)!important;box-shadow:0 0 15px rgba(217,149,94,.12),inset 0 0 24px rgba(229,177,137,.12)!important;color:#a66d40!important;text-shadow:none!important}.transition-logo img{filter:grayscale(.2) sepia(.25)!important}.cloud-drift{background:radial-gradient(ellipse,rgba(236,222,208,.7),rgba(217,193,171,.2) 43%,transparent 72%)!important}
.skg-signature-overlay{background:rgba(56,49,42,.45)!important}.skg-signature-card{background:#fffdfa!important;border-color:#e3c3a5!important;box-shadow:0 20px 60px rgba(44,35,28,.18),inset 0 1px #fff!important}.skg-signature-close{background:#f7eee5!important;border-color:#e2d3c2!important;color:#71543a!important}.skg-signature-topline{color:#987451!important}.skg-signature-topline i{background:#d99e6b!important}.skg-signature-wordmark span{font-family:"Barlow Condensed","DM Sans",sans-serif!important;color:#d69a68!important;text-shadow:none!important}.skg-signature-wordmark small{color:#9e7957!important}.skg-signature-orbit{border-color:rgba(215,164,119,.26)!important}.skg-signature-rays{background:conic-gradient(from 0deg,transparent,rgba(217,163,116,.08),transparent 30%,rgba(224,191,162,.07),transparent 60%)!important}.skg-signature-card h2{color:#514035!important}.skg-signature-card p{color:#8c7a68!important}.skg-signature-card>.secondary-button{background:#f8eee4!important;border-color:#e3d0bc!important;color:#805b3a!important}
.home-shortcuts{padding-bottom:0!important}.skg-walkway-top{background:linear-gradient(90deg,#f9f4ed,#fffdfa,#f9f4ed)!important;border-color:#e4d9ce!important;box-shadow:inset 0 1px #fff!important}.skg-walkway-top .skg-walk-door{border-color:rgba(198,139,89,.32)!important;background:linear-gradient(180deg,rgba(237,197,160,.18),rgba(255,251,245,.3))!important;box-shadow:none!important}.skg-walkway-top .skg-walk-door:before{border-color:rgba(198,139,89,.22)!important}.skg-walkway-top .skg-walk-door span{color:#9e7653!important}.skg-walkway-top .skg-walking-stickman{filter:drop-shadow(0 2px 4px rgba(88,59,38,.1))!important}
/* Keep rain simple and quiet: fewer, short, low-opacity drops on login and dashboard. */
#atmosphereCanvas,.dashboard-weather-canvas{opacity:.055!important}
/* Top navigation item inspired by the simple cupcake-site header: centered signature and a drop-down welcome card. */
.academy-nav-wrap{position:relative;z-index:95;flex:0 0 auto;align-self:center}
.academy-nav-button{display:flex;align-items:center;gap:9px;min-height:44px;padding:4px 12px 4px 6px;border:1px solid #e2d4c5;border-radius:8px;background:#fbf9f5;color:#5b5147;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;box-shadow:none}
.academy-nav-button:hover,.academy-nav-button[aria-expanded="true"]{background:#fff0e1;border-color:#dfb18b;transform:translateY(-1px)}
.academy-nav-seal{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:7px;background:#f2e4d6;border:1px solid #e9d4c0}
.academy-nav-seal img{width:25px;height:25px;object-fit:contain;filter:sepia(.32) saturate(.7)}
.academy-nav-label{display:grid;gap:1px;text-align:left;min-width:0}
.academy-nav-label strong{font:700 22px/1 "Caveat","DM Sans",cursive;color:#b7794a;white-space:nowrap}
.academy-nav-label small{font-size:9px;font-weight:600;letter-spacing:.5px;color:#918276;white-space:nowrap}
.academy-nav-caret{font-size:14px;color:#bc906b;margin-left:3px;transition:transform .25s}.academy-nav-button[aria-expanded="true"] .academy-nav-caret{transform:rotate(180deg)}
.academy-drop-panel{position:relative;z-index:75;max-height:0;opacity:0;overflow:hidden;transform:translateY(-18px);pointer-events:none;transition:max-height .6s cubic-bezier(.2,.7,.15,1),opacity .3s ease,transform .5s cubic-bezier(.2,.7,.15,1);padding:0 clamp(12px,3vw,40px)}
.academy-drop-panel.is-open{max-height:520px;opacity:1;transform:translateY(0);pointer-events:auto;padding-top:12px;padding-bottom:12px}
.academy-drop-card{position:relative;max-width:980px;margin:0 auto;border:1px solid #e1d4c5;border-radius:12px;overflow:hidden;display:grid;grid-template-columns:minmax(180px,.68fr) minmax(0,1.5fr);background:#fffdfa;box-shadow:0 9px 30px rgba(63,52,42,.075);isolation:isolate}
.academy-drop-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,rgba(246,222,201,.5),transparent 44%),linear-gradient(0deg,rgba(239,231,220,.25),transparent 55%)}
.academy-drop-close{position:absolute;top:10px;right:12px;z-index:4;width:30px;height:30px;border:1px solid #e3d8cb;border-radius:50%;background:#fffdfa;color:#77685a;font-size:20px;line-height:1;cursor:pointer}
.academy-drop-illustration{position:relative;min-height:220px;display:grid;place-items:center;background:linear-gradient(145deg,#f5e9dc,#f8f4ee);overflow:hidden;border-right:1px solid #e8dccc}
.academy-drop-illustration>img{width:100px;height:100px;object-fit:contain;position:relative;z-index:2;filter:sepia(.18) saturate(.65);animation:academy-seal-drift 5s ease-in-out infinite}
.academy-illustration-ring{position:absolute;width:145px;height:145px;border-radius:50%;border:1px solid rgba(204,147,101,.24)}.academy-illustration-ring-a{box-shadow:0 0 0 14px rgba(211,162,120,.045)}.academy-illustration-ring-b{width:185px;height:185px;border-style:dashed;border-color:rgba(204,147,101,.14);animation:academy-ring-turn 28s linear infinite}
.academy-illustration-caption{position:absolute;bottom:17px;left:0;right:0;text-align:center;color:#a78970;font-size:8px;font-weight:800;letter-spacing:2.2px}
.academy-drop-copy{padding:25px clamp(20px,4vw,44px) 22px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.academy-overline{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#a87a55}
.academy-drop-copy h2{font:700 clamp(35px,5vw,52px)/1 "Barlow Condensed","DM Sans",sans-serif;letter-spacing:-.3px;color:#45403a;margin:9px 0 11px}
.academy-drop-copy h2 em{font:600 clamp(35px,5vw,52px)/.9 "Caveat",cursive;color:#cf8d59}
.academy-typed-text{font:500 14px/1.65 "DM Sans",sans-serif;color:#766a5e;max-width:590px;min-height:70px;margin:0;white-space:pre-wrap}
.academy-typed-text:after{content:"";display:inline-block;height:14px;width:1.5px;background:#ce996b;margin-left:3px;vertical-align:-2px;animation:academy-caret .8s steps(2,end) infinite}
.academy-drop-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding-top:15px;border-top:1px solid #eee3d8}
.academy-drop-note{font-size:8px;letter-spacing:1.6px;font-weight:800;color:#a99a8b}
.academy-view-members{display:inline-flex;align-items:center;gap:15px;padding:11px 14px;border:1px solid #d9a87e;border-radius:6px;background:#edc29d;color:#57402d;font:700 11px "DM Sans",sans-serif;cursor:pointer;box-shadow:0 2px 0 #d7a177;transition:background .18s,transform .18s}
.academy-view-members:hover{background:#f5d2b4;transform:translateY(-1px)}
@keyframes academy-caret{50%{opacity:0}}@keyframes academy-ring-turn{to{transform:rotate(360deg)}}@keyframes academy-seal-drift{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}
.academy-members-overlay{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:clamp(10px,3vh,28px);overflow-y:auto}
.academy-members-overlay.hidden{display:none!important}
.academy-members-backdrop{position:fixed;inset:0;border:0;background:rgba(49,45,40,.64);backdrop-filter:blur(7px);cursor:pointer}
.academy-members-window{position:relative;z-index:1;isolation:isolate;width:min(780px,100%);max-height:94vh;overflow:auto;padding:clamp(24px,4vw,40px);border:1px solid #e3c6aa;border-radius:14px;background:#f9f6f1;box-shadow:0 28px 85px rgba(30,24,18,.25);text-align:center;color:#443d35;animation:academy-window-in .35s ease both}
.academy-members-window:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(140deg,rgba(243,220,200,.34),transparent 43%),radial-gradient(ellipse at 50% 10%,rgba(255,255,255,.9),transparent 55%)}
.academy-members-close{position:absolute;z-index:15;right:13px;top:12px;width:35px;height:35px;border:1px solid #e4d4c5;border-radius:50%;background:#fffdfa;color:#786552;font-size:23px;cursor:pointer}
.academy-members-kicker{display:flex;align-items:center;justify-content:center;gap:8px;color:#a47752;font-size:9px;letter-spacing:1.7px;font-weight:900}
.academy-members-kicker i{width:6px;height:6px;border-radius:50%;background:#dba174}
.academy-members-window>h2{font:700 clamp(30px,5vw,44px)/1.1 "Barlow Condensed","DM Sans",sans-serif;margin:9px 0 6px;color:#49413a}
.academy-members-window>h2 em{font:600 1.04em "Caveat",cursive;color:#cc8d5b}
.academy-members-intro{font-size:12px;color:#8a7e72;margin:0 auto;max-width:430px;line-height:1.6}
.academy-arrival-scene{height:142px;max-width:560px;margin:7px auto 6px;position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #e7d8c8;background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(240,230,218,.13))}
.academy-arrival-portal{position:absolute;right:15%;bottom:0;width:76px;height:116px;border:2px solid rgba(205,147,99,.68);border-bottom:0;border-radius:40px 40px 0 0;background:linear-gradient(180deg,rgba(242,204,169,.13),rgba(234,185,142,.3));box-shadow:0 0 0 8px rgba(222,168,119,.08),inset 0 0 23px rgba(220,166,118,.14);animation:academy-portal-breathe 1.5s ease-in-out infinite alternate}
.academy-arrival-portal:before{content:"";position:absolute;inset:8px 7px 0;border:1px solid rgba(197,139,92,.28);border-bottom:0;border-radius:31px 31px 0 0}
.academy-arrival-portal span{position:absolute;left:0;right:0;top:40%;font:700 12px "Barlow Condensed",sans-serif;letter-spacing:2px;color:#b67c4d}
.academy-arrival-portal i{position:absolute;left:15px;right:15px;top:17px;bottom:0;border:1px dashed rgba(210,151,103,.45);border-bottom:0;border-radius:22px 22px 0 0;transform:rotateY(35deg)}.academy-arrival-portal i+ i{transform:rotateY(-35deg)}
.academy-arrival-runner{position:absolute;left:-90px;bottom:0;width:65px;height:105px;overflow:visible;z-index:3;filter:drop-shadow(0 2px 2px rgba(71,53,35,.08))}
.academy-members-overlay.is-opening .academy-arrival-runner{animation:academy-run-into-portal 1.25s cubic-bezier(.22,.68,.17,1) both}
.academy-runner-body{transform-origin:38px 60px;animation:academy-run-bounce .2s ease-in-out infinite alternate}.academy-runner-cup{transform-origin:58px 31px;animation:academy-run-cup .22s ease-in-out infinite alternate}
.academy-lightning{position:absolute;top:8%;width:170px;height:350px;z-index:5;pointer-events:none;opacity:0}.academy-lightning-one{left:-2%}.academy-lightning-two{right:-2%;transform:scaleX(-1) rotate(5deg)}.academy-lightning svg{width:100%;height:100%;overflow:visible}.academy-lightning path{fill:none;stroke:#c88b57;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(216,157,108,.32))}
.academy-members-overlay.is-opening .academy-lightning-one{animation:academy-lightning-flash .75s .05s both}.academy-members-overlay.is-opening .academy-lightning-two{animation:academy-lightning-flash .68s .18s both}
.academy-members-overlay.is-opening:after{content:"";position:fixed;inset:0;background:#fff6eb;z-index:8;pointer-events:none;opacity:0;animation:academy-screen-flash .5s .1s both}
.academy-member-feature{position:relative;z-index:4;max-width:355px;margin:0 auto 16px;padding:20px 26px 22px;border:1px solid #e4c6a8;border-radius:13px;background:#fffdfa;box-shadow:0 13px 36px rgba(80,59,38,.085);transform:translateY(17px);opacity:0;animation:none}
.academy-members-overlay.is-opening .academy-member-feature{animation:academy-member-float-in .65s 1.05s cubic-bezier(.2,.76,.2,1) forwards,academy-member-float 4.5s 1.8s ease-in-out infinite}
.academy-member-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#a38b73;font-size:7px;font-weight:900;letter-spacing:1.15px}
.academy-member-topline b{font-size:8px;color:#c49770}
.academy-member-avatar{width:88px;height:88px;margin:17px auto 10px;display:grid;place-items:center;position:relative;border-radius:50%;border:1px solid #d7a275;background:linear-gradient(145deg,#eed7c3,#f9eee3);box-shadow:0 0 0 7px #f8eee4,0 7px 17px rgba(91,61,37,.07);font:700 46px "Caveat",cursive;color:#95603c}
.academy-member-avatar span{position:absolute;width:11px;height:11px;border-radius:50%;right:3px;bottom:7px;border:2px solid #fffdfa;background:#83a98a}
.academy-member-feature h3{font:700 32px/1.05 "Barlow Condensed","DM Sans",sans-serif;color:#433a31;margin:4px 0 3px}
.academy-member-role{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border:1px solid #e7d4c1;border-radius:999px;background:#f8f1e9;color:#986c48;font-size:9px;font-weight:900;letter-spacing:1.15px}
.academy-role-mark{font-size:13px;color:#ba8a5e}.academy-member-blurb{font-size:11px;line-height:1.65;color:#89796a;max-width:270px;margin:12px auto}
.academy-profile-link{display:flex;justify-content:center;align-items:center;gap:10px;text-decoration:none;border:1px solid #dba77b;background:#edc29d;color:#59422e;border-radius:6px;padding:11px 13px;font-size:10px;font-weight:800;transition:background .18s,transform .18s}
.academy-profile-link:hover{background:#f3d0b2;transform:translateY(-1px)}
.academy-opgg-row{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:13px;padding-top:12px;border-top:1px solid #eee4da;font-size:9px;color:#9b8b7b}.academy-opgg-row>span{font-weight:900;letter-spacing:1px}.academy-opgg-row a{color:#a46f43;font-weight:800;text-decoration:none}.academy-opgg-row a:hover{text-decoration:underline}
.academy-members-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:580px;margin:0 auto;color:#a09589;font-size:7px;letter-spacing:1.5px;font-weight:800}
.academy-back-button{border:0;background:transparent;padding:7px 4px;color:#a16e45;font-size:10px;font-weight:800;cursor:pointer}.academy-back-button:hover{text-decoration:underline}
@keyframes academy-window-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes academy-screen-flash{0%{opacity:0}14%{opacity:.7}32%{opacity:.05}47%{opacity:.45}67%,100%{opacity:0}}
@keyframes academy-lightning-flash{0%,100%{opacity:0}12%{opacity:.98}22%{opacity:.15}34%{opacity:.82}58%{opacity:.2}78%{opacity:.45}}
@keyframes academy-run-into-portal{0%{left:-72px;transform:translateY(0) scale(.8);opacity:0}10%{opacity:1}42%{left:calc(60% - 35px);transform:translateY(0) scale(1);opacity:1}58%{left:calc(70% - 36px);transform:translateY(-18px) scale(1.06);opacity:1}82%{left:calc(74% - 36px);transform:translateY(0) scale(.62);opacity:.75}100%{left:calc(75% - 36px);transform:translateY(8px) scale(.05);opacity:0}}
@keyframes academy-run-bounce{from{transform:translateY(0)}to{transform:translateY(-2px)}}@keyframes academy-run-cup{from{transform:rotate(-8deg)}to{transform:rotate(8deg)}}
@keyframes academy-portal-breathe{from{box-shadow:0 0 0 5px rgba(222,168,119,.05),inset 0 0 16px rgba(220,166,118,.08)}to{box-shadow:0 0 0 9px rgba(222,168,119,.11),inset 0 0 28px rgba(220,166,118,.17)}}
@keyframes academy-member-float-in{to{opacity:1;transform:translateY(0)}}@keyframes academy-member-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
body.academy-dialog-open{overflow:hidden}
@media(max-width:1050px){.app-header{gap:8px!important;padding-left:18px!important;padding-right:18px!important}.global-search{max-width:240px!important}.academy-nav-label small{display:none}.academy-nav-label strong{font-size:20px}}
@media(max-width:760px){.app-header{flex-wrap:wrap!important;height:auto!important;min-height:68px!important;padding:10px 14px!important}.app-brand{order:0}.app-language-switcher{order:1;margin-left:auto!important}.app-header-right{order:2}.academy-nav-wrap{order:3;flex:1 0 auto}.academy-nav-button{min-height:38px}.global-search{order:4;flex:1 0 100%!important;max-width:none!important;margin:6px 0 0!important}.academy-drop-panel{padding-left:10px;padding-right:10px}.academy-drop-panel.is-open{padding-top:8px;padding-bottom:8px}.academy-drop-card{grid-template-columns:1fr}.academy-drop-illustration{display:none}.academy-drop-copy{padding:24px 20px 18px}.academy-drop-copy h2{font-size:39px}.academy-drop-copy h2 em{font-size:39px}.academy-typed-text{font-size:12px;min-height:74px}.academy-drop-actions{align-items:flex-start;flex-direction:column}.academy-members-window{padding:25px 15px 20px}.academy-arrival-scene{height:112px}.academy-arrival-portal{height:94px;width:62px;right:12%}.academy-arrival-runner{width:53px;height:92px}.academy-member-feature{padding:17px 18px 18px}.academy-members-footer{flex-direction:column;gap:6px}}
@media(max-width:450px){.academy-nav-label strong{font-size:18px}.academy-nav-seal{width:30px;height:30px;flex-basis:30px}.academy-nav-button{gap:6px;padding-right:9px}.academy-nav-caret{display:none}.academy-members-window>h2{font-size:31px}.academy-members-intro{font-size:11px}}
@media(prefers-reduced-motion:reduce){.academy-nav-button,.academy-drop-panel,.academy-illustration-ring-b,.academy-drop-illustration>img,.academy-members-window,.academy-arrival-runner,.academy-arrival-portal,.academy-runner-body,.academy-runner-cup,.academy-members-overlay.is-opening .academy-lightning-one,.academy-members-overlay.is-opening .academy-lightning-two,.academy-members-overlay.is-opening:after,.academy-members-overlay.is-opening .academy-member-feature{animation:none!important;transition:none!important}.academy-drop-panel.is-open{transform:none}.academy-members-overlay.is-opening .academy-arrival-runner{opacity:0}.academy-member-feature{opacity:1;transform:none}}

/* V20 — Borkayno-inspired charcoal and red: restrained, matte, less neon. */
:root{
  --bg:#171719;--panel:#202023;--panel2:#28282c;--line:rgba(255,255,255,.10);
  --muted:#a1a1a7;--text:#f3f3f4;--orange:#d33142;--orange2:#ef6872;
  --purple:#9d2736;--green:#c65b67;--font:'DM Sans',Inter,system-ui,sans-serif;
  --display:'Barlow Condensed','DM Sans',sans-serif;
  --neon-cyan:#d33142;--neon-green:#c65b67;--neon-violet:#88202e;--neon-blue:#b62d3d;
}
html{background:#171719}
body{background:#171719!important;color:#f0f0f2!important}
.ambient{filter:blur(120px);opacity:.025!important}
.ambient-a{background:#b52334!important;opacity:.07!important}
.ambient-b{background:#541822!important;opacity:.035!important}
.noise{opacity:.012!important}
#atmosphereCanvas{opacity:.05!important}
body.is-in-app #atmosphereCanvas{opacity:0!important}
/* Full-viewport SKG leaf layer sits outside the login character/card clipping. */
.global-leaves-layer{position:fixed;inset:0;z-index:4;overflow:hidden;pointer-events:none;opacity:.7;transition:opacity .35s ease}
body.is-in-app .global-leaves-layer{opacity:0}
.global-leaves-layer .leaf-flight{position:absolute!important;z-index:1!important;left:-18vw!important;top:var(--leaf-top,24%)!important;width:clamp(52px,6.4vw,96px)!important;height:auto!important;aspect-ratio:150/190;filter:drop-shadow(0 4px 5px rgba(75,4,15,.25))!important;pointer-events:none!important;animation:skg-full-leaf-drift var(--leaf-duration,17s) linear var(--leaf-delay,0s) infinite!important;will-change:left,top,transform,opacity}
.global-leaves-layer .leaf-flight svg{display:block;width:100%;height:auto;filter:none!important}
.global-leaves-layer .leaf-wind-trail{display:none!important}
.global-leaf-sprite{position:absolute;left:-12vw;top:var(--leaf-top,22%);width:var(--leaf-size,24px);height:calc(var(--leaf-size,24px)*1.38);opacity:.68;animation:skg-full-leaf-drift var(--leaf-duration,18s) linear var(--leaf-delay,0s) infinite;will-change:left,top,transform,opacity}
.global-leaf-sprite:before{content:"";position:absolute;inset:0;border-radius:1px 85% 1px 85%;background:linear-gradient(135deg,#d64b59 0%,#a92435 55%,#721826 100%);border:1px solid rgba(255,208,211,.17);transform:rotate(22deg)}
.global-leaf-sprite:after{content:"";position:absolute;top:10%;left:49%;width:1px;height:82%;background:rgba(255,219,221,.5);transform:rotate(20deg);transform-origin:center}
@keyframes skg-full-leaf-drift{0%{left:-18vw;top:var(--leaf-top,24%);transform:translate3d(0,8vh,0) rotate(-48deg) scale(.62);opacity:0}8%{opacity:.68}25%{top:calc(var(--leaf-top,24%) + 12vh);transform:translate3d(0,0,0) rotate(38deg) scale(.88);opacity:.8}49%{top:calc(var(--leaf-top,24%) + 22vh);transform:translate3d(0,-5vh,0) rotate(155deg) scale(1);opacity:.75}72%{top:calc(var(--leaf-top,24%) + 8vh);transform:translate3d(0,4vh,0) rotate(242deg) scale(.85);opacity:.72}93%{opacity:.55}100%{left:118vw;top:calc(var(--leaf-top,24%) - 8vh);transform:translate3d(0,-5vh,0) rotate(330deg) scale(.5);opacity:0}}

/* Login screen: charcoal panels and a restrained crimson accent. */
#loginView .brand-header{color:#eeeef0}
#loginView .brand-wordmark small,#loginView .header-note{color:#9c9ca2}
#loginView .logo-wrap{background:#242427;border:1px solid #3a3a3e;border-radius:7px}
#loginView .landing-monitor-bezel{background:#242427!important;border-color:#434348!important;box-shadow:0 15px 36px rgba(0,0,0,.28)!important}
#loginView .landing-monitor-screen{background:#1b1b1e!important;border-color:#3c3c40!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important}
#loginView .screen-grid{opacity:.035!important;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px)!important}
#loginView .screen-neon-haze{display:none!important}
#loginView .login-lightning-svg{opacity:.13!important;filter:none!important}
#loginView .login-lightning-svg path{stroke:#c42e3f!important;filter:none!important}
#loginView .landing-copy h1{font-family:'Barlow Condensed','DM Sans',sans-serif!important;text-shadow:none!important;letter-spacing:-.8px!important}
#loginView .gradient-text,#loginView .sidebar-gradient{background:none!important;color:#e14a59!important;-webkit-text-fill-color:#e14a59!important}
#loginView .manifesto{color:#d2d2d5!important}
#loginView .manifesto strong{color:#f4f4f5!important}
#loginView .manifesto .orange-text{color:#e14a59!important}
#loginView .login-card{background:#222225!important;border:1px solid #3a3a3f!important;border-radius:9px!important;box-shadow:0 12px 32px rgba(0,0,0,.22)!important;backdrop-filter:none!important}
#loginView .form-neon-rule{height:2px!important;width:54px!important;background:#d33142!important;box-shadow:none!important}
#loginView .login-card label{color:#c0c0c5!important}
#loginView .input-shell{background:#171719!important;border:1px solid #44444a!important;border-radius:6px!important;box-shadow:none!important}
#loginView .input-shell:focus-within{border-color:#d33142!important;box-shadow:0 0 0 2px rgba(211,49,66,.12)!important}
#loginView .input-symbol{color:#929299!important}
#loginView .show-password{color:#ee6d77!important}
#loginView .auth-mode-toggle{color:#d0a0a5!important}
#loginView .primary-button,.primary-button{background:#d33142!important;border:1px solid #d33142!important;border-radius:6px!important;color:#fff!important;box-shadow:0 3px 0 #791b27!important;text-shadow:none!important}
#loginView .primary-button:hover:not(:disabled),.primary-button:hover:not(:disabled){background:#e04352!important;box-shadow:0 3px 0 #791b27,0 5px 12px rgba(115,20,32,.14)!important;transform:translateY(-1px)!important}
#loginView .landing-footer{border-color:#38383c!important;color:#88888f!important}
#loginView .landing-footer b,#loginView .tiny-star{color:#e14a59!important}
#loginView .hero-panel.gaming-rig{background:#212124!important;border:1px solid #3b3b40!important;border-radius:10px!important;box-shadow:0 14px 36px rgba(0,0,0,.24)!important;overflow:hidden!important}
#loginView .hero-grid{opacity:.045!important}
#loginView .hero-glow,#loginView .mascot-platform-glow{background:radial-gradient(ellipse,rgba(177,36,51,.08),transparent 72%)!important;filter:none!important}
#loginView .orbit{border-color:rgba(205,205,210,.06)!important}
#loginView .hero-status,#loginView .hero-index{color:#b7b7bc!important}
#loginView .hero-status i,#loginView .live-dot{background:#d33142!important;box-shadow:none!important}
#loginView .hero-bottom{border-color:#3b3b3f!important}
#loginView .hero-bottom b{color:#dd5663!important}
#loginView .earth-scene{filter:saturate(.58)!important;opacity:.68!important}
#loginView .monitor-neck{background:linear-gradient(90deg,#161619,#3c3c41 47%,#141416)!important;border-color:#48484d!important;box-shadow:none!important}
#loginView .monitor-base{background:#28282b!important;border-color:#4a4a4e!important;box-shadow:0 4px 10px rgba(0,0,0,.25)!important}
#loginView .gaming-keyboard{background:#242427!important;border-color:#4b4b50!important;box-shadow:0 8px 16px rgba(0,0,0,.24)!important}
#loginView .keyboard-row i{background:#171719!important;border-color:#3d3d42!important;color:#aaaab0!important;box-shadow:none!important}
#loginView .gaming-mouse{background:#252529!important;border-color:#57575e!important;box-shadow:none!important}
#loginView .mouse-wheel,#loginView .mouse-led{background:#c93242!important;box-shadow:none!important}
#loginView .floating-keycap{background:#2b2b2f!important;border-color:#55555b!important;color:#e0e0e3!important;text-shadow:none!important;box-shadow:0 3px 8px rgba(0,0,0,.25)!important}
/* No wind / gust decorations behind the login character. */
.wind-light,.wind-loop,.wind-greeting-ring,.leaf-wind-trail{display:none!important;animation:none!important;filter:none!important}
.character-stage.is-3d:after{display:none!important}
#loginView .mascot-vector{filter:drop-shadow(0 15px 22px rgba(0,0,0,.24))!important}

/* Signed-in app: flat graphite surfaces, red actions, no cyan/purple glass gradients. */
#appView,.app-view{background:#18181a!important;color:#efeff1!important}
.app-header{background:#202023!important;border-bottom:1px solid #3a3a3e!important;box-shadow:none!important;backdrop-filter:none!important}
.app-header:after{opacity:.035!important;filter:grayscale(1) brightness(1.3)!important}
.app-brand b{color:#f0f0f2!important}
.app-brand small,.header-note,.sidebar-label{color:#9d9da3!important}
.global-search{filter:none!important}
#globalSearchInput{background:#171719!important;border:1px solid #414146!important;border-radius:6px!important;color:#eeeef0!important;box-shadow:none!important}
#globalSearchInput::placeholder{color:#8a8a91!important}
#globalSearchInput:focus{border-color:#c93443!important;box-shadow:0 0 0 2px rgba(211,49,66,.12)!important}
.sidebar{background:#1e1e21!important;border-right:1px solid #39393e!important}
.sidebar-label{color:#929299!important}
.nav-tab{background:#252528!important;border:1px solid #303035!important;border-radius:6px!important;color:#babac0!important;box-shadow:none!important;transform:none!important}
.nav-tab:hover{background:#303034!important;border-color:#47474d!important;color:#fff!important;transform:translateX(1px)!important}
.nav-tab.active{background:#362125!important;border-color:#74303a!important;box-shadow:inset 3px 0 #d33142!important;color:#fff!important}
.nav-tab.active .nav-icon,.nav-tab.active .nav-chevron{background:transparent!important;color:#f06a75!important}
.nav-icon{background:transparent!important;color:#a1a1a7!important}
.sidebar-card{background:#262629!important;border:1px solid #3e3e43!important;box-shadow:none!important}
.sidebar-card-icon{background:#332328!important;color:#e86b76!important}
.sidebar-card>b{color:#ededf0!important}.sidebar-card p{color:#a2a2a8!important}.sidebar-decoration{opacity:.5!important}
.app-shell{background:#18181a!important}
.app-content{color:#efeff1!important}
.page-heading h2,.page-heading h3{color:#f1f1f3!important}
.page-heading p,.section-overline,.mini-tag{color:#a2a2a8!important}
.gradient-text,.sidebar-gradient{background:none!important;color:#e04a59!important;-webkit-text-fill-color:#e04a59!important;text-shadow:none!important}
.orange-text,.micro-label,.section-overline .status-dot{color:#e04a59!important}
.home-shortcut,.welcome-panel,.profile-panel,.stat-card,.subpanel,.announcement-strip,.task-card,.earn-banner,.wheel-card,.wheel-info-card,.tournament-card,.shop-card,.side-shop-panel,.notification-card,.settings-card,.duo-radar-card,.duo-info-card,.duo-how-card,.profile-overview-card,.player-directory-card,.tier-build-panel,.onboarding-shell,.tournament-panel,.players-error,.players-tools,.tier-search-wrap,.live-tournament-card,.player-directory-card,.tier-champion-card,.tournament-join-panel,.home-online-preview,.home-online-preview,.profile-history-panel{background:#232326!important;color:#efeff1!important;border:1px solid #3b3b40!important;border-radius:8px!important;box-shadow:0 8px 18px rgba(0,0,0,.12)!important}
.home-shortcut{background:#252528!important;border-color:#3d3d42!important}
.home-shortcut:before{display:none!important}
.home-shortcut:hover{background:#2c2528!important;border-color:#78404a!important;box-shadow:0 9px 20px rgba(0,0,0,.17)!important}
.home-shortcut-icon{background:#382328!important;border:1px solid #5a3038!important;color:#ef7c85!important}
.home-shortcut p,.home-online-copy,.task-card p,.earn-banner p,.subpanel p,.notification-copy p,.profile-overview-copy p{color:#b3b3b9!important}
.home-shortcut .shortcut-arrow,.text-link{color:#ed6773!important}
.welcome-panel,.profile-panel,.stat-card,.subpanel,.announcement-strip,.task-card,.earn-banner,.wheel-card,.wheel-info-card,.tournament-card,.shop-card,.side-shop-panel,.notification-card,.settings-card,.duo-radar-card,.duo-info-card,.duo-how-card,.profile-overview-card,.player-directory-card,.tier-build-panel,.onboarding-shell,.tournament-panel,.players-error,.players-tools,.tier-search-wrap{border-color:#3b3b40!important}
.secondary-button{background:#2d2d31!important;border:1px solid #4a4a50!important;border-radius:6px!important;color:#ededf0!important;box-shadow:none!important}
.secondary-button:hover:not(:disabled){background:#38383d!important;border-color:#65656d!important;color:#fff!important}
input,select,textarea,.settings-form input,.settings-form select,.settings-form textarea{background:#18181b!important;color:#f0f0f2!important;border-color:#45454a!important;border-radius:5px!important}
input::placeholder,textarea::placeholder{color:#8f8f96!important}
.profile-dropdown{background:#252528!important;border-color:#44444a!important;box-shadow:0 12px 28px rgba(0,0,0,.4)!important}
.profile-dropdown button{color:#ececef!important}.profile-dropdown button:hover{background:#383035!important;color:#ff8790!important}
.settings-form label{color:#d6d6da!important}.settings-note,.settings-hint{color:#aaaab0!important}.notification-card{background:#232326!important}.notification-card.unread{border-left:3px solid #d33142!important;background:#292326!important}
.notification-symbol,.notification-type-pill{background:#382328!important;color:#f17a84!important}
.status-dot,.live-dot,.hero-status i,.duo-live-pill i{background:#ce3343!important;box-shadow:none!important}
.activity-points,.point-value,.wallet-mini strong{color:#f07b84!important}
.duo-radar,.home-mini-radar{filter:saturate(.6)!important}
.duo-radar-ring,.mini-orbit{border-color:rgba(211,49,66,.42)!important}
.duo-radar-sweep,.mini-radar-sweep{background:conic-gradient(from 0deg,transparent 0deg,rgba(211,49,66,.15) 220deg,rgba(220,55,70,.65) 350deg,transparent 360deg)!important}
.duo-radar-center,.mini-radar-core{background:#302327!important;border-color:#86313b!important;color:#f0757f!important;box-shadow:none!important}
.tier-champion-card{background:#242427!important;border-color:#3f3f44!important}.tier-champion-card:hover{border-color:#b43342!important;box-shadow:0 7px 18px rgba(0,0,0,.2)!important;transform:translateY(-2px)!important}
.tier-role-button{background:#2a2a2e!important;border-color:#46464c!important;color:#c9c9ce!important}.tier-role-button.active{background:#392328!important;border-color:#8a303b!important;color:#ffe8ea!important;box-shadow:none!important}
.tier-source-primary,.tier-ugg-open-button{background:#d33142!important;color:#fff!important;border-color:#d33142!important;box-shadow:none!important}
.academy-nav-button{background:#27272a!important;color:#efeff1!important;border:1px solid #46464b!important;box-shadow:none!important}
.academy-nav-button:hover,.academy-nav-button[aria-expanded="true"]{background:#352327!important;border-color:#82313c!important}
.academy-nav-seal{background:#2d2023!important;border-color:#603139!important}
.academy-drop-panel .academy-drop-card,.academy-drop-card{background:#222225!important;border-color:#414146!important;box-shadow:0 18px 45px rgba(0,0,0,.35)!important}
.academy-drop-copy h2,.academy-members-window>h2{color:#f1f1f3!important}
.academy-drop-copy h2 em,.academy-members-window>h2 em{color:#e2505e!important}
.academy-overline,.academy-members-kicker,.academy-drop-note{color:#d75a66!important}
.academy-typed-text,.academy-drop-copy p{color:#c5c5ca!important}
.academy-nav-caret{color:#ec6671!important}
.academy-view-members,.academy-back-button{background:#d33142!important;color:#fff!important;border-color:#d33142!important;box-shadow:none!important}
.academy-members-overlay{background:rgba(10,10,12,.78)!important}
.academy-members-window{background:#222225!important;border:1px solid #47474c!important;box-shadow:0 28px 75px rgba(0,0,0,.52)!important;color:#f0f0f2!important}
.academy-member-feature{background:#29292d!important;border-color:#46464c!important;box-shadow:none!important}
.academy-member-topline,.academy-member-blurb,.academy-opgg-row{color:#b5b5bb!important}.academy-member-feature h3{color:#f4f4f5!important}
.academy-member-avatar{background:#3b2026!important;color:#fff!important;border-color:#a73442!important}
.academy-member-role{color:#f07983!important}.academy-profile-link{background:#d33142!important;color:#fff!important;border-color:#d33142!important}.academy-opgg-row{border-color:#414146!important}.academy-opgg-row a{color:#f08088!important}
.academy-lightning svg path{stroke:#d33142!important;filter:none!important}.academy-arrival-portal{border-color:#b42a39!important;box-shadow:inset 0 0 15px rgba(211,49,66,.15)!important}
.skg-signature-overlay{background:rgba(10,10,12,.82)!important}.skg-signature-card{background:#252528!important;border-color:#6d3038!important;box-shadow:0 18px 48px rgba(0,0,0,.36)!important}.skg-signature-wordmark span{color:#ed5866!important;text-shadow:none!important}.skg-signature-topline,.skg-signature-card p{color:#b5b5bb!important}.skg-signature-card h2{color:#f1f1f3!important}
/* Keep Academy and navigation interactions crisp rather than glowing. */
button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #ef6370!important;outline-offset:2px}
@media(max-width:760px){.global-leaves-layer .leaf-flight{width:clamp(46px,12vw,72px)!important}.global-leaf-sprite{opacity:.45}.app-header{background:#202023!important}}
@media(prefers-reduced-motion:reduce){.global-leaves-layer .leaf-flight,.global-leaf-sprite{animation:none!important;opacity:.18!important}.wind-light{display:none!important}}

/* V21 — atmospheric charcoal/red. Preserve the mascot, remove its boxed card, and show a slow moon with simple site-wide rain. */
html,body{background:#171719!important;color:#ededf0!important}
body{background:radial-gradient(ellipse at 85% 10%,rgba(130,30,42,.11),transparent 36%),linear-gradient(145deg,#171719 0%,#1b1b1e 50%,#141416 100%)!important}
.ambient-a{background:#9f2635!important;opacity:.055!important}
.ambient-b{background:#4b252b!important;opacity:.025!important}
.noise{opacity:.01!important}
#atmosphereCanvas{opacity:.16!important;mix-blend-mode:screen!important;z-index:0!important}
body.is-in-app #atmosphereCanvas{opacity:.16!important;display:block!important}
#dashboardWeatherCanvas,.dashboard-weather-canvas{opacity:0!important;display:none!important}
.site-moon{position:fixed;left:-92px;top:10vh;width:78px;height:78px;z-index:0;pointer-events:none;border-radius:50%;opacity:.43;background:radial-gradient(circle at 31% 25%,#d1d2d5 0%,#999ba1 28%,#686a71 61%,#34353a 84%,#222327 100%);box-shadow:inset -10px -8px 17px rgba(0,0,0,.46),inset 5px 4px 8px rgba(255,255,255,.13),0 0 22px rgba(180,185,194,.045);animation:skg-moon-drift 54s linear infinite alternate;will-change:transform}
.site-moon:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 76% 20%,rgba(15,15,18,.68),transparent 43%);}
.moon-crater{position:absolute;z-index:1;display:block;border-radius:50%;background:rgba(28,29,33,.19);box-shadow:inset 2px 2px 3px rgba(12,12,15,.2),0 1px 1px rgba(255,255,255,.05)}
.moon-crater-a{width:15px;height:13px;left:16px;top:25px}.moon-crater-b{width:9px;height:9px;left:45px;top:19px}.moon-crater-c{width:17px;height:17px;left:42px;top:46px}
@keyframes skg-moon-drift{0%{transform:translate3d(0,0,0) rotate(0deg)}18%{transform:translate3d(18vw,8vh,0) rotate(30deg)}39%{transform:translate3d(41vw,-2vh,0) rotate(78deg)}61%{transform:translate3d(65vw,14vh,0) rotate(130deg)}82%{transform:translate3d(84vw,4vh,0) rotate(180deg)}100%{transform:translate3d(calc(100vw + 190px),12vh,0) rotate(230deg)}}
/* Remove the square panel behind the mascot; keep the original character and floating Earth. */
#loginView .hero-panel.gaming-rig,#loginView .hero-panel{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;outline:0!important}
#loginView .hero-panel.gaming-rig:before,#loginView .mascot-platform-glow,#loginView .hero-glow{display:none!important;background:none!important;box-shadow:none!important}
#loginView .character-stage,#loginView .mascot-figure{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important}
#loginView .landing-monitor-bezel{background:linear-gradient(145deg,#323237 0%,#242428 22%,#1b1b1e 78%,#303035 100%)!important;border-color:#47474c!important;box-shadow:0 18px 36px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035)!important}
#loginView .landing-monitor-screen{background:linear-gradient(145deg,#1d1d20,#19191c 52%,#171719)!important;border-color:#37373c!important;box-shadow:inset 0 0 40px rgba(0,0,0,.32)!important}
#loginView .screen-grid,#loginView .screen-neon-haze{opacity:.025!important;background:none!important;display:none!important}
#loginView .brand-header .header-note{color:#85858c!important}
#loginView .landing-copy h1{color:#eeeeef!important;text-shadow:none!important}
#loginView .gradient-text{background:none!important;color:#d3424f!important;-webkit-text-fill-color:#d3424f!important;text-shadow:none!important}
#loginView .manifesto{color:#bfc0c4!important}
#loginView .manifesto strong{color:#ebebed!important}
#loginView .manifesto .orange-text{color:#d3424f!important}
#loginView .login-card{background:#222225!important;border:1px solid #3c3c41!important;border-radius:8px!important;box-shadow:0 14px 30px rgba(0,0,0,.18)!important;backdrop-filter:none!important}
#loginView .login-card label{color:#c0c0c5!important}
#loginView .input-shell{background:#171719!important;border-color:#414146!important;box-shadow:none!important}
#loginView .input-shell:focus-within{border-color:#9e3540!important;box-shadow:0 0 0 2px rgba(211,49,66,.12)!important}
#loginView .input-shell input{color:#ededf0!important}
#loginView .input-shell input::placeholder{color:#77777e!important}
#loginView .input-symbol,#loginView .show-password,#loginView .auth-mode-toggle{color:#d85b66!important}
#loginView .form-neon-rule{background:#a42e3a!important;box-shadow:none!important}
#loginView .monitor-neck,#loginView .monitor-base{background:#242427!important;border-color:#404045!important;box-shadow:none!important}
#loginView .gaming-keyboard,#loginView .gaming-mouse{background:#222225!important;border-color:#414146!important;box-shadow:none!important}
#loginView .keyboard-row i{background:#19191c!important;border-color:#3b3b40!important;color:#96969d!important}
#loginView .mouse-wheel,#loginView .mouse-led{background:#b93240!important;box-shadow:none!important}
#loginView .floating-keycap{background:#27272a!important;border-color:#44444a!important;color:#bfc0c4!important;box-shadow:none!important}
#loginView .earth-scene{filter:none!important;opacity:.95!important}
#loginView .earth-illustration{filter:none!important;opacity:1!important}
#loginView .earth-illustration [filter="url(#earthGlow)"]{filter:none!important}
/* Darken pale login loader surfaces and keep its accent red. */
.login-loading{background:rgba(12,12,14,.84)!important;backdrop-filter:blur(8px)!important}
.login-loading-card{background:#222225!important;border:1px solid #48484d!important;box-shadow:0 24px 70px rgba(0,0,0,.45)!important}
.login-loading-card h2{color:#ededf0!important}.login-loading-card p{color:#a2a2a8!important}.loading-kicker,.loading-percent{color:#df5864!important}
.loading-track{background:#151517!important;border-color:#39393e!important}.loading-track span{background:#c93443!important;box-shadow:none!important}
.loading-runner .runner-figure [fill="#f97316"]{fill:#18181b!important}.runner-trail{stroke:#56565d!important}
/* Stickman silhouette in the dashboard: black body and dark graphite portal strip. */
.home-shortcuts{padding-bottom:59px!important}
.skg-walkway-top{background:#1d1d20!important;border-color:#35353a!important;box-shadow:none!important}
.skg-walkway-top .skg-walk-door{border-color:#45454a!important;background:linear-gradient(180deg,#29292d,#202023)!important;box-shadow:none!important}
.skg-walkway-top .skg-walk-door:before{border-color:#3e3e43!important}
.skg-walkway-top .skg-walk-door span{color:#77777e!important}
.skg-walking-stickman{filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))!important}
/* Black SKG Academy mark on a neutral graphite seal. */
.academy-nav-seal{background:#77777d!important;border-color:#5a5a60!important}
.academy-nav-seal img{filter:brightness(0) grayscale(1)!important;opacity:1!important}
.academy-drop-illustration{background:#252528!important;border-right-color:#3b3b40!important}
.academy-drop-illustration>img{filter:brightness(0) grayscale(1)!important;background:#85858b!important;border-radius:50%!important;padding:12px!important;box-sizing:content-box!important}
.academy-illustration-ring{border-color:rgba(150,150,158,.16)!important;box-shadow:none!important}
.academy-illustration-caption{color:#77777e!important}
/* Members modal drops in from above when View the members is pressed. */
.academy-members-overlay{align-items:start!important;justify-items:center!important;padding-top:clamp(24px,5vh,54px)!important;background:rgba(8,8,10,.83)!important}
.academy-members-overlay.is-opening .academy-members-window{animation:academy-window-drop-down .64s cubic-bezier(.16,.78,.2,1) both!important}
@keyframes academy-window-drop-down{0%{opacity:0;transform:translateY(-105px) scale(.975)}65%{opacity:1;transform:translateY(8px) scale(1.005)}100%{opacity:1;transform:translateY(0) scale(1)}}
.academy-members-window{background:#222225!important;border-color:#45454b!important;color:#ededf0!important}
.academy-members-window:before{background:linear-gradient(140deg,rgba(211,49,66,.055),transparent 48%)!important}
@media(prefers-reduced-motion:reduce){.site-moon{animation:none!important;left:auto;right:6vw;top:8vh}.academy-members-overlay.is-opening .academy-members-window{animation:none!important}}

/* V22 — graphite-only surfaces; restore the actual SKG logo and use soft droplet rain. */
:root{color-scheme:dark;--surface:#202023;--surface-raised:#252528;--surface-soft:#29292d;--border:#3d3d43;--text:#eeeeef;--muted:#a2a2aa}
html,body,#app,.app-shell,.main-content,.content-area,.dashboard,.tab-panel,.panel,.card,.modal,.dropdown-menu,.settings-panel,.profile-menu,.notification-panel{background-color:#1b1b1e!important;color:#ededf0!important}
.card,.panel,.dashboard-card,.stat-card,.shop-card,.tournament-card,.player-card,.notification-card,.settings-card,.profile-dropdown,.dropdown-menu{background:#232326!important;border-color:#3b3b41!important;box-shadow:0 8px 22px rgba(0,0,0,.2)!important}
.sidebar,.sidebar-nav,.topbar,.app-header,.bottom-bar,.nav-tabs,.tab-nav{background:#171719!important;border-color:#333338!important}
input,select,textarea,.input-shell,.search-box{background:#171719!important;color:#eeeeef!important;border-color:#414147!important}
input::placeholder,textarea::placeholder{color:#77777f!important}
/* Academy seal shows the original SKG logo image, not a black circle or silhouette. */
.academy-nav-seal{width:46px!important;height:46px!important;flex:0 0 46px!important;display:grid!important;place-items:center!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.academy-nav-seal img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important;opacity:1!important;background:transparent!important;border-radius:0!important;padding:0!important;box-sizing:border-box!important}
.academy-drop-illustration>img{filter:none!important;background:transparent!important;border-radius:0!important;padding:0!important;box-sizing:border-box!important}
.academy-drop-illustration{background:#202023!important;border-right-color:#38383d!important}
.academy-illustration-ring{border-color:rgba(180,180,190,.1)!important}
/* Transition flash and all transition surfaces stay charcoal, never white/light grey. */
.tab-transition,.page-transition,.transition-overlay,.skg-transition-overlay{background:#1b1b1e!important;color:#ededf0!important}
.academy-members-overlay.is-opening:after{background:#242428!important;animation:academy-screen-flash-dark .5s .1s both!important}
@keyframes academy-screen-flash-dark{0%{opacity:0}14%{opacity:.72}32%{opacity:.08}47%{opacity:.48}67%,100%{opacity:0}}
.academy-members-window,.academy-member-feature,.academy-members-close,.academy-member-role{background:#222225!important;color:#ededf0!important;border-color:#414146!important}
.academy-members-window:before{background:linear-gradient(140deg,rgba(211,49,66,.035),transparent 48%)!important}
.academy-member-feature h3,.academy-members-window>h2,.academy-drop-copy h2{color:#ededf0!important}
.academy-typed-text,.academy-drop-copy p,.academy-members-intro,.academy-member-blurb{color:#b5b5bc!important}
.academy-member-avatar{background:#29292d!important;color:#ededf0!important;border-color:#45454b!important;box-shadow:0 0 0 7px #242427!important}
.academy-member-role{background:#29292d!important;color:#d95b67!important}
.academy-opgg-row{border-color:#3c3c42!important;color:#9e9ea6!important}
/* Droplet canvas is intentionally subtle and soft, without visible line streaks. */
#atmosphereCanvas{opacity:.12!important;mix-blend-mode:screen!important}
body.is-in-app #atmosphereCanvas{opacity:.12!important;display:block!important}
#dashboardWeatherCanvas,.dashboard-weather-canvas{opacity:0!important;display:none!important}
@media(prefers-reduced-motion:reduce){#atmosphereCanvas{display:none!important}}


/* V23 — deep graphite login atmosphere, subtle rounded rain, and no Academy doorway runner. */
:root{
  color-scheme:dark;
  --bg:#131315;
  --panel:#1b1b1e;
  --panel2:#222225;
  --line:rgba(255,255,255,.075);
  --muted:#98989f;
  --text:#ededf0;
  --orange:#d33142;
  --orange2:#e05a67;
  --purple:#70424a;
  --green:#b3b3ba;
}
html,body{background:#151517!important;color:#ededf0!important}
body{background:radial-gradient(ellipse at 80% 8%,rgba(211,49,66,.065),transparent 36%),linear-gradient(145deg,#151517 0%,#1a1a1d 52%,#121214 100%)!important}
.ambient-a,.ambient-b{background:#70242c!important;opacity:.025!important;filter:blur(125px)!important}
.noise{opacity:.008!important}
/* The global canvas draws soft, rounded droplets, never sharp long streaks. */
#atmosphereCanvas{position:fixed!important;inset:0!important;z-index:0!important;opacity:.10!important;mix-blend-mode:screen!important;pointer-events:none!important}
body.is-in-app #atmosphereCanvas{display:block!important;opacity:.075!important}
#dashboardWeatherCanvas,.dashboard-weather-canvas{display:none!important;opacity:0!important}
.site-moon{
  position:fixed!important;left:-64px!important;top:9vh!important;width:56px!important;height:56px!important;
  z-index:0!important;pointer-events:none!important;opacity:.3!important;
  background:radial-gradient(circle at 31% 25%,#b7b8bd 0%,#7e8086 30%,#4c4d53 63%,#29292e 86%,#1d1d21 100%)!important;
  box-shadow:inset -8px -7px 13px rgba(0,0,0,.48),inset 4px 3px 7px rgba(255,255,255,.08),0 0 18px rgba(185,187,195,.035)!important;
  animation:skg-moon-drift-v23 78s linear infinite!important;will-change:transform
}
.site-moon:after{background:radial-gradient(circle at 76% 20%,rgba(15,15,18,.72),transparent 43%)!important}
.moon-crater{background:rgba(28,29,33,.24)!important;box-shadow:inset 2px 2px 3px rgba(12,12,15,.25)!important}
@keyframes skg-moon-drift-v23{
  0%{transform:translate3d(0,0,0) rotate(0deg)}
  22%{transform:translate3d(23vw,8vh,0) rotate(45deg)}
  46%{transform:translate3d(48vw,1vh,0) rotate(105deg)}
  72%{transform:translate3d(74vw,10vh,0) rotate(170deg)}
  100%{transform:translate3d(calc(100vw + 100px),3vh,0) rotate(230deg)}
}
/* A consistently dark backdrop on login and during the sign-in loader. */
#loginView,.login-view{background:transparent!important;color:#ededf0!important}
#loginView .landing-monitor-bezel{background:#1a1a1d!important;border-color:#303035!important;box-shadow:0 18px 42px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.025)!important}
#loginView .landing-monitor-screen{background:linear-gradient(145deg,#1a1a1d,#151517 54%,#121214)!important;border-color:#2d2d32!important;box-shadow:inset 0 0 44px rgba(0,0,0,.35)!important}
#loginView .login-card{background:#202023!important;border-color:#38383e!important;color:#ededf0!important}
#loginView .input-shell{background:#151517!important;border-color:#3a3a40!important}
#loginView .primary-button{background:#bd2b3a!important;border-color:#d14a57!important;color:#fff!important;box-shadow:0 6px 18px rgba(0,0,0,.22)!important}
#loginView .primary-button:hover:not(:disabled){background:#cf3444!important;box-shadow:0 8px 22px rgba(0,0,0,.3)!important}
.login-loading{background:rgba(5,5,7,.9)!important;backdrop-filter:blur(9px)!important}
.login-loading-card{background:#1b1b1e!important;border:1px solid #39393e!important;box-shadow:0 26px 72px rgba(0,0,0,.58)!important}
.loading-track{background:#111113!important;border-color:#343439!important}
.loading-track span{background:#bd2b3a!important;box-shadow:none!important}
/* Keep SKG's real logo artwork intact inside the Academy control and dropdown. */
.academy-nav-seal{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.academy-nav-seal img,.academy-drop-illustration>img{filter:none!important;opacity:1!important;background:transparent!important;border-radius:0!important;padding:0!important;box-sizing:border-box!important;object-fit:contain!important}
.academy-drop-illustration{background:#1b1b1e!important;border-right-color:#333338!important}
.academy-drop-card{background:#202023!important;border-color:#38383e!important;box-shadow:0 20px 58px rgba(0,0,0,.5)!important}
.academy-illustration-ring{border-color:rgba(190,190,200,.1)!important;box-shadow:none!important}
.academy-illustration-caption,.academy-overline,.academy-drop-note{color:#96969e!important}
.academy-drop-copy h2,.academy-members-window>h2{color:#ededf0!important}
.academy-drop-copy h2 em,.academy-members-window>h2 em{color:#d94b59!important}
.academy-typed-text,.academy-drop-copy p,.academy-members-intro,.academy-member-blurb{color:#b5b5bc!important}
.academy-drop-actions{border-color:#38383e!important}
.academy-view-members{background:#29292d!important;border-color:#6e3038!important;color:#ededf0!important;box-shadow:none!important}
.academy-view-members:hover{background:#343438!important;transform:translateY(-1px)}
/* View Members uses a dark flash and drops the member card in; no runner/door scene. */
.academy-arrival-scene,.academy-arrival-runner,.academy-arrival-portal{display:none!important}
.academy-members-overlay{background:rgba(3,3,5,.88)!important}
.academy-members-backdrop{background:rgba(3,3,5,.78)!important;backdrop-filter:blur(8px)!important}
.academy-members-window{background:#1d1d20!important;border:1px solid #3a3a40!important;color:#ededf0!important;box-shadow:0 30px 90px rgba(0,0,0,.7)!important}
.academy-members-window:before{background:linear-gradient(140deg,rgba(211,49,66,.035),transparent 48%)!important}
.academy-members-close{background:#27272b!important;color:#ededf0!important;border-color:#45454b!important}
.academy-members-kicker{color:#b4b4bb!important}.academy-members-kicker i{background:#bd2b3a!important}
.academy-member-feature,.academy-member-role{background:#242427!important;color:#ededf0!important;border-color:#414146!important}
.academy-member-feature h3{color:#ededf0!important}
.academy-member-avatar{background:#2a2a2e!important;color:#ededf0!important;border-color:#46464b!important;box-shadow:0 0 0 7px #222225!important}
.academy-profile-link{background:#2a2023!important;color:#f2e6e8!important;border-color:#79313b!important}
.academy-profile-link:hover{background:#342428!important}
.academy-opgg-row{border-color:#39393f!important;color:#96969e!important}.academy-opgg-row a,.academy-back-button{color:#df6570!important}
.academy-members-footer{color:#85858d!important}
.academy-lightning path{stroke:#b83240!important;filter:none!important}
.academy-members-overlay.is-opening:after{background:#050506!important;animation:academy-screen-flash-v23 .46s .02s both!important}
@keyframes academy-screen-flash-v23{0%{opacity:0}16%{opacity:.78}38%{opacity:.15}56%{opacity:.42}100%{opacity:0}}
.academy-members-overlay.is-opening .academy-member-feature{animation:academy-member-float-in .58s .32s cubic-bezier(.2,.76,.2,1) forwards,academy-member-float 4.5s 1s ease-in-out infinite!important}
@media(prefers-reduced-motion:reduce){.site-moon{animation:none!important;left:auto!important;right:5vw!important;top:7vh!important}#atmosphereCanvas{display:none!important}.academy-members-overlay.is-opening:after,.academy-members-overlay.is-opening .academy-member-feature{animation:none!important}.academy-member-feature{opacity:1!important;transform:none!important}}


/* SKG FINAL GRAPHITE PASS — darken every app surface including accepted duo cards. */
:root{--bg:#09090b;--panel:#111114;--panel2:#17171b;--line:rgba(255,255,255,.09);--muted:#9b9ba4;--text:#ededf0;--orange:#c62e40;--orange2:#e34e5f;}
#appView,.app-shell,.main-content-wrap,.app-content{background:transparent!important;color:#ededf0!important}
.subpanel,.panel,.player-directory-card,.duo-player-request-card,.duo-radar-card,.duo-info-card,.duo-how-card,.profile-overview-card,.settings-card,.notification-card,.tournament-card,.shop-card,.referral-panel,.player-directory-empty,.players-error,.tier-build-panel,.tier-champion-card,.activity-item,.announcement-strip{
  background:linear-gradient(145deg,#19191d 0%,#111114 100%)!important;color:#e9e9ed!important;border-color:#303036!important;box-shadow:0 14px 38px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.018)!important;
}
.player-directory-card h3,.duo-player-request-card b,.social-friend-card h3,.thread-header b{color:#f1f1f4!important}
.player-card-details>div,.player-card-details>div b,.duo-discord-reveal,.social-meta span,.social-discord span{color:#b3b3bc!important}
.player-card-details>div{background:#111114!important;border-color:#303036!important}
.player-request-button:disabled{background:#242428!important;border-color:#3a3a40!important;color:#c7c7ce!important;opacity:1!important}
#appView .primary-button{background:#a62232!important;border-color:#c03a49!important;color:#fff!important;box-shadow:0 5px 20px rgba(0,0,0,.26)!important}
#appView .primary-button:hover:not(:disabled){background:#c02c3d!important}
#appView .secondary-button{background:#19191d!important;border-color:#393940!important;color:#e0e0e5!important}
#atmosphereCanvas{opacity:.28!important;mix-blend-mode:screen!important}
body.is-in-app #atmosphereCanvas{display:none!important;opacity:0!important}
#dashboardWeatherCanvas,.dashboard-weather-canvas{display:block!important;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:180!important;opacity:.30!important;mix-blend-mode:screen!important;pointer-events:none!important}
.dashboard-bolt{position:fixed;z-index:184;top:-2vh;width:clamp(100px,19vw,260px);height:105vh;overflow:visible;pointer-events:none;opacity:0;filter:drop-shadow(0 0 8px rgba(226,245,255,.95)) drop-shadow(0 0 25px rgba(176,211,255,.55))}
.dashboard-bolt-left{left:8vw;animation:skg-dashboard-bolt 6.3s steps(1,end) infinite}
.dashboard-bolt-right{right:8vw;transform:scaleX(-1);animation:skg-dashboard-bolt 8.1s steps(1,end) infinite;animation-delay:-3.3s}
.dashboard-bolt path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.dashboard-bolt .bolt-glow{stroke:#91baff;stroke-width:11;opacity:.5;filter:blur(3px)}
.dashboard-bolt .bolt-core{stroke:#f5fbff;stroke-width:2.4;opacity:1}
.dashboard-bolt .bolt-branch{stroke:#c9e1ff;stroke-width:1.8;opacity:.96}
.dashboard-storm-flash{position:fixed;inset:0;z-index:183;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 18% 15%,rgba(228,239,255,.5),transparent 36%),linear-gradient(115deg,transparent 38%,rgba(210,225,255,.13) 47%,rgba(248,251,255,.5) 49%,rgba(149,186,255,.2) 51%,transparent 58%);mix-blend-mode:screen;animation:skg-dashboard-flash 6.3s steps(1,end) infinite}
@keyframes skg-dashboard-bolt{0%,76%,100%{opacity:0}76.1%{opacity:1}76.7%{opacity:.05}77.1%{opacity:.98}77.8%{opacity:.12}78.05%{opacity:.65}78.8%{opacity:0}}
@keyframes skg-dashboard-flash{0%,76%,100%{opacity:0}76.1%{opacity:.75}76.4%{opacity:.09}76.8%{opacity:.55}77.25%{opacity:.03}77.5%{opacity:.24}78.2%{opacity:0}}
/* Friends and direct messages */
.social-friends-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px;margin-top:14px}
.social-friend-card{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid #303036;border-radius:15px;background:linear-gradient(145deg,#19191d,#101013);box-shadow:0 14px 32px rgba(0,0,0,.25);min-width:0}
.social-avatar{width:54px;height:54px;flex:0 0 54px;border-radius:50%;object-fit:cover;border:1px solid #48484f;background:#222227}
.social-friend-main{flex:1;min-width:0}.social-kicker,.social-panel-heading{font-size:8px;letter-spacing:1.4px;color:#ce5965;font-weight:850}.social-friend-main h3{font-size:15px;margin:5px 0 8px;overflow-wrap:anywhere}
.social-meta{display:flex;gap:6px;flex-wrap:wrap}.social-meta span{font-size:9px;padding:4px 7px;border:1px solid #333339;border-radius:20px;background:#121215}
.social-discord{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px;font-size:10px}.social-discord b{color:#d77e87}.social-friend-card>.primary-button{min-width:100px;white-space:nowrap}
.social-empty{padding:32px 20px;text-align:center;border:1px dashed #38383f;border-radius:14px;background:rgba(15,15,18,.6);color:#a6a6ae}.social-empty h3{margin:0 0 9px;color:#ededf0;font-size:15px}.social-empty p{max-width:520px;margin:0 auto 16px;font-size:11px;line-height:1.8;color:#9e9ea7}.social-empty .primary-button{margin:0 auto}
.social-small-empty,.social-small-error{padding:15px;color:#96969e;font-size:10px;line-height:1.8}.social-small-error{color:#df8b94}
.messages-layout{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:13px;min-height:480px;border:1px solid #2e2e34;border-radius:16px;overflow:hidden;background:#0d0d10;box-shadow:0 20px 55px rgba(0,0,0,.3)}
.messages-contact-panel{background:#141417;border-right:1px solid #2f2f35;min-width:0}.social-panel-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 15px;border-bottom:1px solid #29292f}.social-panel-heading span{color:#e1e1e6;background:#28282d;padding:3px 7px;border-radius:12px}
.message-contact{display:flex;width:100%;gap:10px;align-items:center;padding:12px 14px;text-align:left;border:0;border-bottom:1px solid #27272c;background:transparent;color:#dedee4;cursor:pointer}.message-contact:hover,.message-contact.is-selected{background:#242024}.message-contact.is-selected{box-shadow:inset 3px 0 #bd2b3a}.message-contact img{width:39px;height:39px;border-radius:50%;object-fit:cover;border:1px solid #3e3e45}.message-contact>span{min-width:0;flex:1}.message-contact b,.message-contact small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-contact b{font-size:11px}.message-contact small{font-size:9px;color:#92929b;margin-top:5px}.message-contact i{color:#d45c68;font-style:normal}
.messages-thread-panel{min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 90% 0%,rgba(187,40,57,.055),transparent 45%),#101013}.thread-header{display:flex;align-items:center;gap:11px;padding:14px 17px;border-bottom:1px solid #2a2a30}.thread-header img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid #44444a}.thread-header>div{min-width:0;flex:1}.thread-header b,.thread-header small{display:block}.thread-header small{margin-top:5px;color:#92929c;font-size:8px;letter-spacing:.7px}.thread-accepted{font-size:8px;font-weight:800;color:#d27781;letter-spacing:.8px}.thread-discord{display:flex;gap:8px;padding:9px 17px;font-size:10px;border-bottom:1px solid #242429;background:rgba(255,255,255,.012)}.thread-discord b{color:#d77e87}.thread-discord span{color:#c0c0c8}
.message-history{display:flex;flex-direction:column;gap:12px;min-height:200px;max-height:430px;overflow:auto;padding:18px;flex:1}.chat-row{display:flex;flex-direction:column;max-width:82%;gap:4px}.chat-own{align-self:flex-end;align-items:flex-end}.chat-other{align-self:flex-start;align-items:flex-start}.chat-bubble{padding:10px 13px;border:1px solid #393940;border-radius:14px 14px 14px 4px;background:#1d1d22;color:#e8e8ed;font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.chat-own .chat-bubble{background:#382025;border-color:#6c2c36;border-radius:14px 14px 4px 14px}.chat-row time{font-size:8px;color:#777780}.chat-empty{border:0;background:transparent;padding:20px}.message-send-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:14px;border-top:1px solid #2b2b31;background:#141417}.message-send-form textarea{resize:vertical;min-height:48px;max-height:130px;background:#0c0c0f;color:#ededf0;border:1px solid #38383f;border-radius:9px;padding:10px;font:inherit;font-size:11px;outline:none}.message-send-form textarea:focus{border-color:#8a313c}.message-send-form .primary-button{align-self:start;min-height:43px}.message-send-form small{grid-column:1/-1;color:#777780;font-size:8px}
@media(max-width:760px){.messages-layout{grid-template-columns:1fr;min-height:0}.messages-contact-panel{border-right:0;border-bottom:1px solid #2f2f35}.messages-contact-panel #messagesContacts{display:flex;overflow:auto}.message-contact{min-width:180px;border-right:1px solid #27272c}.message-history{max-height:330px}.social-friend-card{align-items:flex-start;flex-wrap:wrap}.social-friend-card>.primary-button{margin-left:auto}.dashboard-bolt-left{left:-5vw}.dashboard-bolt-right{right:-5vw}}
@media(prefers-reduced-motion:reduce){.dashboard-bolt,.dashboard-storm-flash{animation-duration:20s!important}.dashboard-bolt{opacity:0!important}}


/* V25 — requested finishing pass: no background rain, enlarged moon, deep graphite lightning transitions. */
#atmosphereCanvas,
#dashboardWeatherCanvas,
.dashboard-weather-canvas,
#appView::after { display:none!important; opacity:0!important; visibility:hidden!important; }
.site-moon {
  width:clamp(145px,18vw,225px)!important;
  height:clamp(145px,18vw,225px)!important;
  left:-190px!important;
  top:6vh!important;
  opacity:.62!important;
  box-shadow:inset -20px -16px 30px rgba(0,0,0,.52),inset 9px 7px 15px rgba(255,255,255,.1),0 0 36px rgba(190,194,203,.10)!important;
  animation:skg-moon-drift-v25 72s linear infinite!important;
}
@keyframes skg-moon-drift-v25 {
  0%{transform:translate3d(0,0,0) rotate(0deg)}
  22%{transform:translate3d(23vw,7vh,0) rotate(45deg)}
  48%{transform:translate3d(49vw,-1vh,0) rotate(100deg)}
  74%{transform:translate3d(75vw,9vh,0) rotate(165deg)}
  100%{transform:translate3d(calc(100vw + 250px),3vh,0) rotate(230deg)}
}
/* Keep the lightning strikes, but make every tab transition graphite/crimson rather than blue. */
.cloud-transition{background:#050507!important}
.cloud-transition-sky{background:radial-gradient(ellipse at 50% 50%,rgba(139,28,42,.24),transparent 36%),linear-gradient(180deg,#17171b 0%,#08080a 58%,#030304 100%)!important}
.cloud-transition-flash{background:radial-gradient(ellipse at 50% 45%,rgba(255,231,233,.62),rgba(190,35,52,.24) 23%,transparent 66%)!important}
.transition-bolt{filter:drop-shadow(0 0 7px #e54a5b) drop-shadow(0 0 23px rgba(191,35,52,.72))!important}
.transition-bolt path{stroke:#f8edef!important}
.transition-bolt path+path{stroke:#d83a4c!important}
.transition-logo{border-color:rgba(198,46,64,.82)!important;background:radial-gradient(circle,rgba(108,25,36,.34),rgba(9,9,11,.96) 68%)!important;box-shadow:0 0 25px rgba(198,46,64,.35),0 0 70px rgba(160,26,42,.42),inset 0 0 34px rgba(166,34,50,.24)!important;color:#f5e9eb!important;text-shadow:0 0 16px rgba(198,46,64,.52)!important}
.transition-logo img{filter:drop-shadow(0 0 15px rgba(198,46,64,.48))!important}
.cloud-drift{background:radial-gradient(ellipse,rgba(125,125,135,.23),rgba(74,32,38,.18) 43%,transparent 72%)!important}
.message-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;border-radius:999px;background:#b42335;color:#fff!important;font-size:10px!important;font-weight:900!important;line-height:1;box-shadow:0 0 13px rgba(180,35,53,.36);font-variant-numeric:tabular-nums}
.nav-tab .message-unread-badge{flex:0 0 auto}
.message-load-error{margin:8px 14px;padding:8px 10px;border:1px solid #6c2c36;border-radius:8px;background:#241317;color:#f1adb5;font-size:10px;line-height:1.6}
@media(prefers-reduced-motion:reduce){.site-moon{animation:none!important;left:auto!important;right:5vw!important;top:5vh!important}}
.cloud-transition-label{color:#f2e7e9!important;text-shadow:0 0 18px rgba(198,46,64,.38)!important}
.cloud-transition-mark{border-color:rgba(198,46,64,.75)!important;box-shadow:0 0 20px rgba(198,46,64,.2),inset 0 0 16px rgba(166,34,50,.18)!important;color:#f4e8ea!important}


/* V27 — graphite-only tab transition. This late, high-specificity pass neutralizes legacy blue transition layers. */
#cloudTransition.cloud-transition,
#cloudTransition.cloud-transition.cloud-running,
#cloudTransition.cloud-transition.cloud-cover,
#cloudTransition.cloud-transition.cloud-away { background:#1b1b1e!important; background-color:#1b1b1e!important; }
#cloudTransition .cloud-transition-sky { background:radial-gradient(ellipse at 50% 48%,rgba(154,40,53,.18),transparent 39%),linear-gradient(180deg,#303034 0%,#202024 47%,#151518 100%)!important; opacity:1!important; }
#cloudTransition .cloud-bank { background:radial-gradient(ellipse,rgba(125,125,132,.19),rgba(81,40,45,.09) 48%,transparent 72%)!important; filter:drop-shadow(0 0 20px rgba(155,52,66,.10))!important; }
#cloudTransition .cloud-transition-flash { background:radial-gradient(ellipse at 50% 45%,rgba(238,230,231,.44),rgba(153,37,51,.16) 24%,transparent 67%)!important; }
#cloudTransition .transition-bolt { filter:drop-shadow(0 0 8px rgba(222,65,81,.75)) drop-shadow(0 0 24px rgba(173,34,50,.5))!important; }
#cloudTransition .transition-bolt path { stroke:#f3e9ea!important; }
#cloudTransition .transition-bolt path+path { stroke:#d84759!important; }
#cloudTransition .transition-logo { border-color:rgba(198,53,68,.8)!important;background:radial-gradient(circle,rgba(99,31,41,.32),rgba(24,24,28,.98) 70%)!important;box-shadow:0 0 26px rgba(190,45,61,.28),0 0 65px rgba(155,29,45,.25),inset 0 0 34px rgba(166,34,50,.19)!important;color:#f5ecee!important;text-shadow:0 0 16px rgba(198,46,64,.36)!important; }
#cloudTransition .cloud-drift { background:radial-gradient(ellipse,rgba(157,157,164,.23),rgba(93,45,51,.13) 43%,transparent 72%)!important; }

/* V27 — Settings/Profile are accessed from the avatar dropdown rather than the left navigation. */
.profile-dropdown [data-profile-menu] { display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:12px 14px;border:0;border-top:1px solid #2b2b31;background:#1a1a1e;color:#e9e9ed;font-size:11px;font-weight:700;cursor:pointer; }
.profile-dropdown [data-profile-menu]:hover { background:#292025;color:#ffb4bc; }
.profile-dropdown [data-profile-menu="logout"] { color:#ff9da8; }
.profile-dropdown [data-profile-menu]:first-of-type { border-top:0; }

/* SKG Academy coming-soon actions. */
.academy-drop-copy h2 em { font:600 clamp(35px,5vw,52px)/.9 "Caveat",cursive!important; }
.academy-action-buttons { display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px; }
.academy-esports-login { display:inline-flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid #c34c5b;border-radius:6px;background:#242024;color:#f4dfe2;font:800 10px "DM Sans",sans-serif;cursor:pointer;box-shadow:0 2px 0 #642631;transition:background .18s,transform .18s,border-color .18s; }
.academy-esports-login:hover { background:#392027;border-color:#e06573;transform:translateY(-1px); }

/* SKG Esports member login and fullscreen training room. */
.academy-member-login-overlay { position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:clamp(10px,2vw,28px);overflow:auto;background:rgba(5,5,7,.92);backdrop-filter:blur(16px);color:#eeeeF2; }
.academy-member-login-overlay.hidden { display:none!important; }
.academy-gate-shell { position:relative;width:min(1280px,100%);min-height:min(760px,calc(100vh - 24px));max-height:calc(100vh - 24px);overflow:auto;border:1px solid #38383f;border-radius:18px;background:linear-gradient(145deg,#202024,#131316 54%,#1a1518);box-shadow:0 32px 100px rgba(0,0,0,.52),0 0 60px rgba(171,40,57,.09); }
.academy-gate-shell:before { content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;background:radial-gradient(ellipse at 80% 0%,rgba(171,39,57,.2),transparent 38%),linear-gradient(130deg,transparent 55%,rgba(255,255,255,.018)); }
.academy-gate-close { position:absolute;z-index:8;right:16px;top:15px;width:38px;height:38px;border:1px solid #45454d;border-radius:50%;background:#202024;color:#ededf1;font-size:25px;line-height:1;cursor:pointer; }
.academy-gate-login { position:relative;z-index:1;width:min(460px,100%);margin:0 auto;padding:clamp(58px,9vh,100px) 28px 42px;text-align:center; }
.academy-gate-kicker,.academy-room-overline { color:#df7c87;font-size:9px;letter-spacing:2px;font-weight:900; }
.academy-gate-kicker { display:flex;justify-content:center;align-items:center;gap:9px; }
.academy-gate-kicker span { width:6px;height:6px;border-radius:50%;background:#dd4d60;box-shadow:0 0 10px rgba(221,77,96,.8); }
.academy-gate-login h2 { margin:16px 0 10px;font:800 clamp(34px,5vw,50px)/1.05 "Barlow Condensed","DM Sans",sans-serif;letter-spacing:-.5px;color:#f2f0f2; }
.academy-gate-login h2 em,.academy-room-header h2 em { color:#db6573;font-style:normal;font-family:"Caveat",cursive;font-weight:600; }
.academy-gate-copy { margin:0 auto;color:#a8a8b0;font-size:12px;line-height:1.8;max-width:360px; }
.academy-gate-form { display:grid;gap:9px;text-align:left;margin:28px 0 0;padding:20px;border:1px solid #393940;border-radius:12px;background:rgba(10,10,13,.48); }
.academy-gate-form label { color:#c6c6ce;font-size:10px;font-weight:800;letter-spacing:.8px; }
.academy-gate-form input { width:100%;min-height:47px;padding:0 13px;border:1px solid #404049;border-radius:8px;background:#101013;color:#f3f3f6;outline:none; }
.academy-gate-form input:focus { border-color:#c64a5b;box-shadow:0 0 0 3px rgba(198,74,91,.12); }
.academy-gate-submit { display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:5px;padding:13px 15px;border:1px solid #d25565;border-radius:8px;background:linear-gradient(100deg,#a72b3d,#6c202d);color:#fff;font-size:10px;font-weight:900;letter-spacing:1px;cursor:pointer; }
.academy-gate-submit:hover { filter:brightness(1.12); }
.academy-gate-error { display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:20px;padding:18px 16px;border:1px solid #69303a;border-radius:12px;background:rgba(78,22,31,.32); }
.academy-gate-error.hidden { display:none!important; }
.angry-stickman { width:102px;height:94px;overflow:visible; }
.angry-stickman.angry-shake { animation:skg-angry-shake .4s ease-in-out; }
.academy-gate-error strong { color:#ff8995;font-size:12px;letter-spacing:.8px; }
.academy-gate-error span { color:#c5aeb2;font-size:10px;line-height:1.7; }
@keyframes skg-angry-shake {0%,100%{transform:translateX(0) rotate(0)}20%{transform:translateX(-6px) rotate(-4deg)}45%{transform:translateX(6px) rotate(4deg)}70%{transform:translateX(-3px) rotate(-2deg)} }
.academy-team-room { position:relative;z-index:1;padding:clamp(22px,4vw,48px); }
.academy-team-room.hidden { display:none!important; }
.academy-room-header { display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:10px 0 26px;border-bottom:1px solid #393940; }
.academy-room-header h2 { margin:8px 0 5px;color:#f4f2f5;font:800 clamp(31px,4vw,48px)/1.05 "Barlow Condensed","DM Sans",sans-serif; }
.academy-room-header p { margin:0;color:#9999a3;font-size:11px;line-height:1.7; }
.academy-back-main { flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 13px;border:1px solid #5a333a;border-radius:8px;background:#241a1d;color:#f4c6cc;font-size:9px;font-weight:900;letter-spacing:.5px;cursor:pointer; }
.academy-back-main:hover { background:#3a2027;border-color:#a44856; }
.academy-room-tabs { display:flex;align-items:center;gap:7px;overflow:auto;padding:16px 0 20px;border-bottom:1px solid #303036; }
.academy-room-tab { display:flex;align-items:center;gap:10px;white-space:nowrap;padding:11px 14px;border:1px solid #33333a;border-radius:8px;background:#1a1a1e;color:#a7a7b1;font-size:10px;font-weight:800;cursor:pointer; }
.academy-room-tab small { color:#777780;font:800 9px "Orbitron",sans-serif; }
.academy-room-tab.active { border-color:#843440;background:linear-gradient(120deg,#3a2027,#22191d);color:#f5d6da;box-shadow:inset 0 -2px #be4051; }
.academy-room-tab.active small { color:#e97784; }
.academy-room-panel.hidden { display:none!important; }
.academy-room-section-heading { display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin:23px 0 16px; }
.academy-room-section-heading>div:first-child>span,.academy-placeholder-panel>span { color:#db7480;font-size:8px;font-weight:900;letter-spacing:1.7px; }
.academy-room-section-heading h3,.academy-placeholder-panel h3 { margin:6px 0 6px;color:#f0eff2;font:700 clamp(25px,3vw,34px)/1.15 "Barlow Condensed","DM Sans",sans-serif; }
.academy-room-section-heading h3 span { color:#d64d60; }
.academy-room-section-heading p,.academy-placeholder-panel p { margin:0;color:#9999a2;font-size:10px;line-height:1.7; }
.academy-room-count { padding:8px 10px;border:1px solid #3a3338;border-radius:6px;color:#c7a4aa;font-size:8px;font-weight:900;letter-spacing:1px;white-space:nowrap; }
.academy-mistakes-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px; }
.academy-video-tile { min-width:0;overflow:hidden;border:1px solid #34343b;border-radius:10px;background:#151518;box-shadow:0 8px 22px rgba(0,0,0,.12); }
.academy-reel-media { position:relative;aspect-ratio:9/12;overflow:hidden;background:linear-gradient(145deg,#252529,#0e0e11); }
.academy-reel-video { display:block;width:100%;height:100%;object-fit:cover;background:#09090b; }
.academy-reel-empty { position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:14px;text-align:center;background:radial-gradient(ellipse at 50% 45%,rgba(174,46,62,.12),transparent 55%),linear-gradient(145deg,#252529,#111114); }
.academy-reel-play { display:grid;place-items:center;width:42px;height:42px;border:1px solid #77404a;border-radius:50%;background:rgba(168,44,61,.15);color:#eea0a8;font-size:13px;padding-left:3px; }
.academy-reel-empty b { color:#d9b1b5;font-size:9px;letter-spacing:1.8px; }
.academy-reel-empty span { max-width:135px;color:#777780;font-size:9px;line-height:1.6; }
.academy-reel-tag { position:absolute;left:9px;top:9px;padding:5px 7px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:rgba(5,5,7,.72);backdrop-filter:blur(5px);color:#edbdc3;font-size:7px;font-weight:900;letter-spacing:.7px;pointer-events:none; }
.academy-reel-caption { position:absolute;left:0;right:0;bottom:31px;padding:22px 10px 10px;color:#fff;font-size:10px;line-height:1.55;font-weight:800;text-shadow:0 1px 8px rgba(0,0,0,.85);overflow-wrap:anywhere;background:linear-gradient(transparent,rgba(0,0,0,.83));pointer-events:none; }
.academy-reel-meta { display:flex;justify-content:space-between;align-items:center;gap:7px;padding:10px 9px;border-bottom:1px solid #2c2c32; }
.academy-reel-meta span { min-width:0;color:#b7b7c0;font-size:7px;letter-spacing:.4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.academy-reel-meta span b { color:#e17481; }
.academy-reel-meta small { flex:0 0 auto;color:#797983;font-size:6px;font-weight:900; }
.academy-video-admin { display:none;gap:8px;padding:10px; }
body.skg-admin .academy-video-admin { display:grid; }
.academy-upload-label { display:flex;justify-content:center;align-items:center;gap:6px;padding:8px;border:1px solid #61303a;border-radius:6px;background:#2b1b20;color:#f0c8ce;font-size:8px;font-weight:900;cursor:pointer; }
.academy-upload-label input { display:none; }
.academy-upload-label:has(input:disabled) { opacity:.62;cursor:wait; }
.academy-caption-label { display:grid;gap:5px;color:#a8a8b1;font-size:8px;font-weight:800; }
.academy-caption-label input { width:100%;min-width:0;padding:8px;border:1px solid #36363d;border-radius:6px;background:#0c0c0f;color:#ededf0;font-size:9px; }
.academy-save-caption { padding:8px;border:1px solid #393940;border-radius:6px;background:#202024;color:#d7d7de;font-size:8px;font-weight:900;cursor:pointer; }
.academy-save-caption:hover { border-color:#96505a;color:#fff; }
.academy-remove-video { padding:9px 10px;border:1px solid #7d303b;border-radius:6px;background:linear-gradient(135deg,#45171f,#271216);color:#ffc8cf;font-size:8px;font-weight:950;letter-spacing:.8px;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease; }
.academy-remove-video:hover { background:linear-gradient(135deg,#6b202d,#3c151d);border-color:#d65b6b;color:#fff;transform:translateY(-1px); }
.academy-remove-video:disabled { opacity:.55;cursor:wait;transform:none; }
.academy-admin-note { margin:15px 0 0;color:#73737d;font-size:9px;line-height:1.8; }
.academy-placeholder-panel { display:grid;justify-items:start;align-content:center;min-height:320px;padding:clamp(22px,5vw,56px);margin-top:22px;border:1px dashed #414148;border-radius:12px;background:radial-gradient(ellipse at 15% 15%,rgba(177,42,59,.10),transparent 43%),#18181c; }
.academy-placeholder-panel h3 { font-size:32px;margin-top:10px; }
.academy-placeholder-panel p { max-width:460px; }
@media(max-width:900px){.academy-mistakes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.academy-room-header{flex-direction:column}.academy-back-main{align-self:flex-start}}
@media(max-width:520px){.academy-drop-actions{align-items:stretch;flex-direction:column}.academy-action-buttons{display:grid;grid-template-columns:1fr}.academy-view-members,.academy-esports-login{justify-content:center}.academy-team-room{padding:20px 13px}.academy-room-section-heading{align-items:flex-start;flex-direction:column}.academy-mistakes-grid{gap:8px}.academy-reel-meta{align-items:flex-start;flex-direction:column}.academy-gate-login{padding:72px 16px 28px}.academy-gate-form{padding:14px}.academy-room-tabs{gap:5px}.academy-room-tab{padding:10px 11px}.academy-gate-shell{max-height:calc(100vh - 12px);min-height:calc(100vh - 12px)}}


/* V31: missions, moderation controls, private screenshot reviews, and compact login reminder/ad. */
.nav-tab[data-tab="missions"] .nav-icon{font-size:15px;color:#ed9ba4}
.social-friend-actions{display:flex;flex-direction:column;align-items:stretch;gap:7px;margin-left:auto;min-width:112px}
.social-friend-actions>.primary-button{min-width:0;justify-content:center}
.social-mini-action{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:8px 11px;border-radius:9px;border:1px solid #48484f;background:#202025;color:#dadade;font:800 9px var(--display);letter-spacing:.9px;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.social-mini-action:hover{background:#2e2e35;border-color:#66666f;transform:translateY(-1px)}
.social-mini-action.danger{background:rgba(105,26,37,.2);border-color:rgba(200,77,93,.45);color:#ef9ba5}
.social-mini-action.danger:hover{background:rgba(137,31,44,.35);border-color:#c85b68}
.thread-contact-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 17px 12px;border-bottom:1px solid #28282e;background:#111114}
.mission-feature-card,.mission-submit-panel,.mission-history-panel,.mission-admin-panel{margin:0 0 17px;border:1px solid #303036;border-radius:17px;background:linear-gradient(145deg,#19191d,#101013);box-shadow:0 17px 40px rgba(0,0,0,.19);padding:clamp(18px,3vw,28px);color:#efeff2}
.mission-feature-card{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 0,rgba(185,53,68,.18),transparent 40%),linear-gradient(145deg,#1d1d22,#101013)}
.mission-feature-card:after{content:"10×";position:absolute;right:19px;bottom:-35px;color:rgba(255,255,255,.025);font:900 138px var(--display);pointer-events:none}
.mission-feature-top,.mission-section-head,.mission-review-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mission-overline{color:#e9909a;font:800 9px var(--display);letter-spacing:1.5px}
.mission-reward-pill{display:inline-flex;align-items:center;border:1px solid rgba(231,113,127,.5);border-radius:999px;padding:8px 12px;background:rgba(126,37,48,.22);color:#ffc5cb;font:900 10px var(--display);letter-spacing:1px}
.mission-feature-card h3{margin:20px 0 12px;color:#fff;font:850 clamp(24px,4vw,38px)/1.18 var(--display);letter-spacing:-.7px}
.mission-feature-card h3 em{font-style:normal;color:#e58b95}
.mission-feature-card p,.mission-submit-panel>p,.mission-admin-panel>p{max-width:710px;color:#a5a5ae;font-size:12px;line-height:1.8}
.mission-progress-steps{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}
.mission-progress-steps span{display:flex;align-items:center;gap:8px;border:1px solid #33333a;border-radius:10px;padding:10px 12px;background:rgba(0,0,0,.17);color:#d1d1d7;font-size:10px}
.mission-progress-steps i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#3b2026;color:#f09ba5;font:900 9px var(--display);font-style:normal}
.mission-submit-panel h3,.mission-history-panel h3,.mission-admin-panel h3{margin:8px 0;color:#f3f3f5;font:800 19px var(--display)}
#missionSubmitState{padding:10px 12px;border-left:2px solid #a54653;background:rgba(127,40,51,.12);color:#d0a3a8;font-size:11px}
.mission-submission-form{display:grid;gap:14px;margin-top:18px}
.mission-evidence-label{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:4px 12px;padding:16px;border:1px dashed #55515a;border-radius:12px;background:#131316;cursor:pointer}
.mission-evidence-icon{grid-row:span 2;display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#382127;color:#f3a6af;font-size:25px}
.mission-evidence-label b{color:#ececf0;font-size:12px}.mission-evidence-label small{color:#878791;font-size:10px}
.mission-evidence-label input{grid-column:2;width:100%;margin-top:8px;color:#b9b9c1;font-size:11px}
.mission-note-label{display:grid;gap:7px;color:#c6c6ce;font-size:10px;font-weight:800;letter-spacing:.6px}
.mission-note-label textarea,.mission-review-card textarea{width:100%;min-height:76px;padding:12px;border:1px solid #34343b;border-radius:10px;outline:none;resize:vertical;background:#101013;color:#f1f1f4;font:500 12px/1.6 var(--body)}
.mission-note-label textarea:focus,.mission-review-card textarea:focus{border-color:#a94b58;box-shadow:0 0 0 3px rgba(169,75,88,.12)}
.mission-submission-form>.primary-button{justify-content:space-between;max-width:360px}
.mission-submission-form>small{color:#7f7f89;font-size:10px;line-height:1.7}
.mission-section-head{margin-bottom:14px}.mission-history-empty{padding:17px;border:1px dashed #34343a;border-radius:11px;background:rgba(0,0,0,.12);color:#96969f;font-size:11px;line-height:1.7}.mission-history-empty.error{border-color:#7a343c;color:#eaa2aa}.mission-history-empty small{display:block;margin-top:8px;color:#aa7e84}
.mission-history-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid #29292f}.mission-history-row:last-child{border-bottom:0}.mission-history-row>div{display:grid;gap:5px;flex:1;min-width:170px}.mission-history-row b{color:#e8e8ec;font-size:11px}.mission-history-row small{color:#888891;font-size:10px}.mission-status-badge{display:inline-flex;width:max-content;max-width:100%;padding:7px 9px;border-radius:7px;border:1px solid #4a454b;background:#242126;color:#d6cbd0;font:900 8px var(--display);letter-spacing:.7px}.mission-status-badge.pending{border-color:#75603e;background:rgba(110,82,35,.18);color:#e5c895}.mission-status-badge.approved{border-color:#39694e;background:rgba(35,105,60,.18);color:#a9e2ba}.mission-status-badge.rejected{border-color:#71323b;background:rgba(127,39,49,.18);color:#f0a0a9}.mission-proof-link{color:#eaa0a8;text-decoration:none;font-size:9px;font-weight:900;letter-spacing:.8px}
.mission-admin-panel{border-color:#64343b;background:linear-gradient(145deg,rgba(81,30,38,.2),#101013 55%)}.mission-review-card{display:grid;gap:12px;margin-top:12px;padding:15px;border:1px solid #37343a;border-radius:13px;background:#131316}.mission-review-heading h4{margin:5px 0;color:#f0f0f3;font-size:14px}.mission-review-heading small{color:#8f8e97;font-size:10px}.mission-review-note{margin:0;color:#aaa9b1;font-size:11px;line-height:1.7}.mission-evidence-open{position:relative;display:block;width:min(100%,560px);overflow:hidden;border:1px solid #383840;border-radius:10px;background:#09090b;color:#e8a0a8;text-decoration:none}.mission-evidence-open img{display:block;max-height:370px;width:100%;object-fit:contain;background:#09090b}.mission-evidence-open span{display:block;padding:9px 12px;font:900 9px var(--display);letter-spacing:.8px}.mission-review-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.mission-review-actions .primary-button{min-height:34px}.mission-review-actions .primary-button span{font-size:9px}
.hourly-ad-modal{background:rgba(5,5,7,.82)!important;backdrop-filter:blur(12px)}.hourly-ad-card{width:min(760px,100%)!important;padding:25px!important;border-color:#3d3034!important;background:linear-gradient(145deg,#19191e,#0d0d10 75%)!important;color:#f0eff2!important;text-align:left!important;box-shadow:0 30px 100px rgba(0,0,0,.72),0 0 42px rgba(171,54,68,.1)!important}.hourly-ad-card h2,.hourly-ad-content h2{color:#f0eff2!important}.hourly-ad-card p,.hourly-ad-content p{color:#aaa8b2!important}.hourly-ad-close{z-index:5;color:#eee!important;border-color:#454149!important;background:#27252a!important}.hourly-ad-close:disabled{opacity:.7;cursor:wait}.login-ad-warning-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);gap:14px;align-items:stretch}.login-ad-slot-panel,.login-safety-reminder{min-width:0;border:1px solid #34333a;border-radius:14px;padding:18px;background:#111115}.login-ad-slot-kicker,.login-safety-label{color:#c9a4a9;font:900 8px var(--display);letter-spacing:1.4px}.login-ad-provider-slot{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:13px 0 0;text-align:center}.login-ad-provider-slot .hourly-ad-art{margin:0 auto 10px;gap:10px}.login-ad-provider-slot .hourly-ad-art img{width:43px;height:43px}.login-ad-provider-slot h2{font-size:20px!important;margin:0 0 8px!important}.login-ad-provider-slot p{font-size:10px!important;line-height:1.65!important;margin:0 auto 14px!important;max-width:300px}.login-ad-provider-slot .primary-button{width:min(250px,100%);min-height:36px}.hourly-ad-disclaimer{color:#777680!important;font-size:8px!important}.login-safety-reminder{background:radial-gradient(ellipse at top right,rgba(178,47,62,.18),transparent 58%),#171216;border-color:#60353c;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.login-safety-icon{font-size:28px;margin:0 0 13px;filter:drop-shadow(0 0 8px rgba(255,102,76,.22))}.login-safety-reminder h3{margin:9px 0 13px;color:#f2dfe1;font:900 19px var(--display)}.login-safety-reminder p{margin:0 0 10px;color:#c1aeb3;font-size:11px;line-height:1.7}.login-safety-reminder strong{color:#f28d99}.login-ad-countdown-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:10px 12px;border-radius:9px;background:#111114;color:#d2d0d7;font-size:10px}.login-ad-countdown-row b{color:#f19aa4;font-variant-numeric:tabular-nums}.login-ad-countdown-row small{color:#777680;font-size:9px}.hourly-ad-close{font-size:17px!important;display:grid;place-items:center}.hourly-ad-content .primary-button:disabled{opacity:.5;cursor:wait;filter:grayscale(.25)}
@media(max-width:620px){.social-friend-actions{width:100%;margin-left:0;display:grid;grid-template-columns:1fr 1fr}.social-friend-actions>.primary-button{grid-column:1/-1}.login-ad-warning-layout{grid-template-columns:1fr}.login-ad-provider-slot{min-height:150px}.login-safety-reminder{padding:15px}.hourly-ad-card{padding:17px!important}.login-ad-countdown-row{align-items:flex-start;flex-direction:column}.mission-progress-steps{display:grid}.mission-history-row{align-items:flex-start}.mission-history-row>.mission-status-badge{margin-top:3px}}

/* Keep the login ad as a compact banner, leaving the community visible behind it. */
.hourly-ad-modal{inset:66px 0 auto!important;height:auto!important;min-height:0!important;display:grid!important;align-items:start!important;justify-items:center!important;padding:9px 14px!important;background:transparent!important;backdrop-filter:none!important;pointer-events:none!important}
.hourly-ad-card{pointer-events:auto!important;max-height:calc(100vh - 90px);overflow:auto;width:min(720px,100%)!important;padding:18px!important}
.login-ad-provider-slot{min-height:145px!important}
.login-safety-reminder h3{font-size:17px!important;margin:6px 0 9px!important}
.login-safety-reminder p{font-size:10px!important;margin-bottom:7px!important}
.login-ad-slot-panel,.login-safety-reminder{padding:14px!important}
@media(max-width:620px){.hourly-ad-modal{inset:56px 0 auto!important;padding:8px!important}.hourly-ad-card{max-height:calc(100vh - 68px);padding:12px!important}.login-ad-provider-slot{min-height:120px!important}}

.mission-pending-badge{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#a63846;color:#fff;font:900 9px var(--display);box-shadow:0 0 12px rgba(200,64,80,.18)}

/* V32: clear account-state recovery controls for mission-proof submissions. */
.mission-auth-help{display:grid;gap:14px;margin-top:14px;padding:18px;border:1px solid rgba(225,92,108,.28);border-radius:14px;background:linear-gradient(135deg,rgba(120,35,47,.12),rgba(30,30,35,.72))}
.mission-auth-help p{margin:0;color:#c9c7ce;font-size:13px;line-height:1.7}
.mission-auth-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.mission-auth-actions .primary-button,.mission-auth-actions .secondary-button{min-height:44px}
@media(max-width:600px){.mission-auth-actions{display:grid;grid-template-columns:1fr}.mission-auth-actions button{width:100%;justify-content:center}}


/* V33 — reliable boot recovery shell */
.skg-startup-recovery{max-width:720px;margin:40px auto;padding:28px;border:1px solid rgba(225,105,120,.3);border-radius:18px;background:rgba(19,20,25,.96)}
.skg-startup-recovery h2{font-family:var(--display);font-size:clamp(24px,3vw,38px);margin:10px 0}
.skg-startup-recovery p{color:#a3a9b4;line-height:1.7}
.player-directory-recovery-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.player-directory-recovery-actions .social-mini-action{min-height:40px;padding:0 13px}

/* V33 — edge-mounted Free Points drawer; drag the handle to the left to open it. */
.free-points-drawer{position:fixed;z-index:95;right:0;top:25%;display:flex;align-items:flex-start;gap:0;width:min(410px,calc(100vw - 48px));max-width:calc(100vw - 6px);transform:translateX(calc(100% - 48px));transition:transform .62s cubic-bezier(.2,.84,.15,1);filter:drop-shadow(-20px 14px 40px rgba(0,0,0,.4));pointer-events:none}
.free-points-drawer.is-open{transform:translateX(0)}
.free-points-panel{width:calc(100% - 48px);height:min(73vh,710px);min-height:490px;overflow:auto;overscroll-behavior:contain;padding:23px 18px 18px;border:1px solid rgba(255,130,143,.28);border-right:0;border-radius:19px 0 0 19px;background:linear-gradient(150deg,rgba(26,27,33,.99),rgba(11,12,16,.99) 65%);backdrop-filter:blur(24px);color:#f1f0f3;pointer-events:auto;scrollbar-width:thin;scrollbar-color:#65333b transparent}
.free-points-handle{width:48px;min-width:48px;min-height:174px;display:flex;align-items:center;justify-content:center;gap:11px;flex-direction:column;padding:14px 7px;border:1px solid rgba(255,131,144,.42);border-right:0;border-radius:14px 0 0 14px;background:linear-gradient(180deg,#622832,#25161d 72%,#141419);color:#fff;box-shadow:inset 0 0 18px rgba(239,97,117,.13);pointer-events:auto;touch-action:pan-y;user-select:none;cursor:ew-resize;transition:background .2s,box-shadow .2s}
.free-points-handle:hover,.free-points-handle:focus-visible{background:linear-gradient(180deg,#853846,#2b1820);box-shadow:0 0 22px rgba(239,97,117,.24)}
.free-points-handle-arrow{font-size:22px;color:#ffc1c7;line-height:1}
.free-points-handle-text{writing-mode:vertical-rl;transform:rotate(180deg);font:900 10px var(--display);letter-spacing:2px;white-space:nowrap}
.free-points-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.free-points-overline,.free-points-header .free-points-overline{display:block;color:#d18b95;font:800 8px var(--display);letter-spacing:1.65px;margin-bottom:8px}
.free-points-header h2{font:800 29px var(--display);letter-spacing:-.8px;margin:0 0 5px;color:#f5f3f4}
.free-points-header h2 em{font-style:normal;color:#f07787}
.free-points-header p{font-size:10px;line-height:1.6;color:#949aa7;margin:0;max-width:265px}
.free-points-close{height:29px;width:29px;border:1px solid #454047;border-radius:9px;background:#16161b;color:#f6c0c7;font-size:20px;line-height:1}
.free-points-level-card{padding:15px;border:1px solid rgba(240,127,141,.18);border-radius:14px;background:linear-gradient(120deg,rgba(114,37,49,.22),rgba(255,255,255,.025))}
.free-points-level-line{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:13px}
.free-points-level-line small,.free-points-xp-total small{display:block;color:#9095a1;font:800 8px var(--display);letter-spacing:1.2px;margin-bottom:6px}
.free-points-level-line strong{display:block;color:#ffe1e5;font:900 27px var(--display);line-height:1}
.free-points-xp-total{text-align:right}.free-points-xp-total strong{display:block;font:800 17px var(--display);color:#f6f1f2}
.free-points-progress-track{height:9px;overflow:hidden;border-radius:9px;background:#08090c;border:1px solid #40343a}
.free-points-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a83e50,#ff9b92,#ffd4a0);box-shadow:0 0 12px rgba(246,117,132,.25);transition:width .55s ease}
.free-points-progress-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;color:#999daa;font-size:9px}
.free-points-progress-label b{color:#ffd6db;font:800 9px var(--display)}
.free-points-miner-scene{position:relative;display:flex;align-items:center;gap:8px;min-height:128px;margin:13px 0 10px;padding:9px 10px;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:radial-gradient(ellipse at 35% 70%,rgba(126,42,53,.24),transparent 62%),linear-gradient(130deg,#19191f,#111116)}
.free-points-mine-glow{position:absolute;left:22px;bottom:0;width:110px;height:80px;background:radial-gradient(ellipse,rgba(240,113,130,.14),transparent 70%);pointer-events:none}
.free-points-miner{position:relative;z-index:1;width:132px;max-width:45%;height:125px;overflow:visible;flex:none}
.fp-miner-pickaxe{transform-origin:92px 49px;animation:fp-pickaxe-swing .85s ease-in-out infinite alternate}
.fp-miner-arm{transform-origin:61px 66px;animation:fp-arm-swing .85s ease-in-out infinite alternate}
.fp-mine-rock{animation:fp-rock-tremble .85s ease-in-out infinite alternate;transform-origin:120px 91px}
.fp-miner-sparkles{animation:fp-spark-flash .72s ease-in-out infinite alternate}
@keyframes fp-pickaxe-swing{from{transform:rotate(-22deg)}to{transform:rotate(25deg)}}
@keyframes fp-arm-swing{from{transform:rotate(-12deg)}to{transform:rotate(20deg)}}
@keyframes fp-rock-tremble{from{transform:translate(0,0)}to{transform:translate(1px,-1px)}}
@keyframes fp-spark-flash{from{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.14)}}
.free-points-miner-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:5px;min-width:0}
.free-points-miner-copy b{font:800 16px var(--display);color:#f7edf0}.free-points-miner-copy span{font-size:9px;line-height:1.5;color:#9499a4}.free-points-miner-copy strong{font:900 17px var(--display);color:#f78391}
.free-points-timer-card{display:flex;align-items:center;gap:10px;padding:12px 13px;margin-bottom:10px;border:1px solid rgba(230,229,237,.1);border-radius:12px;background:rgba(255,255,255,.025)}
.free-points-timer-dot{width:7px;height:7px;border-radius:50%;background:#ff8794;box-shadow:0 0 14px rgba(255,121,139,.5);flex:none;animation:fp-timer-pulse 1.6s ease-in-out infinite alternate}
@keyframes fp-timer-pulse{to{opacity:.42;transform:scale(.8)}}
.free-points-timer-card>div{flex:1;min-width:0}.free-points-timer-card small{display:block;color:#9095a0;font:800 8px var(--display);letter-spacing:1.05px;margin-bottom:4px}
.free-points-timer-card strong{font:900 23px var(--display);color:#ffe1e5;letter-spacing:1px}.free-points-timer-card p{font-size:9px;line-height:1.5;color:#888d99;margin:4px 0 0}
.free-points-refresh{width:31px;height:31px;flex:none;border:1px solid #51424a;border-radius:9px;color:#f2a7b0;background:#21191e;font-size:19px}
.free-points-milestone{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,194,135,.14);border-radius:11px;background:rgba(255,178,113,.045);margin-bottom:13px}
.free-points-milestone>span{font-size:21px}.free-points-milestone p{margin:0;display:flex;flex-direction:column;gap:4px}.free-points-milestone b{font-size:10px;color:#f3e2cf}.free-points-milestone small{font-size:9px;line-height:1.5;color:#96939b}
.free-points-ad-card{display:grid;grid-template-columns:34px 1fr;gap:9px;padding:11px;border:1px solid rgba(157,145,167,.18);border-radius:12px;background:linear-gradient(115deg,rgba(99,79,112,.16),rgba(255,255,255,.015));margin-bottom:15px}
.free-points-ad-mark{height:31px;display:grid;place-items:center;border:1px solid #5b4c62;border-radius:8px;color:#d4bfdc;font:900 10px var(--display);letter-spacing:1px}
.free-points-ad-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.free-points-ad-copy small{color:#c7a8d1;font:800 7px var(--display);letter-spacing:1px}.free-points-ad-copy b{font-size:10px;color:#e9e1ee}.free-points-ad-copy span{font-size:8px;line-height:1.5;color:#8f8997}
.free-points-ad-card>button{grid-column:2;justify-self:start;border:1px solid #574760;border-radius:8px;background:#28212e;color:#ead5f1;padding:8px 10px;font:800 8px var(--display);letter-spacing:.6px}
.free-points-ad-foot{grid-column:1/-1;font-size:8px;color:#777581;line-height:1.45}
.free-points-leaderboard{padding:13px 0 0;border-top:1px solid rgba(255,255,255,.08)}
.free-points-board-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.free-points-board-heading small{font:800 7px var(--display);letter-spacing:1.2px;color:#c98994}.free-points-board-heading h3{font:800 17px var(--display);color:#eee7eb;margin:5px 0 0}
.free-points-board-heading button{height:29px;width:29px;border:1px solid #4a363e;border-radius:8px;background:#1a151a;color:#eca6b2;font-size:17px}
#freePointsLeaderboard{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.free-points-board-row{min-height:43px;display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:rgba(255,255,255,.02)}
.free-points-board-row.is-self{border-color:rgba(241,123,142,.45);background:rgba(137,42,58,.12)}
.free-points-place{width:18px;text-align:center;color:#d4a2ab;font:800 10px var(--display)}
.free-points-board-row img{width:29px;height:29px;border-radius:8px;object-fit:cover;background:#26232a;border:1px solid #4c3941}
.free-points-player{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.free-points-player b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#eee8ea}.free-points-player small{font-size:8px;color:#848793}.free-points-board-row>strong{font:800 9px var(--display);color:#ffbdc6;white-space:nowrap}
.free-points-board-empty{font-size:9px;color:#8b8e98;line-height:1.6;padding:12px 2px}
.free-points-board-foot{font-size:8px;color:#737681;line-height:1.5;margin:8px 0 0}
.free-points-auth-message{padding:24px 14px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.025);text-align:center}
.free-points-auth-icon{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 12px;border:1px solid #63404a;border-radius:12px;background:#281920;color:#ffbbc4}
.free-points-auth-message h3{font:800 18px var(--display);margin:0 0 8px;color:#f6edf0}.free-points-auth-message p{font-size:10px;line-height:1.7;color:#a2a0aa}.free-points-auth-message small{display:block;color:#a5a0aa;font-size:9px;line-height:1.7;margin:10px 0}
.free-points-auth-message .primary-button{width:100%;margin-top:13px}
body:not(.is-in-app) .free-points-drawer{display:none}
@media(max-width:700px){.free-points-drawer{top:19%;width:min(365px,calc(100vw - 42px));transform:translateX(calc(100% - 42px))}.free-points-handle{width:42px;min-width:42px;min-height:152px}.free-points-panel{width:calc(100% - 42px);height:min(78vh,720px);min-height:440px;padding:18px 13px 14px}.free-points-miner{width:104px;height:111px}.free-points-miner-scene{min-height:116px;padding:7px}.free-points-header h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.free-points-drawer{transition:none}.fp-miner-pickaxe,.fp-miner-arm,.fp-mine-rock,.fp-miner-sparkles,.free-points-timer-dot{animation:none}}


/* V34 — click the arrow-shaped FREE POINTS tab to slide the window in from the right. */
.free-points-drawer{
  --fp-handle-width:142px;
  position:fixed;z-index:95;right:0;top:50%;display:flex;align-items:flex-start;gap:0;
  width:min(490px,calc(100vw - 8px));max-width:calc(100vw - 8px);
  transform:translate3d(calc(100% - var(--fp-handle-width)),-50%,0);
  transition:transform .68s cubic-bezier(.18,.84,.18,1);
  filter:drop-shadow(-20px 14px 40px rgba(0,0,0,.48));pointer-events:none;will-change:transform;
}
.free-points-drawer.is-open{transform:translate3d(0,-50%,0)}
.free-points-panel{
  flex:1 1 auto;width:calc(100% - var(--fp-handle-width));min-width:0;
  height:min(78vh,760px);min-height:min(460px,70vh);overflow:auto;overscroll-behavior:contain;
  padding:23px 16px 18px;border:1px solid rgba(255,130,143,.3);border-right:0;border-radius:18px 0 0 18px;
  background:linear-gradient(150deg,rgba(27,28,34,.99),rgba(10,11,15,.99) 70%);backdrop-filter:blur(24px);
  color:#f1f0f3;pointer-events:auto;scrollbar-width:thin;scrollbar-color:#65333b transparent;
}
.free-points-handle{
  width:var(--fp-handle-width);min-width:var(--fp-handle-width);height:150px;min-height:150px;flex:0 0 var(--fp-handle-width);
  display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:row;padding:12px 13px 12px 23px;
  border:1px solid rgba(255,143,155,.56);border-left:0;border-radius:0 0 0 0;
  clip-path:polygon(15% 0,100% 0,100% 100%,15% 100%,0 50%);
  background:linear-gradient(105deg,#51222d 0%,#772c3b 43%,#21161c 100%);color:#fff;
  box-shadow:inset 0 0 20px rgba(239,97,117,.14),0 12px 30px rgba(0,0,0,.25);
  pointer-events:auto;touch-action:none;user-select:none;cursor:pointer;
  transition:background .22s,filter .22s,transform .22s;position:relative;isolation:isolate;
}
.free-points-handle:before{content:"";position:absolute;inset:2px 2px 2px 15%;border:1px solid rgba(255,226,229,.1);pointer-events:none;z-index:-1}
.free-points-handle:hover,.free-points-handle:focus-visible{background:linear-gradient(105deg,#772b3a 0%,#a54153 47%,#2b1a21 100%);filter:drop-shadow(0 0 18px rgba(239,97,117,.25));outline:2px solid rgba(255,199,205,.5);outline-offset:3px}
.free-points-handle-arrow{font-size:29px;font-weight:900;line-height:1;color:#ffd6dc;flex:none;transition:transform .28s}
.free-points-drawer.is-open .free-points-handle-arrow{transform:translateX(3px)}
.free-points-handle-text{writing-mode:horizontal-tb;transform:none;font:900 12px var(--display);letter-spacing:1.05px;white-space:nowrap;text-align:left;color:#fff5f6;text-shadow:0 1px 9px rgba(0,0,0,.35)}
@media(max-width:700px){
  .free-points-drawer{--fp-handle-width:118px;width:min(490px,calc(100vw - 6px));max-width:calc(100vw - 6px);top:50%;transform:translate3d(calc(100% - var(--fp-handle-width)),-50%,0)}
  .free-points-drawer.is-open{transform:translate3d(0,-50%,0)}
  .free-points-handle{height:124px;min-height:124px;padding:10px 7px 10px 18px;gap:5px}
  .free-points-handle-text{font-size:10px;letter-spacing:.65px}
  .free-points-handle-arrow{font-size:25px}
  .free-points-panel{height:min(80vh,760px);min-height:min(440px,72vh);padding:17px 10px 13px}
  .free-points-header h2{font-size:23px}
  .free-points-miner{width:100px;height:106px}
  .free-points-miner-scene{min-height:110px;padding:6px}
}
@media(max-width:380px){
  .free-points-drawer{--fp-handle-width:105px}
  .free-points-handle{padding-left:17px;gap:4px}
  .free-points-handle-text{font-size:9px;letter-spacing:.35px}
}
@media(prefers-reduced-motion:reduce){.free-points-drawer{transition:none!important}.free-points-handle-arrow{transition:none!important}}


/* V35 FIX — Free Points is closed by default. Its arrow handle is the first flex item, so the
   closed drawer slides to the right while leaving only the handle on screen. */
#freePointsDrawer.free-points-drawer{
  --fp-handle-width:146px;
  position:fixed!important;z-index:9999!important;right:0!important;top:50%!important;
  display:flex!important;flex-flow:row nowrap!important;align-items:flex-start!important;gap:0!important;
  width:min(490px,calc(100vw - 8px))!important;max-width:calc(100vw - 8px)!important;
  box-sizing:border-box!important;overflow:visible!important;
  transform:translate3d(calc(100% - var(--fp-handle-width)),-50%,0)!important;
  transition:transform .68s cubic-bezier(.18,.84,.18,1)!important;
  filter:drop-shadow(-20px 14px 40px rgba(0,0,0,.48));pointer-events:none;will-change:transform;
}
#freePointsDrawer.free-points-drawer.is-open{transform:translate3d(0,-50%,0)!important}
#freePointsDrawer .free-points-handle{
  order:0!important;box-sizing:border-box!important;flex:0 0 var(--fp-handle-width)!important;
  width:var(--fp-handle-width)!important;min-width:var(--fp-handle-width)!important;max-width:var(--fp-handle-width)!important;
  height:150px!important;min-height:150px!important;margin:0!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  padding:12px 11px 12px 20px!important;border:1px solid rgba(255,143,155,.56)!important;border-right:0!important;
  border-radius:17px 0 0 17px!important;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,15% 50%);
  background:linear-gradient(105deg,#51222d 0%,#772c3b 56%,#21161c 100%)!important;color:#fff!important;
  box-shadow:inset 0 0 20px rgba(239,97,117,.14),0 12px 30px rgba(0,0,0,.25)!important;
  pointer-events:auto!important;touch-action:pan-y!important;user-select:none;cursor:pointer!important;position:relative;isolation:isolate;
  transition:background .22s,filter .22s,transform .22s;
}
#freePointsDrawer .free-points-handle:hover,#freePointsDrawer .free-points-handle:focus-visible{background:linear-gradient(105deg,#772b3a 0%,#a54153 56%,#2b1a21 100%)!important;filter:drop-shadow(0 0 18px rgba(239,97,117,.25));outline:2px solid rgba(255,199,205,.6);outline-offset:2px}
#freePointsDrawer .free-points-handle-arrow{display:inline-block!important;font-size:27px!important;font-weight:900!important;line-height:1!important;color:#ffd6dc!important;flex:none!important;writing-mode:horizontal-tb!important;transform:none!important;transition:transform .28s}
#freePointsDrawer.is-open .free-points-handle-arrow{transform:translateX(3px)!important}
#freePointsDrawer .free-points-handle-text{display:inline-block!important;writing-mode:horizontal-tb!important;transform:none!important;font:900 11px var(--display)!important;letter-spacing:.8px!important;white-space:nowrap!important;text-align:left!important;color:#fff5f6!important;text-shadow:0 1px 9px rgba(0,0,0,.35)}
#freePointsDrawer .free-points-panel{
  order:1!important;box-sizing:border-box!important;flex:0 0 calc(100% - var(--fp-handle-width))!important;
  width:calc(100% - var(--fp-handle-width))!important;min-width:0!important;max-width:calc(100% - var(--fp-handle-width))!important;
  height:min(78vh,760px)!important;min-height:min(460px,70vh)!important;overflow:auto!important;overscroll-behavior:contain;
  padding:23px 16px 18px!important;border:1px solid rgba(255,130,143,.3)!important;border-left:0!important;border-right:1px solid rgba(255,130,143,.3)!important;
  border-radius:0 18px 18px 0!important;background:linear-gradient(150deg,rgba(27,28,34,.99),rgba(10,11,15,.99) 70%)!important;
  backdrop-filter:blur(24px);color:#f1f0f3;pointer-events:auto;scrollbar-width:thin;scrollbar-color:#65333b transparent;
}
#freePointsDrawer .free-points-close{position:sticky;top:0;float:right;z-index:3}
#freePointsDrawer .free-points-auth-inline{display:grid;grid-template-columns:35px minmax(0,1fr);gap:9px;align-items:start;margin-bottom:12px;padding:12px}
#freePointsDrawer .free-points-auth-inline .free-points-auth-icon{grid-row:1;grid-column:1}
#freePointsDrawer .free-points-auth-inline>div{grid-column:2;grid-row:1;min-width:0}
#freePointsDrawer .free-points-auth-inline h3{margin:0 0 5px;font-size:14px}
#freePointsDrawer .free-points-auth-inline p{margin:0;font-size:10px;line-height:1.55}
#freePointsDrawer .free-points-auth-inline .primary-button{grid-column:1/-1;min-height:39px;width:100%;margin-top:3px;font-size:9px}
#freePointsDrawer .free-points-preview-label{margin:8px 0 0;color:#898d98;font-size:9px;line-height:1.5}
#freePointsDrawer .free-points-db-warning{display:flex;flex-direction:column;gap:7px;padding:12px;margin:0 0 14px;border:1px solid rgba(255,178,112,.22);border-radius:11px;background:rgba(120,78,40,.1);font-size:10px;color:#d9c6b6}
#freePointsDrawer .free-points-db-warning b{color:#ffcf9a}
#freePointsDrawer .free-points-db-warning span,#freePointsDrawer .free-points-db-warning small{line-height:1.5;overflow-wrap:anywhere}
#freePointsDrawer .free-points-db-warning button{align-self:flex-start;padding:8px 10px;border:1px solid #6f5547;border-radius:8px;background:#2e211d;color:#ffcf9a}
#freePointsDrawer .free-points-db-warning code{white-space:normal;overflow-wrap:anywhere}
body.is-in-app #freePointsDrawer{display:flex!important}
body:not(.is-in-app) #freePointsDrawer{display:none!important}
@media(max-width:700px){
  #freePointsDrawer.free-points-drawer{--fp-handle-width:118px;width:min(490px,calc(100vw - 5px))!important;max-width:calc(100vw - 5px)!important;top:50%!important;transform:translate3d(calc(100% - var(--fp-handle-width)),-50%,0)!important}
  #freePointsDrawer.free-points-drawer.is-open{transform:translate3d(0,-50%,0)!important}
  #freePointsDrawer .free-points-handle{height:124px!important;min-height:124px!important;padding:10px 6px 10px 16px!important;gap:5px!important}
  #freePointsDrawer .free-points-handle-text{font-size:9px!important;letter-spacing:.45px!important}
  #freePointsDrawer .free-points-handle-arrow{font-size:24px!important}
  #freePointsDrawer .free-points-panel{height:min(80vh,760px)!important;min-height:min(440px,72vh)!important;padding:17px 10px 13px!important}
  #freePointsDrawer .free-points-header h2{font-size:23px}
  #freePointsDrawer .free-points-miner{width:100px;height:106px}
  #freePointsDrawer .free-points-miner-scene{min-height:110px;padding:6px}
}
@media(max-width:380px){#freePointsDrawer.free-points-drawer{--fp-handle-width:105px}#freePointsDrawer .free-points-handle{padding-left:14px!important;gap:4px!important}#freePointsDrawer .free-points-handle-text{font-size:8px!important;letter-spacing:.2px!important}}
@media(prefers-reduced-motion:reduce){#freePointsDrawer.free-points-drawer{transition:none!important}#freePointsDrawer .free-points-handle-arrow{transition:none!important}}


/* V36 — simplified home dashboard, ad-activated miner, and correctly oriented Free Points drawer. */
.dashboard-minimal-heading{margin:0 0 22px!important;align-items:flex-end!important;min-height:unset!important;padding:7px 0 0!important}
.dashboard-minimal-heading .section-overline{margin-bottom:11px!important;letter-spacing:1.6px!important}
.dashboard-minimal-heading h2{margin:0!important;font-size:clamp(30px,4.1vw,48px)!important;line-height:1.08!important;letter-spacing:-1.4px!important}
.dashboard-minimal-heading p{margin:12px 0 0!important;color:#a3a6b0!important;font-size:11px!important;letter-spacing:.8px!important}
.dashboard-home-welcome{width:min(780px,100%)!important;min-height:unset!important;margin:0!important;padding:30px clamp(22px,3vw,38px)!important;border-radius:16px!important;background:radial-gradient(ellipse at 100% 0,rgba(145,43,59,.15),transparent 47%),linear-gradient(135deg,#252529,#1b1b1f)!important;border-color:#3d3d43!important;box-shadow:0 18px 38px rgba(0,0,0,.12)!important}
.dashboard-home-welcome .section-overline{color:#db7d8b!important;font-size:9px!important;letter-spacing:1.8px!important;margin-bottom:13px!important}
.dashboard-home-welcome h3{margin:0 0 12px!important;color:#f4f1f2!important;font-size:clamp(26px,3vw,38px)!important;line-height:1.18!important;letter-spacing:-.7px!important}
.dashboard-home-welcome p{margin:0!important;max-width:580px!important;color:#a8a9b2!important;font-size:14px!important;line-height:1.85!important}
.skg-walkway-top .skg-walking-stickman{animation-duration:9s!important}

/* The drawer itself stays pinned to the right edge; only the panel slides. The handle is always visible. */
#freePointsDrawer.free-points-drawer{
  --fp-handle-width:42px;
  position:fixed!important;z-index:9999!important;right:0!important;top:50%!important;
  display:block!important;width:min(448px,calc(100vw - 8px))!important;max-width:calc(100vw - 8px)!important;
  height:min(78vh,760px)!important;min-height:0!important;overflow:visible!important;
  transform:translateY(-50%)!important;transition:none!important;filter:drop-shadow(-18px 12px 38px rgba(0,0,0,.5));
  pointer-events:none!important;will-change:auto!important;box-sizing:border-box!important;
}
#freePointsDrawer.free-points-drawer.is-open{transform:translateY(-50%)!important}
#freePointsDrawer #freePointsPanel,
#freePointsDrawer .free-points-panel{
  position:absolute!important;top:0!important;right:var(--fp-handle-width)!important;left:auto!important;
  width:calc(100% - var(--fp-handle-width))!important;max-width:calc(100% - var(--fp-handle-width))!important;min-width:0!important;
  height:100%!important;min-height:0!important;max-height:100%!important;box-sizing:border-box!important;
  overflow:auto!important;overscroll-behavior:contain!important;padding:20px 15px 18px!important;
  border:1px solid rgba(255,130,143,.3)!important;border-right:0!important;border-radius:18px 0 0 18px!important;
  background:linear-gradient(150deg,rgba(27,28,34,.99),rgba(10,11,15,.99) 70%)!important;
  transform:translateX(calc(100% + 12px))!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  transition:transform .55s cubic-bezier(.2,.84,.15,1),opacity .25s ease,visibility .25s ease!important;
}
#freePointsDrawer.is-open #freePointsPanel,
#freePointsDrawer.is-open .free-points-panel{
  transform:translateX(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
}
#freePointsDrawer .free-points-handle{
  position:absolute!important;z-index:4!important;top:50%!important;right:0!important;left:auto!important;
  transform:translateY(-50%)!important;order:initial!important;box-sizing:border-box!important;
  flex:none!important;width:var(--fp-handle-width)!important;min-width:var(--fp-handle-width)!important;max-width:var(--fp-handle-width)!important;
  height:112px!important;min-height:112px!important;max-height:112px!important;margin:0!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  padding:8px 4px!important;border:1px solid rgba(255,143,155,.56)!important;border-left:0!important;border-right:1px solid rgba(255,143,155,.56)!important;
  border-radius:13px 0 0 13px!important;clip-path:none!important;
  background:linear-gradient(180deg,#682b37 0%,#3a2029 55%,#17171c 100%)!important;color:#fff!important;
  box-shadow:inset 0 0 16px rgba(239,97,117,.14),0 9px 24px rgba(0,0,0,.28)!important;
  pointer-events:auto!important;touch-action:pan-y!important;user-select:none!important;cursor:pointer!important;isolation:isolate!important;
  transition:background .2s,filter .2s!important;
}
#freePointsDrawer .free-points-handle:hover,#freePointsDrawer .free-points-handle:focus-visible{background:linear-gradient(180deg,#853846,#2b1820)!important;filter:drop-shadow(0 0 14px rgba(239,97,117,.22))!important;outline:2px solid rgba(255,199,205,.45)!important;outline-offset:2px!important}
#freePointsDrawer .free-points-handle-arrow{display:block!important;font-size:18px!important;font-weight:900!important;line-height:1!important;color:#ffd6dc!important;flex:none!important;writing-mode:horizontal-tb!important;transform:none!important;transition:transform .24s!important}
#freePointsDrawer.is-open .free-points-handle-arrow{transform:translateX(-2px)!important}
#freePointsDrawer .free-points-handle-text{display:block!important;writing-mode:vertical-rl!important;transform:rotate(180deg)!important;font:900 8px var(--display)!important;letter-spacing:1.05px!important;line-height:1!important;white-space:nowrap!important;text-align:center!important;color:#fff5f6!important;text-shadow:0 1px 8px rgba(0,0,0,.4)!important}
#freePointsDrawer .free-points-miner-scene{min-height:124px!important}
#freePointsDrawer .free-points-miner-scene:not(.is-mining) .fp-miner-pickaxe,
#freePointsDrawer .free-points-miner-scene:not(.is-mining) .fp-miner-arm,
#freePointsDrawer .free-points-miner-scene:not(.is-mining) .fp-mine-rock,
#freePointsDrawer .free-points-miner-scene:not(.is-mining) .fp-miner-sparkles{animation:none!important}
#freePointsDrawer .free-points-miner-scene.is-mining .fp-miner-pickaxe{transform-origin:92px 49px;animation:fp-pickaxe-swing .85s ease-in-out infinite alternate!important}
#freePointsDrawer .free-points-miner-scene.is-mining .fp-miner-arm{transform-origin:61px 66px;animation:fp-arm-swing .85s ease-in-out infinite alternate!important}
#freePointsDrawer .free-points-miner-scene.is-mining .fp-mine-rock{animation:fp-rock-tremble .85s ease-in-out infinite alternate!important}
#freePointsDrawer .free-points-miner-scene.is-mining .fp-miner-sparkles{animation:fp-spark-flash .72s ease-in-out infinite alternate!important}
#freePointsDrawer .free-points-miner-scene.is-resting .free-points-mine-glow{opacity:.22!important}
.free-points-mining-hint{display:flex;gap:9px;align-items:flex-start;margin:8px 0 12px;padding:10px 11px;border:1px solid rgba(242,133,148,.18);border-radius:11px;background:rgba(160,49,66,.07)}
.free-points-mining-hint>span{color:#ed8b98;font:900 16px var(--display);line-height:1.15}
.free-points-mining-hint p{display:flex;flex-direction:column;gap:4px;margin:0;min-width:0}
.free-points-mining-hint b{font-size:10px;color:#f3dfe3;line-height:1.5}
.free-points-mining-hint small{font-size:9px;line-height:1.55;color:#999ba5}
.free-points-timer-card.is-active .free-points-timer-dot{background:#80e3aa;box-shadow:0 0 13px rgba(128,227,170,.35)}
.free-points-ad-card>button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:700px){
  #freePointsDrawer.free-points-drawer{--fp-handle-width:38px;width:min(100vw,420px)!important;height:min(80vh,740px)!important;top:50%!important}
  #freePointsDrawer .free-points-handle{height:104px!important;min-height:104px!important;max-height:104px!important;padding:7px 3px!important;gap:6px!important}
  #freePointsDrawer .free-points-handle-arrow{font-size:16px!important}
  #freePointsDrawer .free-points-handle-text{font-size:7px!important;letter-spacing:.8px!important}
  #freePointsDrawer .free-points-panel{padding:16px 10px 13px!important}
  #freePointsDrawer .free-points-miner{width:100px!important;height:106px!important}
  #freePointsDrawer .free-points-miner-scene{min-height:110px!important;padding:6px!important}
}
@media(prefers-reduced-motion:reduce){
  #freePointsDrawer .free-points-panel{transition:none!important}
  #freePointsDrawer .free-points-miner-scene.is-mining .fp-miner-pickaxe,
  #freePointsDrawer .free-points-miner-scene.is-mining .fp-miner-arm,
  #freePointsDrawer .free-points-miner-scene.is-mining .fp-mine-rock,
  #freePointsDrawer .free-points-miner-scene.is-mining .fp-miner-sparkles{animation:none!important}
}


/* V37 — SKG Academy World / collectible player-card roster */
.academy-nav-label strong{font-family:"Barlow Condensed","Orbitron",sans-serif!important;font-size:19px!important;font-weight:900!important;letter-spacing:.13em!important;text-transform:uppercase!important;color:#f2f2f4!important}
.academy-nav-label small{letter-spacing:.13em!important;text-transform:uppercase!important}
.academy-drop-copy h2,.academy-members-window>h2{font-family:"Barlow Condensed","Orbitron",sans-serif!important;text-transform:uppercase!important;letter-spacing:.035em!important;font-weight:900!important}
.academy-drop-copy h2 em,.academy-members-window>h2 em{font-style:normal!important;text-transform:uppercase!important;font-family:inherit!important;letter-spacing:inherit!important}
.academy-role-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 18px;position:relative;z-index:2}
.academy-role-tab{appearance:none;border:1px solid #48484f;background:#17171b;color:#bcbcc4;padding:10px 17px;border-radius:7px;font:800 11px/1 "Barlow Condensed","DM Sans",sans-serif;letter-spacing:.14em;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}
.academy-role-tab:hover{transform:translateY(-2px);border-color:#d44b5a;color:#fff}
.academy-role-tab.active{background:linear-gradient(135deg,#b92638,#671b28);border-color:#e15a68;color:#fff;box-shadow:0 5px 20px #b526382d}
.academy-roster-panel{min-height:300px;animation:academy-roster-appear .35s ease both}
.academy-roster-empty{min-height:250px;border:1px dashed #48484f;border-radius:12px;background:radial-gradient(ellipse at 50% 0%,#7c27321f,transparent 65%),#18181c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#ef8290;font:900 14px "Barlow Condensed",sans-serif;letter-spacing:.16em;text-align:center}
.academy-roster-empty span{font:400 12px "DM Sans",sans-serif;letter-spacing:0;color:#9999a2}
.academy-flip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:720px;margin:0 auto 18px;perspective:1200px}
.academy-flip-card{appearance:none;border:0;background:transparent;padding:0;width:100%;min-width:0;aspect-ratio: .69;max-height:460px;cursor:pointer;text-align:left;perspective:1200px;color:inherit;outline-offset:5px}
.academy-flip-inner{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.75,.2,1)}
.academy-flip-card.is-flipped .academy-flip-inner{transform:rotateY(180deg)}
.academy-flip-face{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;border-radius:14px;border:2px solid #b88b50;padding:10px;background:linear-gradient(145deg,#f6d9a0,#7f4d2a 30%,#1b1b22 31%,#29202c 74%,#c88a4a);box-shadow:0 10px 32px #0008,inset 0 0 0 2px #f8e3ae55;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.academy-flip-front:before,.academy-flip-back:before{content:"";position:absolute;inset:5px;border:1px solid #f2d18c80;border-radius:9px;pointer-events:none}
.academy-flip-back{transform:rotateY(180deg);background:radial-gradient(ellipse at 50% 15%,#8d2c40,#1c1b23 60%,#0d0d11);border-color:#e7a0a8;justify-content:center;align-items:center;text-align:center;padding:22px}
.academy-card-rarity{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;min-height:25px;padding:5px 7px;background:#101015e8;color:#ffe4a9;border-radius:4px;font:900 9px "DM Sans",sans-serif;letter-spacing:.12em}
.academy-card-art{position:relative;z-index:1;display:grid;place-items:center;flex:1;min-height:0;margin:8px 0;background:radial-gradient(ellipse at 50% 40%,#ffd58b 0,#b35c3a 20%,#5b2438 44%,#15151b 74%);border:1px solid #ffe0a066;overflow:hidden}
.academy-card-art:before,.academy-card-art:after{content:"";position:absolute;width:150%;height:40%;border:2px solid #ffd78570;border-radius:50%;transform:rotate(-32deg);box-shadow:0 0 20px #ff9e4a44}
.academy-card-art:after{transform:rotate(34deg);width:120%;height:55%;border-color:#ed8baf70}
.academy-card-art b{position:relative;z-index:2;display:grid;place-items:center;width:88px;height:88px;border-radius:50%;font:900 58px/1 "Barlow Condensed",sans-serif;color:#fff2d1;background:linear-gradient(145deg,#c13e4f,#231a2d);border:2px solid #ffdc98;box-shadow:0 0 30px #ffac5266;text-shadow:0 4px 10px #0009}
.academy-card-art i{position:absolute;z-index:1;font-style:normal;font-size:30px;color:#ffe5a6;text-shadow:0 0 12px #ff9b55;animation:academy-card-spark 3s ease-in-out infinite}
.academy-card-art i:nth-of-type(1){top:12%;right:14%}.academy-card-art i:nth-of-type(2){bottom:13%;left:12%;font-size:42px}
.academy-card-art-chahd{background:radial-gradient(ellipse at 50% 40%,#9cddff 0,#4966b1 23%,#30254f 50%,#11131d 78%)}
.academy-card-art-chahd b{background:linear-gradient(145deg,#4a91d7,#211b42);border-color:#a8e6ff}
.academy-card-name{position:relative;z-index:1;color:#fff4da;font:900 clamp(18px,2.3vw,27px)/1 "Barlow Condensed",sans-serif;letter-spacing:.1em;text-shadow:0 2px 5px #000}
.academy-card-subtitle{position:relative;z-index:1;color:#f0d1a3;font:800 9px "DM Sans",sans-serif;letter-spacing:.18em;margin-top:5px}
.academy-card-stats{position:relative;z-index:1;display:flex;justify-content:space-between;margin-top:10px;padding:7px;background:#101015e8;color:#ffe4a9;font:800 9px "DM Sans",sans-serif;letter-spacing:.12em;border-radius:4px}
.academy-card-back-name{font:900 32px "Barlow Condensed",sans-serif;letter-spacing:.12em;color:#fff;margin:20px 0 12px}
.academy-card-description{font:400 12px/1.7 "DM Sans",sans-serif;color:#d0cbd4;max-width:220px}
.academy-card-link{display:inline-block;margin-top:24px;padding:10px 12px;border-radius:5px;background:#a9273a;color:white;font:900 10px "DM Sans",sans-serif;letter-spacing:.1em}
.academy-card-link.is-unavailable{background:#34343b;color:#e5a0a7}
.academy-card-account{margin-top:9px;font:700 10px "DM Sans",sans-serif;color:#d6a5aa}
.academy-player-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;color:#a9a9b2;font:700 10px "DM Sans",sans-serif;letter-spacing:.05em}
.academy-player-links a{color:#f18b97;text-decoration:none}.academy-player-links a:hover{text-decoration:underline}.academy-player-links span{color:#898993}
@keyframes academy-roster-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes academy-card-spark{0%,100%{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-7px) rotate(10deg);opacity:1}}
@media(max-width:600px){.academy-flip-grid{gap:10px}.academy-flip-face{padding:7px;border-radius:10px}.academy-card-art b{width:60px;height:60px;font-size:42px}.academy-card-back-name{font-size:23px}.academy-card-description{font-size:10px}.academy-card-link{font-size:8px;padding:8px 6px}.academy-role-tab{padding:9px 11px}}
@media(prefers-reduced-motion:reduce){.academy-flip-inner,.academy-card-art i,.academy-roster-panel{animation:none!important;transition:none!important}}

/* V38 — Dashboard quick actions, golden giveaways, and clearer Free Points handle */
.dashboard-home-welcome .home-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:23px;max-width:700px}
.dashboard-home-welcome .home-action-button{appearance:none;position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:14px 13px;text-align:left;color:#f3f1f2;background:linear-gradient(135deg,#202025,#17171b);border:1px solid #38383f;border-radius:11px;cursor:pointer;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s}
.dashboard-home-welcome .home-action-button:hover{transform:translateY(-3px);border-color:#a84451;background:linear-gradient(135deg,#292126,#1b1b20);box-shadow:0 10px 28px #0003}
.dashboard-home-welcome .home-action-icon{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#8f25351f;border:1px solid #d858672f;color:#ffb3bd;font:900 19px/1 var(--display)}
.dashboard-home-welcome .home-action-button>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}
.dashboard-home-welcome .home-action-button b{font-size:11px;line-height:1.35;font-weight:900}
.dashboard-home-welcome .home-action-button small{font-size:9px;line-height:1.45;color:#9899a2;font-weight:500}
.dashboard-home-welcome .home-action-button>i{margin-left:auto;font-style:normal;color:#85858f;font-size:15px}
.dashboard-home-welcome .home-action-points .home-action-icon{background:#ffb44a12;border-color:#f3bc5140;color:#ffcf79}
.dashboard-home-welcome .home-action-prizes .home-action-icon{background:#a58aff12;border-color:#a58aff40;color:#c7b4ff}
#freePointsDrawer .free-points-handle-arrow{font-size:23px!important}
#freePointsDrawer.home-free-points-pop{animation:homeFreePointsPop .72s ease-in-out 2}
@keyframes homeFreePointsPop{0%,100%{filter:drop-shadow(-20px 14px 40px rgba(0,0,0,.4))}35%{filter:drop-shadow(-20px 14px 48px rgba(255,183,194,.62))}68%{filter:drop-shadow(-20px 14px 43px rgba(255,183,194,.4))}}
.nav-tab.giveaways-nav-tab{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(227,185,85,.3);background:linear-gradient(112deg,rgba(92,65,19,.35),rgba(38,31,20,.82) 42%,rgba(87,60,20,.32));color:#f4df9d;box-shadow:inset 0 0 15px rgba(241,194,74,.035),0 0 12px rgba(241,194,74,.04);animation:giveawayNavGlow 3s ease-in-out infinite}
.nav-tab.giveaways-nav-tab:after{content:"";position:absolute;z-index:0;top:-70%;bottom:-70%;left:-70%;width:36%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,235,159,.27),transparent);animation:giveawayNavShine 4.2s ease-in-out infinite;pointer-events:none}
.nav-tab.giveaways-nav-tab>*{position:relative;z-index:1}
.nav-tab.giveaways-nav-tab .nav-icon{color:#ffdb7f;text-shadow:0 0 13px rgba(245,198,75,.45)}
.nav-tab.giveaways-nav-tab .nav-chevron{color:#d1a842}
.nav-tab.giveaways-nav-tab:hover,.nav-tab.giveaways-nav-tab.active{color:#fff4cf;border-color:#d6aa42;background:linear-gradient(110deg,#6c4b18,#382b17 52%,#6a4b17);box-shadow:0 0 19px rgba(235,183,63,.14),inset 0 0 22px rgba(255,220,133,.08)}
@keyframes giveawayNavShine{0%,15%{left:-70%;opacity:0}30%{opacity:1}55%,100%{left:140%;opacity:0}}
@keyframes giveawayNavGlow{0%,100%{box-shadow:inset 0 0 15px rgba(241,194,74,.035),0 0 8px rgba(241,194,74,.035)}50%{box-shadow:inset 0 0 18px rgba(241,194,74,.07),0 0 15px rgba(241,194,74,.11)}}
.giveaways-heading{align-items:center}
.giveaway-gold-period{color:#f4cd6a;text-shadow:0 0 22px #e4ae4166}
.giveaway-heading-seal{display:flex;align-items:center;justify-content:center;gap:9px;width:89px;height:89px;flex:none;border:1px solid #b58e3b;border-radius:50%;background:radial-gradient(circle at 35% 20%,#655022,#201b12 64%);box-shadow:0 0 27px #c89c3430,inset 0 0 18px #e4bb5d1a;color:#f7d982;font-size:24px;transform:rotate(-8deg)}
.giveaway-heading-seal span{font:900 8px/1.45 var(--display);letter-spacing:.12em}
.giveaway-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f6c956;box-shadow:0 0 11px #edbc4f;vertical-align:middle;margin-right:4px}
.giveaway-hero-card{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(230px,.9fr);min-height:365px;overflow:hidden;border:1px solid rgba(219,176,72,.48);border-radius:20px;background:radial-gradient(ellipse at 72% 45%,rgba(238,183,62,.11),transparent 38%),linear-gradient(135deg,#211e17 0%,#141416 46%,#211b12 100%);box-shadow:0 22px 58px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,237,172,.025)}
.giveaway-hero-card:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(118deg,transparent 20%,rgba(255,221,129,.035) 50%,transparent 72%),radial-gradient(ellipse at 0 0,rgba(255,214,113,.12),transparent 42%);pointer-events:none}
.giveaway-hero-shine{position:absolute;z-index:3;inset:-65% auto -65% -30%;width:24%;transform:rotate(17deg);background:linear-gradient(90deg,transparent,rgba(255,237,183,.09),transparent);pointer-events:none;animation:giveawayHeroShine 6.5s ease-in-out infinite}
@keyframes giveawayHeroShine{0%,20%{left:-30%;opacity:0}32%{opacity:1}57%,100%{left:120%;opacity:0}}
.giveaway-hero-copy{position:relative;z-index:2;padding:clamp(24px,4vw,42px);align-self:center}
.giveaway-eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#e6c877;font:900 9px/1.6 var(--display);letter-spacing:.17em}
.giveaway-eyebrow>span:first-child{font-size:16px;text-shadow:0 0 14px #e9bf57}
.giveaway-open-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #e2bd5d45;border-radius:30px;padding:5px 8px;color:#ebd8a1;background:#bc8e1712;font:800 7px/1 var(--display);letter-spacing:.12em}
.giveaway-open-pill i{width:5px;height:5px;border-radius:50%;background:#efc950;box-shadow:0 0 7px #efc950}
.giveaway-hero-copy h3{margin:20px 0 12px;font:900 clamp(40px,5vw,61px)/1 var(--display);letter-spacing:-.045em;color:#f5f0e5}
.giveaway-hero-copy h3 span{display:inline-block;color:#f3cf6f;text-shadow:0 2px 0 #503b18,0 0 30px #d6a83940}
.giveaway-hero-copy>p:not(.giveaway-entry-status){max-width:470px;margin:0;color:#b4b0a4;font-size:11px;line-height:1.85}
.giveaway-prize-details{display:flex;gap:0;flex-wrap:wrap;margin:23px 0 20px;padding:13px 0;border-top:1px solid #ad8d4328;border-bottom:1px solid #ad8d4328}
.giveaway-prize-details>div{display:flex;flex-direction:column;gap:6px;padding:0 23px 0 0;margin-right:21px;border-right:1px solid #ac8d422e}
.giveaway-prize-details>div:last-child{padding:0;margin:0;border:0}
.giveaway-prize-details small{color:#938a72;font:900 8px var(--display);letter-spacing:.16em}
.giveaway-prize-details b{color:#f3d98d;font:900 15px var(--display);letter-spacing:.02em}
.giveaway-join-button{position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;width:min(100%,330px);min-height:49px;overflow:hidden;padding:0 18px;border:1px solid #ffe8a4;border-radius:8px;background:linear-gradient(105deg,#f4d982,#bd8c2b 55%,#f7dfa0);color:#261d0c;box-shadow:0 7px 25px #b68d2630,inset 0 1px 0 #fff8d6;cursor:pointer;font:900 10px var(--display);letter-spacing:.13em;transition:transform .2s,box-shadow .2s,filter .2s}
.giveaway-join-button:before{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(100deg,transparent 25%,#fff6 48%,transparent 70%);transition:transform .7s}
.giveaway-join-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 32px #d6a33c49;filter:saturate(1.1)}
.giveaway-join-button:hover:not(:disabled):before{transform:translateX(120%)}
.giveaway-join-button>span,.giveaway-join-button>i{position:relative;z-index:1}.giveaway-join-button>i{font-style:normal;font-size:18px}
.giveaway-join-button:disabled{cursor:default;opacity:.78;filter:saturate(.75)}
.giveaway-entry-status{margin:10px 0 0!important;color:#c9b987!important;font:800 8px/1.65 var(--display)!important;letter-spacing:.11em}
.giveaway-prize-art{position:relative;display:grid;place-items:center;min-height:320px;overflow:hidden;perspective:900px}
.giveaway-prize-art:before{content:"";position:absolute;width:255px;height:255px;border-radius:50%;background:radial-gradient(circle,#ecc45b24,#b0802720 46%,transparent 72%);filter:blur(2px);animation:giveawayGlowPulse 3.4s ease-in-out infinite}
@keyframes giveawayGlowPulse{0%,100%{transform:scale(.94);opacity:.7}50%{transform:scale(1.08);opacity:1}}
.giveaway-orbit{position:absolute;border:1px solid #e1bd5a39;border-radius:50%;width:275px;height:116px;transform:rotate(-26deg);animation:giveawayOrbitSpin 13s linear infinite}
.giveaway-orbit-b{width:295px;height:145px;transform:rotate(57deg);border-color:#ffe3a025;animation-direction:reverse}
@keyframes giveawayOrbitSpin{to{transform:rotate(334deg)}}
.giveaway-currency-token{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;transform-style:preserve-3d;animation:giveawayTokenFloat 4s ease-in-out infinite;filter:drop-shadow(0 22px 22px #0008)}
.giveaway-token-ring{position:relative;display:grid;place-items:center;width:176px;height:176px;border-radius:50%;background:linear-gradient(135deg,#fff0a9,#8a621a 18%,#d7ad45 34%,#4a3616 54%,#f3d16b 75%,#73521d);border:3px solid #f9df85;box-shadow:inset 0 0 0 7px #3b2a12,inset 0 0 0 10px #dfb74f,0 0 0 1px #4d3917,0 0 36px #d0a34032}
.giveaway-token-ring:before{content:"";position:absolute;inset:17px;border:1px solid #fff0a35e;border-radius:50%;box-shadow:inset 0 0 20px #f5d97b27}
.giveaway-token-ring span{font:900 58px/1 var(--display);letter-spacing:-.07em;color:#fff1b2;text-shadow:0 3px 0 #594016,0 8px 18px #0009}
.giveaway-token-ring i{position:absolute;top:27px;right:29px;font-style:normal;color:#fff8d5;text-shadow:0 0 12px #fff2a4}
.giveaway-currency-token>b{font:900 27px/1 var(--display);letter-spacing:.12em;color:#f5da8a;text-shadow:0 2px 0 #4f3916,0 0 20px #dcb44f3e}
.giveaway-currency-token>small{color:#a9a18d;font:900 8px var(--display);letter-spacing:.24em}
@keyframes giveawayTokenFloat{0%,100%{transform:translateY(3px) rotateY(-8deg) rotateX(3deg)}50%{transform:translateY(-13px) rotateY(8deg) rotateX(-3deg)}}
.giveaway-floating-coin{position:absolute;z-index:2;display:grid;place-items:center;width:36px;height:36px;border:1px solid #e9ca6c;border-radius:50%;color:#fff0ac;background:radial-gradient(circle at 30% 20%,#8d6c26,#30220e 70%);box-shadow:0 0 18px #d9ac3d2e;font:900 13px var(--display);animation:giveawayCoinFloat 3.1s ease-in-out infinite}
.giveaway-floating-coin.coin-one{top:19%;left:13%}.giveaway-floating-coin.coin-two{right:10%;top:29%;animation-delay:-1.1s}.giveaway-floating-coin.coin-three{left:21%;bottom:16%;animation-delay:-2s}
@keyframes giveawayCoinFloat{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-12px) rotate(11deg)}}
.giveaway-trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px}
.giveaway-trust-row article{display:flex;gap:11px;align-items:flex-start;padding:16px 14px;border:1px solid #34302a;border-radius:11px;background:linear-gradient(140deg,#191815,#151517)}
.giveaway-trust-row article>span{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:7px;background:#bf8c1d18;border:1px solid #d4a63736;color:#e8c767;font:900 9px var(--display)}
.giveaway-trust-row article b{display:block;color:#e1d4a9;font-size:10px;line-height:1.45}
.giveaway-trust-row article p{margin:6px 0 0;color:#92908a;font-size:9px;line-height:1.7}
.giveaway-legal-note{max-width:850px;margin:15px 0 0;color:#77756f;font-size:9px;line-height:1.85}
.giveaway-transition-scene{display:none;position:absolute;inset:0;overflow:hidden;isolation:isolate}
#cloudTransition.giveaway-transition-gold .cloud-transition-sky{background:radial-gradient(ellipse at 78% 53%,rgba(255,199,62,.32),transparent 29%),radial-gradient(ellipse at 24% 37%,rgba(156,109,26,.2),transparent 33%),linear-gradient(115deg,#080705,#20180a 52%,#060504)!important}
#cloudTransition.giveaway-transition-gold .cloud-bank{opacity:.42;filter:blur(24px);mix-blend-mode:screen}
#cloudTransition.giveaway-transition-gold .transition-bolt,#cloudTransition.giveaway-transition-gold .transition-logo,#cloudTransition.giveaway-transition-gold .cloud-drift{display:none!important}
#cloudTransition.giveaway-transition-gold .giveaway-transition-scene{display:block}
#cloudTransition.giveaway-transition-gold .cloud-transition-flash{background:radial-gradient(ellipse at 78% 53%,rgba(255,230,149,.62),rgba(212,151,30,.18) 25%,transparent 58%)!important;animation:giveawayTransitionFlash .8s ease-out both}
@keyframes giveawayTransitionFlash{0%,100%{opacity:0}25%,55%{opacity:.7}70%{opacity:.14}}
.giveaway-money-glow{position:absolute;right:4%;bottom:-20%;width:52vw;height:95vh;border-radius:50%;background:radial-gradient(ellipse,rgba(255,196,53,.23),transparent 68%);filter:blur(9px);animation:giveawayGlowPulse .85s ease-in-out infinite alternate}
.giveaway-runner{position:absolute;left:-18vw;top:50%;width:145px;height:160px;transform:translateY(-50%);filter:drop-shadow(0 0 10px #ffdf82);animation:giveawayRunnerIntoMoney 1.36s cubic-bezier(.12,.73,.24,1) both}
.giveaway-runner svg{width:100%;height:100%;overflow:visible;animation:giveawayRunBounce .18s ease-in-out infinite alternate}
@keyframes giveawayRunnerIntoMoney{0%{left:-18vw;transform:translateY(-50%) scale(.8);opacity:0}9%{opacity:1}72%{left:62%;transform:translateY(-50%) scale(1.08);opacity:1}90%{left:71%;transform:translateY(-55%) scale(.62);opacity:1}100%{left:80%;transform:translateY(-60%) scale(.25);opacity:0}}
@keyframes giveawayRunBounce{from{margin-top:-4px}to{margin-top:4px}}
.giveaway-money-pile{position:absolute;right:8%;top:43%;display:flex;align-items:center;gap:3px;font-size:clamp(27px,4vw,56px);filter:drop-shadow(0 8px 15px #0008);animation:giveawayMoneyPilePop .48s .74s cubic-bezier(.16,.8,.25,1.4) both}
.giveaway-money-pile span:nth-child(1){transform:rotate(-15deg) translateY(7px)}.giveaway-money-pile span:nth-child(2){transform:translateY(-17px) scale(1.35)}.giveaway-money-pile span:nth-child(3){transform:rotate(14deg) translateY(9px)}
.giveaway-money-pile b{position:absolute;left:50%;top:80%;transform:translateX(-50%);color:#ffdf70;font:900 11px var(--display);letter-spacing:.25em;text-shadow:0 0 15px #ffc633}
@keyframes giveawayMoneyPilePop{0%{opacity:0;transform:translateY(36px) scale(.4)}100%{opacity:1;transform:translateY(0) scale(1)}}
.giveaway-transition-label{position:absolute;left:50%;bottom:14%;transform:translateX(-50%);color:#f5da83;text-shadow:0 0 18px #ffcf4a66;font:900 10px var(--display);letter-spacing:.3em;white-space:nowrap;animation:giveawayLabelPulse .6s ease-in-out infinite alternate}
@keyframes giveawayLabelPulse{from{opacity:.65;letter-spacing:.24em}to{opacity:1;letter-spacing:.32em}}
@media(max-width:760px){.giveaway-hero-card{grid-template-columns:minmax(0,1fr)}.giveaway-hero-copy{padding:25px 23px 14px}.giveaway-prize-art{min-height:270px}.giveaway-token-ring{width:140px;height:140px}.giveaway-token-ring span{font-size:48px}.giveaway-trust-row{grid-template-columns:1fr}.giveaway-heading-seal{width:68px;height:68px}.giveaway-heading-seal span{font-size:7px}.giveaway-prize-details>div{margin-right:15px;padding-right:15px}.giveaway-runner{width:112px;height:125px}.giveaway-money-pile{right:3%}.giveaway-transition-label{font-size:8px;letter-spacing:.18em}}
@media(max-width:560px){.dashboard-home-welcome .home-quick-actions{grid-template-columns:1fr}.dashboard-home-welcome .home-action-button{padding:12px}.giveaway-hero-copy h3{font-size:43px}#freePointsDrawer .free-points-handle-arrow{font-size:21px!important}.giveaway-money-pile{font-size:28px}.giveaway-runner{left:-36vw}}
@media(prefers-reduced-motion:reduce){.nav-tab.giveaways-nav-tab,.nav-tab.giveaways-nav-tab:after,.giveaway-hero-shine,.giveaway-orbit,.giveaway-currency-token,.giveaway-floating-coin,.giveaway-prize-art:before,#cloudTransition.giveaway-transition-gold .giveaway-transition-scene *,.giveaway-runner svg,#freePointsDrawer.home-free-points-pop{animation:none!important;transition:none!important}}

#cloudTransition.giveaway-transition-gold .cloud-bank-back{background:radial-gradient(ellipse at 5% 48%,rgba(169,123,32,.58) 0 12%,transparent 28%),radial-gradient(ellipse at 24% 69%,rgba(138,96,22,.6) 0 17%,transparent 35%),radial-gradient(ellipse at 52% 36%,rgba(233,185,70,.42) 0 15%,transparent 33%),radial-gradient(ellipse at 77% 66%,rgba(175,123,23,.52) 0 18%,transparent 34%),radial-gradient(ellipse at 97% 40%,rgba(224,168,49,.42) 0 13%,transparent 30%)}
#cloudTransition.giveaway-transition-gold .cloud-bank-mid{background:radial-gradient(ellipse at 13% 40%,rgba(255,216,117,.3) 0 16%,transparent 32%),radial-gradient(ellipse at 40% 76%,rgba(142,104,25,.45) 0 18%,transparent 34%),radial-gradient(ellipse at 63% 29%,rgba(236,190,73,.32) 0 16%,transparent 32%),radial-gradient(ellipse at 89% 67%,rgba(167,118,28,.45) 0 20%,transparent 35%)}
#cloudTransition.giveaway-transition-gold .cloud-bank-front{background:radial-gradient(ellipse at 1% 77%,rgba(255,227,153,.22) 0 20%,transparent 36%),radial-gradient(ellipse at 29% 48%,rgba(162,117,25,.38) 0 19%,transparent 34%),radial-gradient(ellipse at 60% 80%,rgba(235,187,64,.35) 0 20%,transparent 35%),radial-gradient(ellipse at 95% 50%,rgba(176,129,32,.35) 0 19%,transparent 36%)}

/* V38 — floating Master-tier emblems on the Academy player cards */
.player-rank-emblem{position:relative;z-index:2;display:grid;place-items:center;width:clamp(88px,12vw,128px);aspect-ratio:1;flex:none;border-radius:50%;background:radial-gradient(circle,rgba(151,86,255,.24),rgba(38,24,67,.45) 46%,rgba(13,13,21,.08) 71%);box-shadow:0 0 31px rgba(136,81,255,.23),inset 0 0 20px rgba(202,153,255,.12);animation:masterEmblemFloat 3.2s ease-in-out infinite}
.player-rank-emblem:before{content:"";position:absolute;inset:8%;border:1px solid rgba(202,171,255,.26);border-radius:50%;box-shadow:0 0 18px rgba(159,111,255,.12);pointer-events:none}
.master-rank-logo{display:block;position:relative;width:94%;height:94%;object-fit:contain;filter:drop-shadow(0 0 7px rgba(170,121,255,.7)) drop-shadow(0 5px 12px rgba(0,0,0,.42));pointer-events:none;user-select:none}
.academy-card-art-hellsing .player-rank-emblem{animation-delay:-.7s}
.academy-card-art-chahd .player-rank-emblem{animation-delay:-1.6s}
@keyframes masterEmblemFloat{0%,100%{transform:translateY(1px) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}
@media(max-width:600px){.player-rank-emblem{width:clamp(72px,22vw,98px)}}
@media(prefers-reduced-motion:reduce){.player-rank-emblem{animation:none!important}}


/* V39 — minimal feature pass over the existing V38 graphite/crimson project.
   Dark Theme leaves the original graphite/crimson stylesheet untouched. */
.theme-switcher{position:relative;z-index:41;flex:0 0 auto;align-self:center}
.theme-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 10px;border:1px solid #3d3d43;border-radius:10px;background:#202023!important;color:#ededf0!important;font-size:10px;font-weight:850;white-space:nowrap;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.12)}
.theme-trigger:hover{background:#29292e!important;border-color:#8e303d!important}
.theme-icon{display:inline-grid;place-items:center;font-size:16px;line-height:1;color:#e0a0a7}
.theme-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:158px;padding:6px;background:#202023!important;border:1px solid #3d3d43;border-radius:12px;box-shadow:0 15px 35px rgba(0,0,0,.34);z-index:90;display:grid;gap:3px}
.theme-option{display:flex;align-items:center;gap:9px;width:100%;border:0;border-radius:8px;text-align:left;background:transparent;color:#ededf0;padding:10px 11px;font-size:11px;font-weight:800;cursor:pointer}
.theme-option:hover,.theme-option[aria-checked="true"]{background:#302126;color:#fff}
.theme-option[aria-checked="true"]{box-shadow:inset 2px 0 #c62e40}
.login-theme-switcher{margin-left:8px;margin-right:0}
.app-theme-switcher{margin:0 3px 0 -7px;align-self:center}
@media(max-width:900px){.app-theme-switcher{margin:0 2px 0 -5px}.theme-trigger{padding:0 8px;gap:5px}}
@media(max-width:760px){.app-theme-switcher{order:1;margin:0 0 0 7px}}
@media(max-width:700px){.app-theme-switcher{order:1;margin:0 0 0 7px}.login-theme-switcher{margin-left:7px}.theme-trigger{min-height:34px;padding:0 8px;font-size:10px}.theme-menu{min-width:145px}}

/* The chosen light palette changes surfaces only; all page structure, spacing, and existing features remain. */
html[data-skg-theme="light"]{color-scheme:light;--bg:#f3f5fb;--panel:#ffffff;--panel2:#edf1fa;--line:rgba(41,38,55,.13);--muted:#726f82;--text:#252238;--orange:#b62d3c;--orange2:#d94a59}
html[data-skg-theme="light"] body{background:radial-gradient(ellipse at 10% 0%,rgba(203,190,255,.24),transparent 42%),linear-gradient(145deg,#f4f6fc 0%,#e9eefb 53%,#f7f8fc 100%)!important;color:#29263c!important}
html[data-skg-theme="light"] #loginView,html[data-skg-theme="light"] #appView{background:transparent!important;color:#29263c!important}
html[data-skg-theme="light"] .noise{opacity:.012!important}
html[data-skg-theme="light"] .ambient-a{background:#aaa0ee!important;opacity:.07!important}
html[data-skg-theme="light"] .ambient-b{background:#f0bcce!important;opacity:.055!important}
html[data-skg-theme="light"] .site-moon{left:-190px!important;top:5vh!important;opacity:1!important;background:radial-gradient(circle at 32% 27%,#fffbd9 0%,#ffe895 31%,#ffcd57 69%,#f1a72e 100%)!important;border:1px solid rgba(233,173,57,.3)!important;box-shadow:0 0 0 12px rgba(255,218,113,.13),0 0 0 28px rgba(255,218,113,.09),0 0 45px rgba(255,196,67,.25),inset -7px -6px 12px rgba(202,132,28,.13),inset 5px 4px 10px rgba(255,255,255,.7)!important;animation:skg-moon-drift-v25 72s linear infinite!important}
html[data-skg-theme="light"] .site-moon:after{display:none!important}
html[data-skg-theme="light"] .moon-crater{display:none!important}
html[data-skg-theme="light"] #atmosphereCanvas,html[data-skg-theme="light"] #dashboardWeatherCanvas,html[data-skg-theme="light"] .dashboard-weather-canvas,html[data-skg-theme="light"] .dashboard-bolt,html[data-skg-theme="light"] .dashboard-storm-flash{display:none!important;visibility:hidden!important;opacity:0!important}
.global-birds-layer{display:none;position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none}
html[data-skg-theme="light"] .global-birds-layer{display:block}
.theme-bird{position:absolute;left:-70px;width:clamp(24px,3vw,46px);height:auto;opacity:.56;animation:skg-bird-flight 25s linear infinite;filter:drop-shadow(0 1px 1px rgba(52,61,91,.08))}
.theme-bird svg{display:block;width:100%;height:auto;overflow:visible}
.theme-bird path{fill:none;stroke:#59627f;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.theme-bird-one{top:15%;animation-duration:34s;animation-delay:-19s;transform:scale(.9)}
.theme-bird-two{top:24%;animation-duration:27s;animation-delay:-7s;transform:scale(.65)}
.theme-bird-three{top:10%;animation-duration:39s;animation-delay:-31s;transform:scale(.8)}
.theme-bird-four{top:35%;animation-duration:31s;animation-delay:-14s;transform:scale(.55)}
@keyframes skg-bird-flight{0%{translate:0 0;rotate:0deg}20%{translate:24vw -9px;rotate:-2deg}48%{translate:52vw 4px;rotate:2deg}75%{translate:80vw -11px;rotate:-1deg}100%{translate:calc(100vw + 140px) 0;rotate:0deg}}
@media(prefers-reduced-motion:reduce){html[data-skg-theme="light"] .site-moon,.theme-bird{animation:none!important}.theme-bird{display:none!important}}

/* Login view — retain the original layout, monitor, character and sign-in behavior. */
html[data-skg-theme="light"] .brand-header{background:rgba(248,249,254,.9)!important;border-bottom-color:#d9ddec!important}
html[data-skg-theme="light"] .brand,html[data-skg-theme="light"] .brand-wordmark b,html[data-skg-theme="light"] .app-brand b{color:#29263c!important}
html[data-skg-theme="light"] .brand-wordmark small,html[data-skg-theme="light"] .app-brand small,html[data-skg-theme="light"] .header-note{color:#77738a!important}
html[data-skg-theme="light"] #loginView .landing-monitor-bezel{background:rgba(250,251,255,.78)!important;border-color:#cfd3e7!important;box-shadow:0 18px 42px rgba(65,64,111,.10),inset 0 1px #fff!important}
html[data-skg-theme="light"] #loginView .landing-monitor-screen{background:linear-gradient(145deg,#f2f1ff,#ffffff 53%,#eaf2ff)!important;border-color:#d3d5eb!important;box-shadow:inset 0 0 44px rgba(138,120,204,.06)!important;color:#29263c!important}
html[data-skg-theme="light"] #loginView .landing-copy,html[data-skg-theme="light"] #loginView h1,html[data-skg-theme="light"] #loginView label{color:#29263c!important}
html[data-skg-theme="light"] .manifesto,html[data-skg-theme="light"] .manifesto strong{color:#655f79!important}
html[data-skg-theme="light"] .gradient-text{background:linear-gradient(100deg,#7b56d9,#b35ed8 62%,#8054d5)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
html[data-skg-theme="light"] .orange-text{color:#b72b3b!important}
html[data-skg-theme="light"] #loginView .login-card{background:rgba(255,255,255,.9)!important;border-color:#d8d9ec!important;color:#29263c!important;box-shadow:0 18px 46px rgba(60,58,99,.1)!important}
html[data-skg-theme="light"] #loginView .input-shell{background:#f8f9ff!important;border-color:#d6d8e9!important;color:#29263c!important}
html[data-skg-theme="light"] #loginView .input-shell input{background:transparent!important;color:#29263c!important}
html[data-skg-theme="light"] #loginView .input-shell input::placeholder{color:#9290a8!important}
html[data-skg-theme="light"] #loginView .primary-button{background:linear-gradient(110deg,#6848d5,#9365e7)!important;border-color:#8061db!important;color:#fff!important;box-shadow:0 6px 18px rgba(105,72,213,.18)!important}
html[data-skg-theme="light"] .header-note .live-dot{background:#198c73!important}

/* Signed-in app — palette-only overrides for the original navigation and existing cards. */
html[data-skg-theme="light"] .app-header{background:rgba(249,250,255,.94)!important;border-bottom:1px solid #d9dced!important;box-shadow:0 2px 12px rgba(44,46,82,.045)!important}
html[data-skg-theme="light"] .app-shell{background:#edf1fa!important}
html[data-skg-theme="light"] .sidebar{background:#f8f9fe!important;border-color:#d9ddec!important;box-shadow:4px 0 22px rgba(47,48,88,.035)!important}
html[data-skg-theme="light"] .sidebar-label,html[data-skg-theme="light"] .sidebar-version{color:#85819a!important}
html[data-skg-theme="light"] .nav-tab{background:#f0f2fa!important;color:#66627d!important;border-color:#e1e3f0!important}
html[data-skg-theme="light"] .nav-tab:hover{background:#e9e8fb!important;color:#6d4bd1!important;border-color:#d7cef9!important}
html[data-skg-theme="light"] .nav-tab.active{background:linear-gradient(100deg,#e7ddff,#f5edff)!important;border-color:#d4c4fb!important;box-shadow:inset 3px 0 #8058dc,0 5px 15px rgba(107,82,191,.07)!important;color:#6f4acb!important}
html[data-skg-theme="light"] .nav-icon{background:#fff!important;color:#7956d5!important;border-color:#e2ddf5!important}
html[data-skg-theme="light"] .sidebar-card{background:linear-gradient(145deg,#f0eaff,#fff)!important;border-color:#ddd4f7!important}
html[data-skg-theme="light"] .sidebar-card>b{color:#332c4b!important}
html[data-skg-theme="light"] .sidebar-card p{color:#79738e!important}
html[data-skg-theme="light"] .main-content-wrap,html[data-skg-theme="light"] .app-content{background:transparent!important}
html[data-skg-theme="light"] .page-heading h1,html[data-skg-theme="light"] .page-heading h2,html[data-skg-theme="light"] .page-heading h3{color:#29263c!important}
html[data-skg-theme="light"] .page-heading p,html[data-skg-theme="light"] .mini-tag{color:#77728d!important}
html[data-skg-theme="light"] .section-overline{color:#7652cf!important}
html[data-skg-theme="light"] .subpanel,html[data-skg-theme="light"] .panel,html[data-skg-theme="light"] .welcome-panel,html[data-skg-theme="light"] .profile-panel,html[data-skg-theme="light"] .stat-card,html[data-skg-theme="light"] .task-card,html[data-skg-theme="light"] .earn-banner,html[data-skg-theme="light"] .wheel-card,html[data-skg-theme="light"] .wheel-info-card,html[data-skg-theme="light"] .tournament-card,html[data-skg-theme="light"] .shop-card,html[data-skg-theme="light"] .side-shop-panel,html[data-skg-theme="light"] .notification-card,html[data-skg-theme="light"] .settings-card,html[data-skg-theme="light"] .duo-radar-card,html[data-skg-theme="light"] .duo-info-card,html[data-skg-theme="light"] .duo-how-card,html[data-skg-theme="light"] .profile-overview-card,html[data-skg-theme="light"] .player-directory-card,html[data-skg-theme="light"] .tier-build-panel,html[data-skg-theme="light"] .tier-champion-card,html[data-skg-theme="light"] .onboarding-shell,html[data-skg-theme="light"] .tournament-panel,html[data-skg-theme="light"] .players-error,html[data-skg-theme="light"] .players-tools,html[data-skg-theme="light"] .tier-search-wrap,html[data-skg-theme="light"] .activity-item,html[data-skg-theme="light"] .announcement-strip,html[data-skg-theme="light"] .referral-panel,html[data-skg-theme="light"] .player-directory-empty{background:linear-gradient(145deg,#fff 0%,#f8f9ff 100%)!important;color:#302c44!important;border-color:#dfe1ef!important;box-shadow:0 11px 30px rgba(55,51,98,.055)!important}
html[data-skg-theme="light"] .welcome-panel{background:radial-gradient(ellipse at 82% 15%,rgba(202,178,255,.23),transparent 46%),linear-gradient(120deg,#eee6ff,#fff 75%)!important;border-color:#d9caf7!important}
html[data-skg-theme="light"] .welcome-panel h2,html[data-skg-theme="light"] .welcome-panel h3,html[data-skg-theme="light"] .stat-number,html[data-skg-theme="light"] .activity-copy b,html[data-skg-theme="light"] .player-directory-card h3,html[data-skg-theme="light"] .duo-player-request-card b,html[data-skg-theme="light"] .social-friend-card h3,html[data-skg-theme="light"] .thread-header b{color:#29263c!important}
html[data-skg-theme="light"] .welcome-panel p,html[data-skg-theme="light"] .stat-label,html[data-skg-theme="light"] .activity-copy small,html[data-skg-theme="light"] .player-card-details>div,html[data-skg-theme="light"] .player-card-details>div b{color:#77728d!important}
html[data-skg-theme="light"] .stat-icon,html[data-skg-theme="light"] .activity-badge,html[data-skg-theme="light"] .task-icon{background:#eee8ff!important;border-color:#e1d7fb!important;color:#7a56d6!important}
html[data-skg-theme="light"] .player-card-details>div{background:#f5f5fc!important;border-color:#e1e2f0!important}
html[data-skg-theme="light"] .global-search input,html[data-skg-theme="light"] input,html[data-skg-theme="light"] textarea,html[data-skg-theme="light"] select{background:#fff!important;color:#2c2940!important;border-color:#d6d8e9!important}
html[data-skg-theme="light"] input::placeholder,html[data-skg-theme="light"] textarea::placeholder{color:#918da6!important}
html[data-skg-theme="light"] .profile-dropdown,html[data-skg-theme="light"] .language-menu{background:#fff!important;border-color:#dfe0ee!important;box-shadow:0 15px 35px rgba(43,40,83,.14)!important;color:#302c44!important}
html[data-skg-theme="light"] .profile-dropdown button,html[data-skg-theme="light"] .language-menu button{color:#5e5879!important}
html[data-skg-theme="light"] .profile-dropdown button:hover,html[data-skg-theme="light"] .language-menu button:hover{background:#f0eaff!important;color:#704bd0!important}
html[data-skg-theme="light"] .wallet-mini{background:#fff!important;border-color:#dedff0!important;color:#2f2a48!important}
html[data-skg-theme="light"] .wallet-mini small{color:#827c9a!important}
html[data-skg-theme="light"] .header-avatar-button{background:#fff!important;border-color:#d9dced!important}
html[data-skg-theme="light"] .app-header .language-trigger{background:#fff!important;color:#6c4cbe!important;border-color:#dcd5f1!important}
html[data-skg-theme="light"] .app-header .language-caret{color:#8058d6!important}
html[data-skg-theme="light"] .theme-trigger{background:#fff!important;border-color:#dadced!important;color:#39344f!important;box-shadow:0 3px 10px rgba(46,43,82,.05)!important}
html[data-skg-theme="light"] .theme-trigger:hover{background:#f1edff!important;border-color:#c8b7f1!important}
html[data-skg-theme="light"] .theme-icon{color:#d59420!important}
html[data-skg-theme="light"] .theme-menu{background:#fff!important;border-color:#dcddec!important;box-shadow:0 15px 35px rgba(43,40,83,.14)!important}
html[data-skg-theme="light"] .theme-option{color:#39344f!important}
html[data-skg-theme="light"] .theme-option:hover,html[data-skg-theme="light"] .theme-option[aria-checked="true"]{background:#f1edff!important;color:#6847c5!important}
html[data-skg-theme="light"] .theme-option[aria-checked="true"]{box-shadow:inset 2px 0 #8058dc!important}
html[data-skg-theme="light"] #appView .primary-button,html[data-skg-theme="light"] #appView .academy-view-members,html[data-skg-theme="light"] #appView .academy-gate-submit{background:linear-gradient(110deg,#6848d5,#9365e7)!important;border-color:#8061db!important;color:#fff!important;box-shadow:0 5px 16px rgba(105,72,213,.16)!important}
html[data-skg-theme="light"] #appView .secondary-button{background:#fff!important;border-color:#d9daeb!important;color:#514a6d!important}
html[data-skg-theme="light"] .progress-track{background:#e6e7f2!important}
html[data-skg-theme="light"] .progress-fill{background:linear-gradient(90deg,#a88bfb,#7651d4)!important;box-shadow:0 0 10px rgba(121,82,216,.13)!important}

/* SKG Academy / View Members: preserve the original transition and card geometry in both themes. */
html[data-skg-theme="light"] .academy-drop-card{background:linear-gradient(135deg,#fff 0%,#f6f3ff 100%)!important;border-color:#d9d1ee!important;box-shadow:0 20px 58px rgba(58,47,96,.12)!important}
html[data-skg-theme="light"] .academy-drop-illustration{background:#f0ebff!important;border-right-color:#ded6f2!important}
html[data-skg-theme="light"] .academy-illustration-ring{border-color:rgba(116,82,206,.18)!important}
html[data-skg-theme="light"] .academy-illustration-caption,html[data-skg-theme="light"] .academy-overline,html[data-skg-theme="light"] .academy-drop-note{color:#7754c8!important}
html[data-skg-theme="light"] .academy-drop-copy h2,html[data-skg-theme="light"] .academy-members-window>h2{color:#29263c!important}
html[data-skg-theme="light"] .academy-drop-copy h2 em,html[data-skg-theme="light"] .academy-members-window>h2 em{color:#7954d4!important}
html[data-skg-theme="light"] .academy-typed-text,html[data-skg-theme="light"] .academy-drop-copy p,html[data-skg-theme="light"] .academy-members-intro,html[data-skg-theme="light"] .academy-member-blurb{color:#77728d!important}
html[data-skg-theme="light"] .academy-drop-actions{border-color:#e0dced!important}
html[data-skg-theme="light"] .academy-view-members{background:#eee8ff!important;border-color:#d8cff4!important;color:#6545c0!important;box-shadow:none!important}
html[data-skg-theme="light"] .academy-members-overlay{background:rgba(33,27,52,.35)!important}
html[data-skg-theme="light"] .academy-members-backdrop{background:rgba(33,27,52,.28)!important;backdrop-filter:blur(8px)!important}
html[data-skg-theme="light"] .academy-members-window{background:#fafaff!important;border-color:#dbd8ec!important;color:#29263c!important;box-shadow:0 30px 90px rgba(42,35,78,.22)!important}
html[data-skg-theme="light"] .academy-members-window:before{background:linear-gradient(140deg,rgba(139,110,228,.1),transparent 48%)!important}
html[data-skg-theme="light"] .academy-members-close{background:#fff!important;color:#403957!important;border-color:#dedbed!important}
html[data-skg-theme="light"] .academy-members-kicker{color:#7652cf!important}
html[data-skg-theme="light"] .academy-members-kicker i{background:#8058dc!important}
html[data-skg-theme="light"] .academy-member-feature,html[data-skg-theme="light"] .academy-member-role{background:#fff!important;color:#29263c!important;border-color:#dedbed!important}
html[data-skg-theme="light"] .academy-member-feature h3{color:#29263c!important}
html[data-skg-theme="light"] .academy-member-avatar{background:#eee9ff!important;color:#38314f!important;border-color:#ded4fa!important;box-shadow:0 0 0 7px #f5f2ff!important}
html[data-skg-theme="light"] .academy-profile-link{background:#f0eaff!important;color:#6545c0!important;border-color:#d9cef6!important}
html[data-skg-theme="light"] .academy-opgg-row{border-color:#e1ddec!important;color:#7a7590!important}
html[data-skg-theme="light"] .academy-opgg-row a,html[data-skg-theme="light"] .academy-back-button{color:#7853d2!important}
html[data-skg-theme="light"] .academy-members-footer{color:#8a85a0!important}
html[data-skg-theme="light"] .academy-lightning path{stroke:#8a65de!important;filter:none!important}
html[data-skg-theme="light"] .academy-members-overlay.is-opening:after{background:#faf8ff!important}
html[data-skg-theme="light"] .player-rank-emblem{background:radial-gradient(circle,rgba(151,86,255,.12),rgba(240,234,255,.68) 46%,rgba(255,255,255,.05) 71%)!important;box-shadow:0 0 31px rgba(136,81,255,.12),inset 0 0 20px rgba(202,153,255,.12)!important}
html[data-skg-theme="light"] .master-rank-logo{filter:drop-shadow(0 0 7px rgba(113,79,196,.36)) drop-shadow(0 5px 12px rgba(53,40,89,.13))!important}


/* V40 — light-theme purple polish, persistent sun/birds, and Academy profile cards. */
html[data-skg-theme="light"] {
  --orange: #7850d8 !important;
  --orange2: #a079f2 !important;
}
html[data-skg-theme="light"] body {
  background:
    radial-gradient(ellipse at 13% 0%, rgba(177,143,255,.34), transparent 44%),
    radial-gradient(ellipse at 88% 18%, rgba(205,183,255,.23), transparent 36%),
    linear-gradient(135deg, #f8f4ff 0%, #eee8ff 48%, #f7f4ff 100%) !important;
}
html[data-skg-theme="light"] .site-moon {
  left: auto !important;
  right: 5.5vw !important;
  top: 1.2vh !important;
  width: clamp(92px, 10vw, 142px) !important;
  height: clamp(92px, 10vw, 142px) !important;
  opacity: 1 !important;
  background: radial-gradient(circle at 32% 27%, #fffde0 0%, #ffe98d 31%, #ffcc53 69%, #f1a62d 100%) !important;
  border: 1px solid rgba(233,173,57,.35) !important;
  box-shadow: 0 0 0 12px rgba(255,218,113,.14), 0 0 0 28px rgba(255,218,113,.09), 0 0 45px rgba(255,196,67,.28), inset -7px -6px 12px rgba(202,132,28,.13), inset 5px 4px 10px rgba(255,255,255,.7) !important;
  animation: skg-light-sun-float 8s ease-in-out infinite !important;
  z-index: 1 !important;
}
@keyframes skg-light-sun-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(9px); }
}
html[data-skg-theme="light"] .site-moon:after,
html[data-skg-theme="light"] .moon-crater { display: none !important; }
.global-birds-layer { z-index: 2 !important; }
html[data-skg-theme="light"] .global-birds-layer { display: block !important; visibility: visible !important; opacity: 1 !important; }
.theme-bird { opacity: .82 !important; width: clamp(30px, 3.6vw, 52px) !important; filter: drop-shadow(0 2px 2px rgba(70,49,133,.2)) !important; }
.theme-bird path { stroke: #6550a7 !important; stroke-width: 3.1 !important; }
.theme-bird-five { top: 29%; animation-duration: 29s; animation-delay: -22s; transform: scale(.72); }
.theme-bird-six { top: 44%; animation-duration: 37s; animation-delay: -9s; transform: scale(.58); }
html[data-skg-theme="light"] .theme-trigger:hover,
html[data-skg-theme="light"] .theme-option:hover,
html[data-skg-theme="light"] .theme-option[aria-checked="true"] {
  background: #eee6ff !important; border-color: #bda7f4 !important; color: #7146cf !important;
}
html[data-skg-theme="light"] .theme-option[aria-checked="true"] { box-shadow: inset 3px 0 #8058dc !important; }
html[data-skg-theme="light"] .theme-trigger {
  background: linear-gradient(110deg, #704bd0, #956de8) !important;
  border-color: #7954d4 !important;
  color: #fff !important;
  box-shadow: 0 5px 16px rgba(111,72,201,.22) !important;
}
html[data-skg-theme="light"] .theme-trigger .theme-icon { color: #fff1a8 !important; }
html[data-skg-theme="light"] .nav-tab.active,
html[data-skg-theme="light"] .academy-role-tab.active {
  background: linear-gradient(120deg, #8058dc, #a07bee) !important;
  border-color: #7954d4 !important;
  color: #fff !important;
}
html[data-skg-theme="light"] .academy-card-link {
  background: linear-gradient(110deg, #704bd0, #956de8) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  text-decoration: none !important;
  box-shadow: 0 6px 18px rgba(111,72,201,.24) !important;
}
html[data-skg-theme="light"] .academy-card-link:hover { filter: brightness(1.09); transform: translateY(-1px); }
.academy-card-link {
  position: relative; z-index: 5; cursor: pointer; text-decoration: none;
  display: inline-flex; align-items: center; justify-content: center; text-align: center;
  max-width: 100%; line-height: 1.35; overflow-wrap: anywhere; transition: transform .18s, filter .18s;
}
.academy-card-link:hover { filter: brightness(1.12); transform: translateY(-1px); text-decoration: none; }
.academy-flip-card[role="button"]:focus-visible { outline: 2px solid #b88bff; outline-offset: 5px; border-radius: 14px; }
.academy-top-grid { max-width: 390px; grid-template-columns: minmax(0, 350px); justify-content: center; }
.academy-card-art-grandmaster { background: radial-gradient(ellipse at 50% 42%, #e95c58 0%, #8d1b2d 25%, #39202f 52%, #13131b 78%) !important; border-color: #ffbd79 !important; }
.academy-card-art-grandmaster:before { border-color: rgba(255,200,117,.72) !important; }
.grandmaster-rank-logo { display: block; position: relative; width: 94%; height: 94%; object-fit: contain; filter: drop-shadow(0 0 8px rgba(236,57,74,.72)) drop-shadow(0 5px 12px rgba(0,0,0,.42)); pointer-events: none; user-select: none; }
.academy-card-name-grandmaster { font-size: clamp(15px, 2vw, 23px); letter-spacing: .055em; text-align: center; white-space: nowrap; }
@media (prefers-reduced-motion: reduce) {
  html[data-skg-theme="light"] .site-moon { animation: none !important; }
  html[data-skg-theme="light"] .theme-bird { animation: none !important; display: block !important; }
}


/* V41 — accessible SKG rank-card controls and clear OP.GG actions */
.academy-card-flip-button {
  position: relative;
  z-index: 4;
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 34px;
  margin: 10px 0 0;
  padding: 9px 8px;
  border: 1px solid #f0c78e;
  border-radius: 5px;
  background: linear-gradient(115deg, #a9273a, #671b28);
  color: #fff7e9;
  font: 900 10px/1.2 "DM Sans", sans-serif;
  letter-spacing: .09em;
  text-align: center;
  cursor: pointer;
  pointer-events: auto;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
.academy-card-flip-button:hover {
  transform: translateY(-1px);
  filter: brightness(1.12);
  box-shadow: 0 5px 15px #0004;
}
.academy-card-flip-button:focus-visible,
.academy-card-link:focus-visible {
  outline: 3px solid #c6a4ff;
  outline-offset: 3px;
}
.academy-flip-back .academy-card-link {
  margin-top: 18px;
  position: relative;
  z-index: 4;
  pointer-events: auto;
}
.academy-card-flip-back-button {
  margin-top: 12px;
  background: #24151b;
  border-color: #cf7882;
}
.academy-flip-card.is-flipped .academy-flip-back { pointer-events: auto; }
.academy-flip-card:not(.is-flipped) .academy-flip-front { pointer-events: auto; }
.academy-flip-card:not(.is-flipped) .academy-flip-back { pointer-events: none; }
.academy-flip-card.is-flipped .academy-flip-front { pointer-events: none; }
html[data-skg-theme="light"] .academy-card-flip-button {
  background: linear-gradient(110deg, #704bd0, #956de8);
  border-color: #8058dc;
  color: #fff;
  box-shadow: 0 4px 12px rgba(111,72,201,.2);
}
html[data-skg-theme="light"] .academy-card-flip-back-button {
  background: #eee6ff;
  color: #7146cf;
  border-color: #bda7f4;
}
@media(max-width:600px) {
  .academy-card-flip-button { min-height: 31px; font-size: 8px; padding: 7px 4px; letter-spacing: .05em; }
}

/* V42 — make the light-theme sun/birds visible and add Book Games styling. */
html[data-skg-theme="light"] .site-moon {
  left: auto !important; right: clamp(24px, 5.5vw, 100px) !important;
  top: 18px !important; width: clamp(96px, 10vw, 148px) !important;
  height: clamp(96px, 10vw, 148px) !important; opacity: 1 !important;
  display: block !important; visibility: visible !important;
  z-index: 1 !important; pointer-events: none !important;
  background: radial-gradient(circle at 32% 27%, #fffde2 0%, #ffe991 32%, #ffcf57 70%, #f1a42e 100%) !important;
  box-shadow: 0 0 0 12px rgba(255,218,113,.17), 0 0 0 27px rgba(255,218,113,.10), 0 0 48px rgba(255,196,67,.32), inset -7px -6px 12px rgba(202,132,28,.12), inset 5px 4px 10px rgba(255,255,255,.7) !important;
  animation: skg-light-sun-float 8s ease-in-out infinite !important;
}
html[data-skg-theme="light"] .global-birds-layer {
  display: block !important; visibility: visible !important; opacity: 1 !important;
  z-index: 2 !important; overflow: hidden !important; pointer-events: none !important;
}
html[data-skg-theme="light"] .theme-bird {
  display: block !important; visibility: visible !important; opacity: .9 !important;
  color: #6650a9 !important; filter: drop-shadow(0 2px 2px rgba(70,49,133,.22)) !important;
}
html[data-skg-theme="light"] .theme-bird svg { overflow: visible !important; }
html[data-skg-theme="light"] .theme-bird path { stroke: #6650a9 !important; stroke-width: 3.1 !important; fill: none !important; }
html[data-skg-theme="light"] .theme-trigger,
html[data-skg-theme="light"] .theme-option[data-theme-option="light"] {
  background: linear-gradient(115deg, #704bd0, #a17bea) !important;
  color: #fff !important; border-color: #7954d4 !important;
}
html[data-skg-theme="light"] .theme-trigger .theme-icon { color: #fff1a8 !important; }
.book-games-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(270px,.85fr); gap:18px; align-items:start; }
.book-games-main,.book-games-side { min-width:0; display:grid; gap:18px; }
.book-games-compose,.book-games-inbox,.book-games-how,.book-games-posts-section { padding:clamp(15px,2vw,22px); }
.book-games-form { display:grid; gap:13px; margin-top:16px; }
.book-games-form label { display:grid; gap:7px; color:var(--text,#f6f3fb); font-size:12px; font-weight:700; }
.book-games-form input,.book-games-form select,.book-games-form textarea { width:100%; min-width:0; padding:12px 13px; border:1px solid var(--line,rgba(255,255,255,.12)); border-radius:9px; background:var(--panel-2,#17141e); color:var(--text,#f6f3fb); font:500 13px/1.45 "DM Sans",sans-serif; }
.book-games-form input:focus,.book-games-form select:focus,.book-games-form textarea:focus { outline:2px solid rgba(151,105,242,.65); outline-offset:1px; }
.book-games-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.book-games-form small { color:var(--muted,#a49bad); font-size:10px; line-height:1.6; }
.book-games-post-list,.book-game-request-list { display:grid; gap:12px; margin-top:15px; }
.book-game-post,.book-game-request { min-width:0; padding:16px; border:1px solid var(--line,rgba(255,255,255,.12)); border-radius:13px; background:var(--card,rgba(255,255,255,.025)); }
.book-game-post-head,.book-game-post-footer,.book-game-request-actions { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.book-game-post h3,.book-game-request h3 { margin:4px 0 0; overflow-wrap:anywhere; }
.book-game-kicker { color:var(--orange,#d77b91); font:800 9px/1.4 "DM Sans",sans-serif; letter-spacing:.12em; }
.book-game-count { display:inline-flex; align-items:center; justify-content:center; padding:6px 9px; border:1px solid rgba(151,105,242,.35); border-radius:999px; color:var(--orange,#d77b91); font-size:10px; font-weight:800; white-space:nowrap; }
.book-game-details { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:16px 0 12px; }
.book-game-details div { min-width:0; display:grid; gap:5px; padding:10px; border-radius:8px; background:rgba(135,100,190,.07); }
.book-game-details small { color:var(--muted,#a49bad); font-size:8px; font-weight:800; letter-spacing:.08em; }
.book-game-details b { font-size:11px; overflow-wrap:anywhere; }
.book-game-notes { color:var(--muted,#a49bad); font-size:12px; line-height:1.55; }
.book-game-post-footer { padding-top:12px; border-top:1px solid var(--line,rgba(255,255,255,.12)); }
.book-game-post-footer small,.book-game-request small { color:var(--muted,#a49bad); font-size:10px; }
.book-game-post-footer button,.book-game-request-actions button { flex:0 0 auto; font-size:10px; padding:10px 12px; }
.book-game-request p,.book-games-inbox>p { color:var(--muted,#a49bad); font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.book-game-request-actions { justify-content:flex-start; margin-top:12px; }
.book-games-how { display:grid; gap:13px; }
.book-games-how>div:not(.section-overline) { display:flex; align-items:flex-start; gap:11px; font-size:12px; line-height:1.5; }
.book-games-how>div b { color:var(--orange,#d77b91); font-size:11px; }
.book-games-empty,.book-games-error { padding:16px; border:1px dashed var(--line,rgba(255,255,255,.16)); border-radius:10px; color:var(--muted,#a49bad); font-size:12px; line-height:1.6; }
.book-games-error { margin:0 0 16px; border-color:rgba(220,90,110,.4); }
.book-games-error b { color:#e18a9a; font-size:11px; }
html[data-skg-theme="light"] .book-game-post, html[data-skg-theme="light"] .book-game-request { background:rgba(255,255,255,.8); border-color:#ded4f5; box-shadow:0 8px 24px rgba(91,65,160,.07); color:#27203f; }
html[data-skg-theme="light"] .book-games-form label { color:#30264a; }
html[data-skg-theme="light"] .book-games-form input, html[data-skg-theme="light"] .book-games-form select, html[data-skg-theme="light"] .book-games-form textarea { background:#fff; color:#28203f; border-color:#d8ccef; }
html[data-skg-theme="light"] .book-game-details div { background:#f2edff; }
html[data-skg-theme="light"] .book-game-details b { color:#30264a; }
html[data-skg-theme="light"] .book-game-kicker, html[data-skg-theme="light"] .book-game-count { color:#7146cf; }
html[data-skg-theme="light"] .book-games-empty { color:#69607f; border-color:#d8ccef; }
@media(max-width:850px) { .book-games-layout { grid-template-columns:1fr; } .book-games-side { grid-template-columns:1fr; } }
@media(max-width:540px) { .book-games-form-grid,.book-game-details { grid-template-columns:1fr; } .book-game-post-footer,.book-game-post-head { align-items:flex-start; flex-direction:column; } .book-game-post-footer button { width:100%; } .book-game-request-actions { flex-wrap:wrap; } }

/* SKG Book Games request and private chat overlays */
.book-games-dialog-backdrop{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:20px;background:rgba(8,6,17,.76);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.book-games-dialog{position:relative;width:min(100%,520px);max-height:min(88vh,820px);overflow:auto;padding:clamp(22px,4vw,34px);border:1px solid rgba(169,130,255,.38);border-radius:22px;background:linear-gradient(145deg,rgba(35,26,55,.98),rgba(15,13,25,.99));color:#f7f2ff;box-shadow:0 30px 100px rgba(0,0,0,.55),0 0 40px rgba(139,92,246,.12)}
.book-games-dialog h2{margin:8px 35px 8px 0;font-size:clamp(26px,4vw,36px);line-height:1.08;letter-spacing:-.035em}
.book-games-dialog-intro{color:#bcb2cf;font-size:13px;line-height:1.7;margin:10px 0 20px}
.book-games-dialog-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.06);color:#fff;font-size:26px;cursor:pointer}
.book-games-dialog .book-games-form{margin-top:18px}
.book-games-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}
.book-games-dialog-actions button{min-height:44px}
.book-games-chat-dialog{width:min(100%,650px)}
.book-games-chat-messages{height:min(44vh,390px);min-height:190px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(0,0,0,.18)}
.book-games-chat-bubble{max-width:84%;padding:10px 13px;border:1px solid rgba(255,255,255,.1);border-radius:14px 14px 14px 4px;background:rgba(255,255,255,.06);overflow-wrap:anywhere}
.book-games-chat-bubble.mine{align-self:flex-end;border-color:rgba(158,112,255,.38);border-radius:14px 14px 4px 14px;background:rgba(130,83,230,.2)}
.book-games-chat-bubble p{margin:0 0 6px;font-size:13px;line-height:1.55;white-space:pre-wrap}
.book-games-chat-bubble small{font-size:9px;letter-spacing:.05em;color:#b9adcd}
.book-games-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:12px}
.book-games-chat-form input{min-width:0;padding:13px 14px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.06);color:#fff;font:500 13px "DM Sans",sans-serif}
.book-games-chat-form button{white-space:nowrap}
html[data-skg-theme="light"] .book-games-dialog{background:linear-gradient(145deg,#fff,#f5f0ff);color:#2d2346;box-shadow:0 30px 100px rgba(40,22,80,.25)}
html[data-skg-theme="light"] .book-games-dialog-intro{color:#716582}
html[data-skg-theme="light"] .book-games-dialog-close{color:#30234b;border-color:#e3d8f8;background:#f5f0ff}
html[data-skg-theme="light"] .book-games-chat-messages{background:#f9f7ff;border-color:#e6dcf8}
html[data-skg-theme="light"] .book-games-chat-bubble{background:#fff;border-color:#e6dcf8}
html[data-skg-theme="light"] .book-games-chat-bubble.mine{background:#eee5ff;border-color:#cdb8ff}
html[data-skg-theme="light"] .book-games-chat-bubble small{color:#75668d}
html[data-skg-theme="light"] .book-games-chat-form input{background:#fff;border-color:#ded2f4;color:#2d2346}
@media(max-width:520px){.book-games-dialog-backdrop{padding:10px}.book-games-dialog{border-radius:17px}.book-games-dialog-actions{flex-direction:column-reverse}.book-games-dialog-actions button{width:100%}.book-games-chat-form{grid-template-columns:1fr}.book-games-chat-form button{width:100%}}

/* V44 Book Games notifications and booking cancellation */
.book-game-post-footer [data-action="bookgames-cancel-post"] { border-color: rgba(255,100,120,.45); color: #ff9cac; }
.book-game-post:has(.book-game-post-footer [data-action="bookgames-cancel-post"]) { border-color: rgba(150,120,255,.32); }
.nav-chevron.has-notifications { display:inline-flex; min-width:22px; height:22px; align-items:center; justify-content:center; border-radius:999px; background:#ff5578; color:#fff; font-weight:800; box-shadow:0 0 0 3px rgba(255,85,120,.12); }
.dashboard-booking-notice { display:flex; align-items:center; gap:18px; margin-top:18px; padding:20px; }
.dashboard-booking-notice > div:first-child { flex:1; }
.dashboard-booking-notice h3 { margin:5px 0; }
.dashboard-booking-notice p { margin:0; color:var(--muted,#a49bad); }
.dashboard-booking-count { display:grid; place-items:center; width:48px; height:48px; flex:0 0 48px; border-radius:14px; background:rgba(145,105,255,.16); border:1px solid rgba(145,105,255,.35); color:var(--text,#fff); font-size:22px; font-weight:800; }
@media(max-width:600px) { .dashboard-booking-notice { align-items:flex-start; flex-wrap:wrap; } .dashboard-booking-notice > div:first-child { flex-basis:calc(100% - 70px); } .dashboard-booking-notice .primary-button { width:100%; } }

/* V45: persistent Book Games inbox + dashboard alerts. */
.book-games-chat-inbox{margin-top:22px;padding-top:18px;border-top:1px solid rgba(185,154,255,.19)}
.book-games-chat-inbox>.panel-title-row{margin-bottom:12px}
.book-games-chat-list{display:flex;flex-direction:column;gap:10px}
.book-game-chat-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid rgba(176,135,255,.22);border-radius:15px;background:linear-gradient(120deg,rgba(126,76,222,.11),rgba(255,255,255,.025));}
.book-game-chat-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#bb9aff,#6734c7);color:#fff;font-weight:900;font-size:17px;box-shadow:0 5px 22px rgba(119,71,224,.28)}
.book-game-chat-copy{min-width:0}
.book-game-chat-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.book-game-chat-name h4{margin:0;font-size:13px;font-weight:800;color:var(--text-primary,#fff)}
.book-game-chat-copy p{margin:4px 0;color:var(--text-secondary,#a9a2b9);font-size:11px}
.book-game-chat-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary,#a9a2b9);font-size:10px;max-width:100%}
.book-game-chat-unread{font-size:9px;letter-spacing:.06em;font-weight:900;color:#fff;background:#e54879;padding:4px 7px;border-radius:999px;box-shadow:0 0 12px rgba(229,72,121,.22)}
.book-game-open-chat{white-space:nowrap;padding:10px 12px!important;font-size:10px!important}
html[data-skg-theme="light"] .book-game-chat-row{background:linear-gradient(120deg,#f6f0ff,#fff);border-color:#e1d3fa}
html[data-skg-theme="light"] .book-game-chat-name h4{color:#2b1d40}
html[data-skg-theme="light"] .book-game-chat-copy p,html[data-skg-theme="light"] .book-game-chat-copy small{color:#77698a}
.dashboard-booking-notice{align-items:flex-start!important}
.dashboard-booking-copy{flex:1;min-width:0}
.dashboard-booking-feed{display:grid;gap:8px;margin-top:12px}
.dashboard-booking-empty{padding:10px 12px;border:1px dashed rgba(172,142,255,.24);border-radius:12px;color:var(--text-secondary,#b8b0c8);font-size:11px;line-height:1.5}
.dashboard-booking-alert{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:10px;align-items:start;padding:11px 12px;border:1px solid rgba(165,127,245,.17);border-radius:12px;background:rgba(111,69,193,.06)}
.dashboard-booking-alert.is-unread{border-color:rgba(182,140,255,.42);background:rgba(135,88,229,.105)}
.dashboard-booking-alert-dot{width:7px;height:7px;border-radius:50%;background:#9a67ff;margin-top:5px;box-shadow:0 0 12px rgba(153,102,255,.7)}
.dashboard-booking-alert-copy{min-width:0}
.dashboard-booking-alert-copy b{display:block;font-size:11px;color:var(--text-primary,#fff);margin-bottom:3px}
.dashboard-booking-alert-copy p{font-size:10px;line-height:1.45;margin:0 0 5px;color:var(--text-secondary,#b8b0c8);overflow-wrap:anywhere}
.dashboard-booking-alert-copy small{font-size:9px;color:var(--text-secondary,#9990ac)}
.dashboard-booking-open{border:0;background:transparent;color:#b99aff;font-weight:900;font-size:9px;letter-spacing:.04em;cursor:pointer;padding:5px 0 5px 5px;white-space:nowrap}
html[data-skg-theme="light"] .dashboard-booking-alert-copy b{color:#2b1d40}
html[data-skg-theme="light"] .dashboard-booking-alert-copy p,html[data-skg-theme="light"] .dashboard-booking-alert-copy small{color:#796b8e}
.notification-open-bookgame{margin-top:10px;padding:9px 12px!important;font-size:10px!important}

/* V45: glowing explanation control and SKG flying-carpet onboarding animation. */
.dashboard-minimal-heading{gap:18px}
.tounsi-explain-button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 17px;border:1px solid rgba(255,104,124,.84);border-radius:14px;color:#fff;background:linear-gradient(115deg,#32070d 0%,#d71d3c 52%,#740c22 100%);font:800 12px "DM Sans",sans-serif;letter-spacing:.02em;white-space:nowrap;cursor:pointer;box-shadow:0 0 0 1px rgba(255,65,93,.22),0 0 19px rgba(255,24,58,.52),inset 0 1px 0 rgba(255,255,255,.24);animation:tounsi-button-glow 2.4s ease-in-out infinite;transition:transform .2s ease,filter .2s ease,border-color .2s ease}
.tounsi-explain-button::before{content:"";position:absolute;inset:-4px;border-radius:17px;border:1px solid rgba(255,95,119,.62);z-index:-1;animation:tounsi-button-ring 2.4s ease-out infinite}
.tounsi-explain-button:hover{transform:translateY(-2px);filter:brightness(1.2);border-color:rgba(255,208,214,.96)}
.tounsi-explain-button:disabled{cursor:wait;filter:brightness(.9);transform:none}
.tounsi-explain-button.is-launching{animation:tounsi-launch-pulse .34s ease-in-out infinite alternate;filter:brightness(1.24)}
.tounsi-button-spark{font-size:17px;color:#ffe6a9;text-shadow:0 0 12px rgba(255,48,77,.95),0 0 20px rgba(255,48,77,.55)}
.tounsi-button-arrow{margin-left:2px;color:#ffd0d8;text-shadow:0 0 10px rgba(255,48,77,.65)}

/* V58 — animated, portfolio-style Faserli b Tounsi guide. No carpet or warrior in this flow. */
.skg-tounsi-overlay{position:fixed;inset:0;z-index:10080;display:grid;place-items:center;padding:clamp(8px,2vw,26px);overflow:hidden;isolation:isolate}
.skg-tounsi-backdrop{position:absolute;inset:0;background:rgba(4,6,12,.82);backdrop-filter:blur(14px);opacity:0;transition:opacity .45s ease}
.skg-tounsi-overlay.play .skg-tounsi-backdrop{opacity:1}
.skg-tounsi-stage{position:relative;z-index:1;display:flex;flex-direction:column;width:min(1160px,96vw);height:min(790px,92dvh);min-height:490px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:#080a10;color:#f8f8fb;box-shadow:0 38px 120px rgba(0,0,0,.66),0 0 70px rgba(148,90,255,.08);opacity:0;transform:perspective(1500px) translateY(36px) rotateX(7deg) scale(.92);transform-origin:center center;transition:opacity .52s ease,transform .78s cubic-bezier(.16,.82,.2,1)}
.skg-tounsi-overlay.play .skg-tounsi-stage{opacity:1;transform:perspective(1500px) translateY(0) rotateX(0) scale(1)}
.skg-tounsi-stage::before{position:absolute;top:0;left:0;right:0;height:3px;content:"";z-index:10;background:linear-gradient(90deg,#ff3561,#f4a84e,#a78bfa,#64e6d0,#ff3561);background-size:200% 100%;animation:skg-guide-topline 5s linear infinite}
.skg-guide-topbar{position:relative;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-height:76px;padding:14px 22px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(7,9,15,.92)}
.skg-guide-brand{display:flex;align-items:center;gap:11px;min-width:0}
.skg-guide-logo-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#ff486b,#9d1735);color:#fff;font-family:var(--display);font-weight:900;font-size:12px;letter-spacing:.04em;box-shadow:0 0 25px rgba(255,46,86,.26)}
.skg-guide-brand>span:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}
.skg-guide-brand b{font-size:10px;letter-spacing:.13em;font-weight:900;white-space:nowrap}
.skg-guide-brand small{font-size:8px;letter-spacing:.11em;color:#9ca0ad;white-space:nowrap}
.skg-guide-counter{display:flex;align-items:center;gap:9px;font-family:var(--display);font-size:10px;font-weight:800;letter-spacing:.1em;color:#989baa}
.skg-guide-counter span:first-child{font-size:17px;color:#fff}
.skg-guide-counter i{width:24px;height:1px;background:#ff4165}
.skg-tounsi-close{justify-self:end;position:relative;z-index:11;display:grid;place-items:center;width:39px;height:39px;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:rgba(255,255,255,.055);color:#fff;font-size:25px;line-height:1;cursor:pointer;transition:background .2s ease,transform .2s ease,border-color .2s ease}
.skg-tounsi-close:hover{transform:rotate(90deg);background:rgba(255,51,91,.18);border-color:rgba(255,89,121,.55)}
.skg-guide-viewport{position:relative;flex:1;min-height:0;overflow:hidden;perspective:1400px;background:#090b11}
.skg-guide-slide{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;padding:clamp(24px,4vw,54px);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(9%) scale(.975);transition:transform .65s cubic-bezier(.2,.75,.2,1),opacity .48s ease,visibility .48s;will-change:transform,opacity}
.skg-guide-slide.is-active{z-index:2;opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0) scale(1)}
.skg-guide-slide.is-before{transform:translateX(-9%) scale(.975)}
.skg-guide-slide.is-after{transform:translateX(9%) scale(.975)}
.skg-guide-slide[data-tone="dark"]{background:radial-gradient(ellipse at 82% 26%,rgba(117,69,197,.2),transparent 37%),linear-gradient(125deg,#0b0d14,#11131c 54%,#08090f)}
.skg-guide-slide[data-tone="light"]{background:#f4f3f0;color:#15151a}
.skg-guide-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:center;gap:18px}
.skg-guide-main-copy{position:relative;z-index:2;max-width:540px}
.skg-guide-kicker,.skg-guide-section-label{display:inline-flex;align-items:center;gap:9px;font-size:9px;font-weight:900;letter-spacing:.16em;color:#ff6a83}
.skg-guide-live-dot{width:6px;height:6px;border-radius:50%;background:#ff4569;box-shadow:0 0 13px #ff4569;animation:skg-guide-dot 1.5s ease-in-out infinite}
.skg-guide-main-copy h2{margin:23px 0 18px;font-family:var(--display);font-size:clamp(35px,5vw,66px);font-weight:900;line-height:.99;letter-spacing:-.055em;color:#fafaff}
.skg-guide-main-copy h2 span{color:#c49cff;text-shadow:0 0 36px rgba(174,119,255,.28)}
.skg-guide-main-copy>p{max-width:435px;margin:0;color:#b7bbc9;font-size:clamp(13px,1.35vw,16px);line-height:1.9}
.skg-guide-primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:46px;margin-top:25px;padding:0 17px;border:1px solid rgba(255,255,255,.15);border-radius:4px;background:#f6f4f0;color:#16161b;font-size:9px;font-weight:900;letter-spacing:.12em;cursor:pointer;transition:transform .24s ease,box-shadow .24s ease,background .24s ease}
.skg-guide-primary span{font-size:16px;line-height:1}
.skg-guide-primary:hover{transform:translateY(-3px);background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.22)}
.skg-guide-hero-meta{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:48px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);color:#777d8d;font-size:8px;font-weight:800;letter-spacing:.12em}
.skg-guide-hero-art{position:relative;min-height:360px;display:grid;place-items:center;isolation:isolate}
.skg-guide-orbit{position:absolute;border:1px solid rgba(181,134,255,.22);border-radius:50%;aspect-ratio:1;transform:rotate(-24deg)}
.skg-guide-orbit.orbit-one{width:min(31vw,340px);animation:skg-guide-orbit 28s linear infinite}
.skg-guide-orbit.orbit-two{width:min(25vw,270px);border-style:dashed;border-color:rgba(255,103,139,.28);animation:skg-guide-orbit 34s linear infinite reverse}
.skg-guide-orbit.orbit-three{width:min(19vw,205px);border-color:rgba(105,230,213,.2);transform:rotate(52deg)}
.skg-guide-core{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(115px,15vw,175px);aspect-ratio:1;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:radial-gradient(circle at 32% 20%,#353046,#10111a 62%);box-shadow:0 0 0 13px rgba(255,255,255,.02),0 0 65px rgba(143,85,224,.2),inset 0 0 30px rgba(255,255,255,.05);animation:skg-guide-core-float 5s ease-in-out infinite}
.skg-guide-core b{font-family:var(--display);font-size:clamp(27px,4vw,43px);letter-spacing:.02em}
.skg-guide-core small{margin-top:3px;font-size:7px;font-weight:900;letter-spacing:.22em;color:#b6a3d7}
.skg-guide-core-star{margin-bottom:5px;font-size:20px;color:#ffd078;text-shadow:0 0 16px rgba(255,190,91,.8)}
.skg-guide-float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;min-width:150px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(19,21,31,.9);box-shadow:0 16px 35px rgba(0,0,0,.27);backdrop-filter:blur(12px);animation:skg-guide-card-float 5s ease-in-out infinite}
.skg-guide-float-card i{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:rgba(174,120,255,.16);color:#d3afff;font-style:normal;font-size:18px}
.skg-guide-float-card span{display:flex;flex-direction:column;gap:4px}
.skg-guide-float-card b{font-size:9px;letter-spacing:.1em}
.skg-guide-float-card small{font-size:8px;color:#a6a9b7}
.float-card-a{top:12%;left:0;animation-delay:-.6s}.float-card-b{right:-2%;top:42%;animation-delay:-2s}.float-card-c{bottom:9%;left:8%;animation-delay:-3.1s}
.float-card-b i{background:rgba(255,153,95,.14);color:#ffc092}.float-card-c i{background:rgba(89,223,185,.12);color:#80f1d0}
.skg-guide-sticker{position:absolute;z-index:4;display:grid;place-items:center;width:53px;height:53px;border-radius:50%;background:#ffdb7c;color:#18191e;font-family:var(--display);font-size:12px;font-weight:900;transform:rotate(11deg);box-shadow:0 12px 26px rgba(0,0,0,.24);animation:skg-guide-sticker-bob 4s ease-in-out infinite}
.sticker-a{right:12%;top:5%}.sticker-b{left:4%;bottom:15%;width:32px;height:32px;background:#bda0ff;color:#fff;font-size:16px;animation-delay:-1.6s}
.skg-guide-orbit-dot{position:absolute;z-index:2;width:9px;height:9px;border-radius:50%;background:#ff7492;box-shadow:0 0 18px #ff7492}.dot-a{top:24%;right:19%}.dot-b{bottom:24%;right:28%;width:6px;height:6px;background:#8bead6;box-shadow:0 0 18px #8bead6}
.skg-guide-wide-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.skg-guide-slide[data-tone="light"] .skg-guide-section-label{color:#a62a49}
.skg-guide-side-note{color:#73737a;font-size:8px;font-weight:900;letter-spacing:.12em;text-align:right}
.skg-guide-services h2{margin:0;font-family:var(--display);font-size:clamp(27px,4vw,48px);font-weight:900;line-height:1.06;letter-spacing:-.04em;color:#17171c}
.skg-guide-services h2 em{font-style:normal;color:#b82b4d}
.skg-guide-slide-intro{margin:11px 0 23px;color:#686870;font-size:12px;line-height:1.7}
.skg-guide-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;position:relative;z-index:1}
.skg-guide-service-card{position:relative;min-height:220px;padding:19px 18px 16px;border:1px solid #dfdeda;border-radius:4px;background:rgba(255,255,255,.86);box-shadow:0 12px 35px rgba(27,25,19,.035);transform:translateY(25px);opacity:0;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .45s,box-shadow .3s,border-color .3s}
.skg-guide-slide.is-active .skg-guide-service-card{opacity:1;transform:translateY(0)}
.skg-guide-slide.is-active .skg-guide-service-card:nth-child(2){transition-delay:.11s}.skg-guide-slide.is-active .skg-guide-service-card:nth-child(3){transition-delay:.22s}
.skg-guide-service-card:hover{transform:translateY(-5px)!important;border-color:#c8bdc3;box-shadow:0 17px 34px rgba(27,25,19,.09)}
.skg-guide-service-number{position:absolute;right:15px;top:15px;color:#a4a0a0;font-family:var(--display);font-size:10px;font-weight:900}
.skg-guide-service-icon{display:grid;place-items:center;width:43px;height:43px;margin:0 0 19px;border-radius:12px;font-size:23px}
.icon-violet{background:#e9ddff;color:#7247bd}.icon-orange{background:#ffe3d3;color:#aa4924}.icon-green{background:#d7f4e8;color:#247a60}
.skg-guide-service-card h3{margin:0 0 9px;font-size:11px;font-weight:900;letter-spacing:.11em;color:#19191e}
.skg-guide-service-card p{margin:0;color:#62616a;font-size:11px;line-height:1.75}
.skg-guide-service-foot{display:block;margin-top:18px;padding-top:11px;border-top:1px solid #e8e5e0;color:#8c314b;font-size:7px;font-weight:900;letter-spacing:.11em}
.skg-guide-decor{position:absolute;pointer-events:none;line-height:1}.decor-flower{right:3%;top:9%;font-size:clamp(42px,6vw,78px);color:#c1a0fc;transform:rotate(16deg);animation:skg-guide-sticker-bob 4.5s ease-in-out infinite}.decor-burst{right:2%;bottom:5%;font-size:42px;color:#ff9b72;transform:rotate(-14deg);animation:skg-guide-orbit 19s linear infinite}
.skg-guide-rewards{background:radial-gradient(ellipse at 80% 55%,rgba(162,80,213,.19),transparent 42%),linear-gradient(120deg,#0b0d14,#14101b 60%,#090a11)!important}
.skg-guide-reward-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:28px;min-height:0;flex:1}
.skg-guide-reward-copy h2{margin:18px 0 15px;font-family:var(--display);font-size:clamp(30px,4.2vw,55px);font-weight:900;line-height:1.03;letter-spacing:-.045em}
.skg-guide-reward-copy h2 span{color:#d2aaff}
.skg-guide-reward-copy p{max-width:430px;margin:0;color:#b4b5c2;font-size:13px;line-height:1.9}
.skg-guide-reward-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.skg-guide-reward-tags span{padding:8px 9px;border:1px solid rgba(255,255,255,.15);border-radius:3px;color:#d8d5e1;font-size:7px;font-weight:900;letter-spacing:.09em}
.skg-guide-reward-board{position:relative;min-height:330px;display:grid;place-items:center;perspective:900px}
.skg-reward-ticket{position:absolute;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.ticket-main{z-index:1;left:12%;top:8%;width:53%;height:82%;padding:clamp(16px,2.4vw,28px);background:linear-gradient(145deg,#f8f7f2,#e8e4db);color:#17171d;box-shadow:0 28px 50px rgba(0,0,0,.32);transform:rotate(-5deg);animation:skg-guide-ticket-in .8s .12s both}
.ticket-main::after{position:absolute;right:-28px;top:18%;width:130px;height:130px;border:1px solid rgba(173,43,77,.18);border-radius:50%;content:"";box-shadow:0 0 0 17px rgba(173,43,77,.035),0 0 0 35px rgba(173,43,77,.025)}
.ticket-main small{font-size:8px;font-weight:900;letter-spacing:.16em;color:#8b394e}.ticket-main strong{position:relative;z-index:1;font-family:var(--display);font-size:clamp(24px,3.3vw,43px);font-weight:900;line-height:.95;letter-spacing:-.04em}.ticket-main strong em{font-style:normal;color:#b62b4b}.ticket-main>span{font-size:7px;font-weight:900;letter-spacing:.11em;color:#797780}
.skg-reward-mini{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;width:53%;padding:11px 13px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:rgba(26,27,38,.95);box-shadow:0 14px 32px rgba(0,0,0,.32);animation:skg-guide-mini-in .7s both;backdrop-filter:blur(12px)}
.skg-reward-mini i{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:rgba(171,132,255,.17);color:#d4b5ff;font-style:normal;font-size:17px}.skg-reward-mini span{display:flex;flex-direction:column;gap:4px}.skg-reward-mini b{font-size:8px;letter-spacing:.07em}.skg-reward-mini small{font-size:7px;color:#a7a8b5}.ticket-checkin{top:17%;right:0;animation-delay:.18s}.ticket-wheel{top:43%;right:-2%;animation-delay:.3s}.ticket-rp{bottom:8%;right:2%;animation-delay:.42s}.ticket-wheel i{background:rgba(255,155,111,.16);color:#ffc49a}.ticket-rp i{background:rgba(105,223,182,.15);color:#85f0cf}.reward-sticker{top:0;right:13%;width:47px;height:47px;font-size:9px;transform:rotate(10deg);background:#c3a5ff;animation-delay:.6s}
.skg-guide-finish{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);align-items:center;column-gap:clamp(22px,4vw,62px);row-gap:18px;background:#f4f3f0!important}
.skg-guide-finish-art{position:relative;display:grid;place-items:center;min-height:290px;isolation:isolate}
.skg-guide-finish-ring{position:absolute;aspect-ratio:1;border-radius:50%;border:1px solid #d9d4d0;transform:rotate(-18deg)}.ring-a{width:min(28vw,290px);border-style:dashed;animation:skg-guide-orbit 35s linear infinite}.ring-b{width:min(21vw,215px);border-color:#e2b3bd;animation:skg-guide-orbit 24s linear infinite reverse}
.skg-guide-finish-mark{position:relative;display:grid;place-items:center;width:130px;height:130px;border-radius:34px;background:linear-gradient(145deg,#1a1721,#08090d);color:#fff;font-family:var(--display);font-size:34px;font-weight:900;letter-spacing:.03em;box-shadow:0 25px 55px rgba(25,20,25,.22);transform:rotate(-7deg);animation:skg-guide-core-float 5s ease-in-out infinite}.skg-guide-finish-mark span{position:absolute;right:-12px;top:-12px;display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#ffd16f;color:#403016;font-size:18px;transform:rotate(14deg)}
.finish-spark{position:absolute;color:#a84562;font-size:25px;animation:skg-guide-sticker-bob 4s ease-in-out infinite}.spark-a{left:10%;top:18%}.spark-b{right:10%;top:26%;color:#8960bc;animation-delay:-1s}.spark-c{bottom:15%;right:14%;color:#df7a56;animation-delay:-2.2s}
.skg-guide-finish-copy h2{margin:17px 0 12px;font-family:var(--display);font-size:clamp(29px,3.8vw,48px);font-weight:900;line-height:1.04;letter-spacing:-.045em;color:#17171d}.skg-guide-finish-copy h2 em{font-style:normal;color:#ae2a4b}.skg-guide-finish-copy .skg-tounsi-copy{min-height:112px;margin:0;color:#61606a;font-size:13px;line-height:1.85;white-space:pre-wrap}
.skg-guide-finish-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px}.skg-guide-finish-actions .skg-guide-primary{margin-top:0;background:#101116;color:#fff}.skg-guide-finish-actions .skg-guide-primary:hover{background:#28252e}.skg-guide-back{min-height:42px;padding:0 12px;border:1px solid #d9d5d1;border-radius:4px;background:transparent;color:#46444a;font-size:8px;font-weight:900;letter-spacing:.1em;cursor:pointer}.skg-guide-back:hover{background:#eae8e4}.skg-guide-finish-foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:15px;border-top:1px solid #dedbd6;color:#828087;font-size:7px;font-weight:900;letter-spacing:.14em}
.skg-guide-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;min-height:70px;padding:13px 22px;border-top:1px solid rgba(255,255,255,.1);background:#090a10}
.skg-guide-progress{display:flex;align-items:center;gap:6px}.skg-guide-progress button{width:18px;height:4px;padding:0;border:0;border-radius:99px;background:#363844;cursor:pointer;transition:width .25s ease,background .25s ease}.skg-guide-progress button.is-active{width:36px;background:#ff4569}
.skg-guide-control-label{color:#777c8a;font-size:7px;font-weight:900;letter-spacing:.13em;text-align:center}
.skg-guide-controls-actions{display:flex;align-items:center;gap:10px}.skg-guide-controls .skg-guide-back{border-color:rgba(255,255,255,.13);color:#aaadba}.skg-guide-controls .skg-guide-back:hover:not(:disabled){background:rgba(255,255,255,.08)}.skg-guide-back:disabled{opacity:.32;cursor:default}
.skg-guide-next{display:inline-flex;align-items:center;gap:15px;min-height:39px;padding:0 14px;border:1px solid #ff5574;border-radius:4px;background:linear-gradient(105deg,#e72d50,#9c1837);color:#fff;font-size:8px;font-weight:900;letter-spacing:.1em;cursor:pointer;box-shadow:0 0 20px rgba(232,45,80,.16);transition:transform .2s ease,box-shadow .2s ease}.skg-guide-next:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(232,45,80,.26)}.skg-guide-next span{font-size:14px}.skg-guide-next.is-finish{background:#f3f1ed;color:#19191e;border-color:#fff;box-shadow:none}
@keyframes skg-guide-topline{to{background-position:200% 0}}
@keyframes skg-guide-dot{0%,100%{opacity:1;box-shadow:0 0 8px #ff4569}50%{opacity:.5;box-shadow:0 0 18px #ff4569}}
@keyframes skg-guide-orbit{to{transform:rotate(342deg)}}
@keyframes skg-guide-core-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}
@keyframes skg-guide-card-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-1deg)}}
@keyframes skg-guide-sticker-bob{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -7px;rotate:7deg}}
@keyframes skg-guide-ticket-in{from{opacity:0;transform:translate(-26px,25px) rotate(-12deg)}to{opacity:1;transform:rotate(-5deg)}}
@keyframes skg-guide-mini-in{from{opacity:0;transform:translateX(30px) rotate(4deg)}to{opacity:1;transform:translateX(0) rotate(0)}}
html[data-skg-theme="light"] .skg-tounsi-stage{box-shadow:0 38px 120px rgba(0,0,0,.38)}
html[data-skg-theme="light"] .skg-tounsi-close{color:#fff}
@media(max-width:780px){.skg-tounsi-stage{height:min(860px,94dvh);min-height:0;width:97vw;border-radius:16px}.skg-guide-topbar{grid-template-columns:1fr auto;min-height:63px;padding:11px 13px}.skg-guide-counter{display:none}.skg-guide-brand b{font-size:9px}.skg-guide-brand small{font-size:7px}.skg-guide-hero{grid-template-columns:1fr;align-content:start;gap:2px;padding:25px 22px}.skg-guide-main-copy h2{font-size:clamp(34px,8vw,50px);margin:18px 0 11px}.skg-guide-main-copy>p{font-size:12px}.skg-guide-hero-meta{margin-top:20px}.skg-guide-hero-art{min-height:210px;margin-top:3px}.skg-guide-orbit.orbit-one{width:205px}.skg-guide-orbit.orbit-two{width:167px}.skg-guide-orbit.orbit-three{width:128px}.skg-guide-core{width:105px}.skg-guide-core b{font-size:29px}.skg-guide-float-card{min-width:128px;padding:8px 9px;gap:7px}.skg-guide-float-card i{width:26px;height:26px;font-size:15px}.skg-guide-float-card b{font-size:8px}.skg-guide-float-card small{font-size:7px}.float-card-a{top:0;left:0}.float-card-b{right:0;top:38%}.float-card-c{bottom:0;left:4%}.sticker-a{right:9%;top:0}.skg-guide-slide{padding:23px 20px}.skg-guide-services h2{font-size:clamp(27px,6vw,39px)}.skg-guide-wide-head{margin-bottom:12px}.skg-guide-side-note{font-size:6px}.skg-guide-slide-intro{margin:8px 0 14px;font-size:10px}.skg-guide-service-grid{gap:8px}.skg-guide-service-card{min-height:0;padding:12px 10px 10px}.skg-guide-service-icon{width:31px;height:31px;margin-bottom:12px;font-size:17px}.skg-guide-service-card h3{font-size:8px;letter-spacing:.06em}.skg-guide-service-card p{font-size:9px;line-height:1.55}.skg-guide-service-foot{font-size:6px;line-height:1.5;margin-top:12px}.skg-guide-service-number{right:9px;top:9px;font-size:8px}.decor-flower{right:2%;top:4%;font-size:38px}.decor-burst{right:1%;bottom:1%;font-size:29px}.skg-guide-reward-layout{grid-template-columns:1fr;gap:6px}.skg-guide-reward-copy h2{font-size:clamp(29px,6vw,42px);margin:10px 0}.skg-guide-reward-copy p{font-size:11px;line-height:1.7}.skg-guide-reward-board{min-height:245px}.ticket-main{left:5%;width:48%;height:83%;padding:15px}.ticket-main strong{font-size:clamp(24px,6vw,34px)}.skg-reward-mini{width:53%;padding:8px;gap:7px}.skg-reward-mini i{width:24px;height:24px;font-size:14px}.skg-reward-mini b{font-size:7px}.skg-reward-mini small{font-size:6px}.ticket-checkin{top:9%}.ticket-wheel{top:39%}.ticket-rp{bottom:4%}.reward-sticker{right:12%;top:-1%;width:39px;height:39px;font-size:8px}.skg-guide-finish{grid-template-columns:.65fr 1.35fr;gap:16px;padding:22px 18px}.skg-guide-finish-art{min-height:190px}.ring-a{width:180px}.ring-b{width:135px}.skg-guide-finish-mark{width:85px;height:85px;border-radius:24px;font-size:25px}.skg-guide-finish-mark span{width:27px;height:27px;font-size:13px}.skg-guide-finish-copy h2{font-size:clamp(24px,5.4vw,35px);margin:12px 0}.skg-guide-finish-copy .skg-tounsi-copy{min-height:125px;font-size:10px;line-height:1.75}.skg-guide-finish-actions{gap:6px}.skg-guide-finish-actions .skg-guide-primary,.skg-guide-finish-actions .skg-guide-back{font-size:7px;min-height:36px;padding:0 8px}.skg-guide-finish-foot{font-size:6px;letter-spacing:.07em}.skg-guide-controls{grid-template-columns:auto 1fr;gap:11px;min-height:62px;padding:10px 12px}.skg-guide-control-label{display:none}.skg-guide-controls-actions{justify-content:flex-end;gap:6px}.skg-guide-controls .skg-guide-back{min-height:35px;padding:0 8px;font-size:7px}.skg-guide-next{min-height:35px;padding:0 9px;font-size:7px;gap:7px}.skg-guide-progress button{width:12px}.skg-guide-progress button.is-active{width:24px}}
@media(max-width:470px){.skg-guide-service-grid{grid-template-columns:1fr;gap:8px}.skg-guide-services{overflow-y:auto}.skg-guide-service-card{display:grid;grid-template-columns:34px 1fr auto;align-items:center;column-gap:10px;padding:11px;min-height:unset}.skg-guide-service-icon{grid-row:1/3;margin:0}.skg-guide-service-card h3{grid-column:2;margin:0}.skg-guide-service-card p{grid-column:2}.skg-guide-service-number{right:8px;top:8px}.skg-guide-service-foot{grid-column:2;margin-top:7px;padding-top:6px}.decor-flower{top:0;right:5%;font-size:26px}.decor-burst{font-size:22px}.skg-guide-finish{grid-template-columns:1fr;gap:8px}.skg-guide-finish-art{min-height:105px}.ring-a{width:125px}.ring-b{width:95px}.skg-guide-finish-mark{width:61px;height:61px;border-radius:17px;font-size:19px}.skg-guide-finish-mark span{width:22px;height:22px;right:-8px;top:-8px;font-size:10px}.skg-guide-finish-copy h2{font-size:26px;margin:9px 0}.skg-guide-finish-copy .skg-tounsi-copy{min-height:70px;font-size:10px}.skg-guide-finish-actions{margin-top:12px}.skg-guide-finish-foot{margin-top:3px}.skg-guide-hero{padding:21px 18px}.skg-guide-hero-art{min-height:190px}.skg-guide-controls-actions .skg-guide-back{display:none}}
@media(max-height:620px) and (min-width:781px){.skg-tounsi-stage{height:96dvh;min-height:0}.skg-guide-slide{padding:20px 34px}.skg-guide-hero-art{min-height:265px}.skg-guide-service-card{min-height:180px}.skg-guide-reward-board{min-height:245px}.skg-guide-finish-art{min-height:190px}.skg-guide-topbar{min-height:58px}.skg-guide-controls{min-height:56px}}
@media(prefers-reduced-motion:reduce){.tounsi-explain-button,.tounsi-explain-button::before,.skg-guide-live-dot,.skg-guide-orbit,.skg-guide-core,.skg-guide-float-card,.skg-guide-sticker,.skg-guide-service-card,.skg-guide-reward-board *,.skg-guide-finish-ring,.skg-guide-finish-mark,.finish-spark{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.skg-tounsi-backdrop,.skg-tounsi-stage,.skg-guide-slide{transition-duration:.01ms!important}}

/* V46 — Mining drawer cleanup and three right-edge quick-access arrows. */
.skg-side-shortcuts{position:fixed;right:0;top:42%;z-index:900;display:flex;flex-direction:column;gap:8px;align-items:flex-end;pointer-events:none}
.skg-side-shortcut{pointer-events:auto;display:flex;align-items:center;justify-content:flex-start;gap:7px;width:42px;min-height:112px;padding:10px 8px;border:1px solid rgba(190,157,255,.45);border-right:0;border-radius:12px 0 0 12px;background:linear-gradient(180deg,rgba(45,31,72,.97),rgba(20,18,34,.98));color:#f5edff;box-shadow:0 0 18px rgba(157,111,255,.15);cursor:pointer;transition:width .22s ease,box-shadow .22s ease,transform .22s ease;overflow:hidden}
.skg-side-shortcut:hover,.skg-side-shortcut:focus-visible{width:150px;box-shadow:0 0 22px rgba(170,126,255,.4);outline:2px solid rgba(198,169,255,.45);outline-offset:2px}
.skg-side-shortcut>span{font-size:18px;flex:0 0 24px;text-align:center}.skg-side-shortcut>b{font:900 8px var(--display);letter-spacing:.8px;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;flex:1;text-align:center}.skg-side-shortcut>i{font-style:normal;font-size:18px;color:#d6bdff;flex:0 0 12px}
.skg-side-shortcut-wheel{border-color:rgba(255,207,132,.42);background:linear-gradient(180deg,rgba(78,54,35,.98),rgba(27,21,31,.98))}.skg-side-shortcut-wheel:hover{box-shadow:0 0 22px rgba(255,190,101,.32)}
.skg-side-shortcut-missions{border-color:rgba(135,218,186,.4)}
.free-points-activate-button{display:flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;padding:10px 12px;border:1px solid rgba(180,143,255,.62);border-radius:9px;background:linear-gradient(135deg,#7950c7,#4d318e);color:#fff;font:900 9px var(--display);letter-spacing:.6px;cursor:pointer;box-shadow:0 0 14px rgba(153,103,255,.2);transition:transform .18s ease,box-shadow .18s ease}
.free-points-activate-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 19px rgba(173,130,255,.45)}.free-points-activate-button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}
.free-points-timer-card{flex-wrap:wrap}.free-points-timer-card>div{flex:1 1 115px}
@media(max-width:560px){.skg-side-shortcuts{top:35%;gap:6px}.skg-side-shortcut{width:34px;min-height:96px;padding:7px 5px}.skg-side-shortcut:hover,.skg-side-shortcut:focus-visible{width:126px}.skg-side-shortcut>b{font-size:7px}.free-points-activate-button{padding:9px 8px;font-size:8px}}


/* V47 — more legible, spaced right-side quick arrows. */
.skg-side-shortcuts{gap:12px!important;top:40%!important}
.skg-side-shortcut{width:48px!important;min-height:116px!important;padding:11px 9px!important;gap:9px!important}
.skg-side-shortcut:hover,.skg-side-shortcut:focus-visible{width:164px!important}
.skg-side-shortcut>span{font-size:22px!important;flex-basis:28px!important}
.skg-side-shortcut>b{font-size:10px!important;letter-spacing:1px!important}
.skg-side-shortcut>i{font-size:22px!important;flex-basis:14px!important}
@media(max-width:560px){.skg-side-shortcuts{top:34%!important;gap:9px!important}.skg-side-shortcut{width:40px!important;min-height:101px!important;padding:8px 6px!important}.skg-side-shortcut:hover,.skg-side-shortcut:focus-visible{width:140px!important}.skg-side-shortcut>span{font-size:19px!important}.skg-side-shortcut>b{font-size:8px!important}.skg-side-shortcut>i{font-size:19px!important}}


/* V50 — stronger quick-access arrows for Mining, Missions and Rewards Wheel. */
.skg-side-shortcut>i{font-size:31px!important;font-weight:900!important;flex-basis:22px!important;line-height:1!important;text-shadow:0 0 10px rgba(204,174,255,.45)}
.skg-side-shortcut{gap:11px!important}
#freePointsDrawer .free-points-handle-arrow{font-size:34px!important;font-weight:950!important;text-shadow:0 0 12px rgba(255,214,220,.42)}
@media(max-width:560px){.skg-side-shortcut>i{font-size:27px!important;flex-basis:19px!important}#freePointsDrawer .free-points-handle-arrow{font-size:30px!important}}


/* ===== V53: gold pro-player CTA + cinematic moon/stars glass-window entrance ===== */
.app-header{gap:clamp(7px,.9vw,14px)!important}
.app-brand{flex:0 0 auto;min-width:max-content}
.academy-nav-wrap{margin-left:clamp(2px,1vw,14px)!important}
.pro-player-nav-button{position:relative;isolation:isolate;display:flex;align-items:center;gap:10px;flex:0 1 auto;min-width:0;max-width:286px;min-height:48px;padding:6px 12px 6px 8px;border:1px solid rgba(247,205,100,.64);border-radius:11px;background:linear-gradient(115deg,rgba(56,39,14,.96),rgba(18,17,22,.98) 60%,rgba(63,39,12,.96));color:#fff0c3;cursor:pointer;overflow:hidden;box-shadow:0 0 0 1px rgba(255,223,129,.05),0 0 14px rgba(239,181,58,.2),inset 0 1px rgba(255,239,181,.13);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,filter .22s ease}
.pro-player-nav-button:before{content:"";position:absolute;z-index:-1;inset:-80% auto -80% -45%;width:32%;transform:rotate(22deg) translateX(-180%);background:linear-gradient(90deg,transparent,rgba(255,246,195,.6),transparent);animation:pro-cta-sheen 5.5s ease-in-out infinite}
.pro-player-nav-button:after{content:"";position:absolute;inset:3px;border-radius:8px;border:1px solid rgba(255,221,131,.12);pointer-events:none}
.pro-player-nav-button:hover,.pro-player-nav-button:focus-visible{transform:translateY(-2px);border-color:#ffe6a0;box-shadow:0 0 0 1px rgba(255,223,129,.16),0 0 20px rgba(247,193,63,.36),0 0 38px rgba(218,155,35,.13),inset 0 1px rgba(255,239,181,.19);outline:none;filter:brightness(1.08)}
.pro-player-nav-button:focus-visible{outline:2px solid #ffe8a5;outline-offset:3px}
.pro-player-cup{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:9px;background:radial-gradient(circle at 50% 25%,rgba(255,225,140,.21),rgba(198,130,32,.055) 70%);border:1px solid rgba(255,218,119,.21);filter:drop-shadow(0 0 7px rgba(255,190,52,.27))}
.pro-player-cup svg{width:31px;height:31px;overflow:visible}
.pro-player-nav-copy{display:flex;flex-direction:column;gap:4px;min-width:0;text-align:left}
.pro-player-nav-copy strong{font:900 clamp(9px,.79vw,11px)/1.05 'DM Sans',sans-serif;letter-spacing:.045em;color:#ffe9a5;white-space:nowrap;text-shadow:0 0 10px rgba(247,196,78,.19)}
.pro-player-nav-copy small{font:700 7px/1.1 'DM Sans',sans-serif;letter-spacing:.14em;color:#b6a06e;white-space:nowrap}
.pro-player-nav-arrow{flex:0 0 auto;margin-left:2px;font-size:19px;line-height:1;color:#f6cc64;text-shadow:0 0 12px rgba(255,202,82,.62);transition:transform .2s}
.pro-player-nav-button:hover .pro-player-nav-arrow{transform:translate(2px,-2px)}
@keyframes pro-cta-sheen{0%,66%,100%{transform:rotate(22deg) translateX(-180%);opacity:0}72%{opacity:1}89%{transform:rotate(22deg) translateX(680%);opacity:0}}

.pro-player-overlay{position:fixed;inset:0;z-index:10040;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:#02030a;color:#eaf0ff;opacity:1;overscroll-behavior:contain}
.pro-player-overlay.hidden{display:none!important}
.pro-player-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(1,2,8,.38);cursor:default;z-index:0}
.pro-player-room{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 52% 31%,rgba(41,55,118,.65),transparent 39%),radial-gradient(ellipse at 2% 40%,rgba(69,66,158,.33),transparent 35%),linear-gradient(180deg,#080a1b 0%,#050816 51%,#02030a 100%);opacity:0;transition:opacity .7s ease}
.pro-player-overlay.is-intro .pro-player-room,.pro-player-overlay.is-open .pro-player-room{opacity:1}
.pro-player-room:before{content:"";position:absolute;inset:0 0 22%;background:linear-gradient(90deg,rgba(47,51,121,.52) 0 18%,transparent 18.4% 28%,rgba(8,12,36,.75) 28.5% 31%,transparent 31.3% 68%,rgba(6,10,28,.9) 68.4% 78%,rgba(62,67,129,.42) 78.5% 99%),linear-gradient(180deg,rgba(22,29,79,.65),rgba(4,7,21,.93));border-bottom:1px solid rgba(112,129,221,.14);box-shadow:inset 0 -20px 60px rgba(0,0,0,.36)}
.pro-room-window{position:absolute;top:0;bottom:26%;width:18%;background:linear-gradient(180deg,rgba(86,93,177,.43),rgba(29,38,87,.46) 57%,rgba(9,15,41,.85));border:1px solid rgba(105,113,190,.18);box-shadow:inset 0 0 45px rgba(5,9,31,.35)}
.pro-room-window:before,.pro-room-window:after{content:"";position:absolute;background:rgba(5,8,27,.54)}
.pro-room-window:before{left:0;right:0;top:57%;height:2px}.pro-room-window:after{left:48%;top:0;bottom:0;width:2px}
.pro-room-window-left{left:0;width:19%}.pro-room-window-center{left:29%;width:39%;background:linear-gradient(180deg,rgba(11,17,46,.7),rgba(6,10,27,.46));border-left:0;border-right:0}.pro-room-window-right{right:0;width:9%;background:linear-gradient(180deg,rgba(126,130,176,.5),rgba(24,28,64,.72));}
.pro-room-wall-seam{position:absolute;top:0;bottom:30%;width:1px;background:rgba(118,125,189,.11)}.pro-room-seam-a{left:46%}.pro-room-seam-b{right:23%}
.pro-room-floor{position:absolute;left:-8%;right:-8%;bottom:-24%;height:50%;background:radial-gradient(ellipse at 50% 8%,rgba(73,77,138,.32),transparent 54%),linear-gradient(180deg,#070a18,#010207 73%);transform:perspective(220px) rotateX(7deg);border-top:1px solid rgba(105,114,188,.12)}
.pro-room-sofa{position:absolute;bottom:13%;left:8%;width:84%;height:25%;border-radius:22% 22% 10% 10% / 37% 37% 10% 10%;background:linear-gradient(180deg,#101326,#03050d 70%);box-shadow:0 -5px 17px rgba(0,0,0,.5),inset 0 5px 13px rgba(75,81,143,.13);opacity:.95}
.pro-room-sofa:before{content:"";position:absolute;left:-3%;right:-3%;top:14%;height:77%;border-radius:34px;background:linear-gradient(180deg,#0a0d1b,#02040b);border:1px solid rgba(102,107,167,.08);box-shadow:inset 0 7px 12px rgba(65,71,124,.07)}
.pro-room-sofa span,.pro-room-sofa i,.pro-room-sofa b{position:absolute;top:21%;height:60%;width:29%;border-radius:18px;background:linear-gradient(145deg,#090c18,#02040a);border:1px solid rgba(106,111,166,.07)}.pro-room-sofa span{left:4%}.pro-room-sofa i{left:35%;width:30%}.pro-room-sofa b{right:4%}
.pro-room-table{position:absolute;bottom:7%;left:10%;width:80%;height:7%;border-radius:50%;background:linear-gradient(180deg,#131629,#03040a 55%);box-shadow:0 9px 21px rgba(0,0,0,.8),0 0 19px rgba(80,90,172,.1);opacity:.96}
.pro-room-table:before{content:"";position:absolute;inset:-9% 0 auto;height:30%;border-radius:50%;background:linear-gradient(180deg,#15192c,#080b18);border-top:1px solid rgba(124,130,203,.18)}
.pro-room-lamp{position:absolute;right:1.5%;top:14%;width:8%;height:23%;opacity:.72}
.pro-room-lamp:before{content:"";position:absolute;right:43%;top:0;width:2px;height:57%;background:#46486e;transform:rotate(13deg);transform-origin:top}
.pro-room-lamp span{position:absolute;right:5%;top:32%;width:78%;height:42%;background:linear-gradient(110deg,#090d20,#252947 70%,#090d20);clip-path:polygon(28% 0,100% 0,67% 100%,0 100%);filter:drop-shadow(0 12px 18px rgba(90,95,181,.12))}
.pro-room-lamp i{position:absolute;right:31%;top:70%;width:2px;height:45%;background:#303454;transform:rotate(-3deg);transform-origin:top}
.pro-player-celestial-layer{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;opacity:0}
.pro-player-overlay.is-intro .pro-player-celestial-layer{opacity:1}
.pro-player-moon{position:absolute;top:12%;left:-12vw;width:clamp(58px,8vw,108px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 33% 27%,#fffef1 0%,#e7e8ff 34%,#9aa8ed 68%,#4f5aa9 100%);box-shadow:0 0 20px rgba(222,226,255,.75),0 0 65px rgba(147,162,255,.42),0 0 150px rgba(95,116,255,.19);opacity:0}
.pro-player-moon:before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle at 25% 58%,rgba(64,77,153,.19) 0 7%,transparent 8%),radial-gradient(circle at 61% 30%,rgba(58,66,138,.15) 0 9%,transparent 10%),radial-gradient(circle at 64% 71%,rgba(58,66,138,.16) 0 5%,transparent 6%)}
.pro-player-moon i,.pro-player-moon b,.pro-player-moon em{position:absolute;display:block;border-radius:50%;background:rgba(72,82,157,.2)}.pro-player-moon i{width:18%;height:18%;left:24%;top:25%}.pro-player-moon b{width:12%;height:12%;left:58%;top:54%}.pro-player-moon em{width:8%;height:8%;left:36%;top:69%}
.pro-player-overlay.is-intro .pro-player-moon{animation:pro-moon-cross 1.42s cubic-bezier(.18,.7,.16,1) both}
.pro-player-star{position:absolute;color:#e9eaff;text-shadow:0 0 10px rgba(170,187,255,.95),0 0 25px rgba(133,155,255,.65);opacity:0;font-size:clamp(18px,2vw,31px)}
.pro-player-star-a{top:24%;left:12%}.pro-player-star-b{top:63%;left:30%;font-size:21px}.pro-player-star-c{top:18%;right:22%}.pro-player-star-d{top:72%;right:17%;font-size:16px}.pro-player-star-e{top:39%;right:9%;font-size:13px}
.pro-player-overlay.is-intro .pro-player-star-a{animation:pro-star-sweep-a 1.12s .02s ease-out both}.pro-player-overlay.is-intro .pro-player-star-b{animation:pro-star-sweep-b 1.17s .08s ease-out both}.pro-player-overlay.is-intro .pro-player-star-c{animation:pro-star-sweep-c 1.24s .15s ease-out both}.pro-player-overlay.is-intro .pro-player-star-d{animation:pro-star-sweep-d 1.12s .2s ease-out both}.pro-player-overlay.is-intro .pro-player-star-e{animation:pro-star-sweep-e 1.28s .05s ease-out both}
.pro-player-star-streak{position:absolute;width:clamp(100px,22vw,350px);height:1px;background:linear-gradient(90deg,transparent,rgba(211,221,255,.9),rgba(255,255,255,.5),transparent);box-shadow:0 0 12px rgba(137,160,255,.75);transform:rotate(-21deg) translateX(-150vw);opacity:0}
.pro-player-streak-a{top:29%;left:0}.pro-player-streak-b{top:61%;left:30%;width:clamp(90px,18vw,260px)}.pro-player-streak-c{top:44%;left:55%;width:clamp(110px,20vw,300px)}
.pro-player-overlay.is-intro .pro-player-streak-a{animation:pro-streak-cross .86s .05s ease-out both}.pro-player-overlay.is-intro .pro-player-streak-b{animation:pro-streak-cross .82s .22s ease-out both}.pro-player-overlay.is-intro .pro-player-streak-c{animation:pro-streak-cross .9s .32s ease-out both}
@keyframes pro-moon-cross{0%{left:-13vw;top:10%;opacity:0;transform:scale(.36)}12%{opacity:1}48%{left:45vw;top:26%;opacity:1;transform:scale(1.12)}100%{left:110vw;top:5%;opacity:0;transform:scale(.32)}}
@keyframes pro-star-sweep-a{0%{opacity:0;transform:translate(-30vw,20vh) rotate(0) scale(.3)}32%{opacity:1}100%{opacity:0;transform:translate(45vw,-12vh) rotate(150deg) scale(1.2)}}
@keyframes pro-star-sweep-b{0%{opacity:0;transform:translate(-42vw,-20vh) scale(.2)}35%{opacity:1}100%{opacity:0;transform:translate(58vw,8vh) scale(1.2)}}
@keyframes pro-star-sweep-c{0%{opacity:0;transform:translate(-15vw,24vh) rotate(0)}35%{opacity:1}100%{opacity:0;transform:translate(-63vw,-8vh) rotate(140deg)}}
@keyframes pro-star-sweep-d{0%{opacity:0;transform:translate(-50vw,-11vh) scale(.3)}35%{opacity:1}100%{opacity:0;transform:translate(7vw,-25vh) scale(1.35)}}
@keyframes pro-star-sweep-e{0%{opacity:0;transform:translate(-27vw,3vh) rotate(0)}30%{opacity:1}100%{opacity:0;transform:translate(-59vw,17vh) rotate(180deg)}}
@keyframes pro-streak-cross{0%{opacity:0;transform:rotate(-21deg) translateX(-150vw)}22%{opacity:1}80%{opacity:.8}100%{opacity:0;transform:rotate(-21deg) translateX(150vw)}}

.pro-player-glass-shell{position:relative;z-index:4;width:min(84vw,1160px);height:min(76vh,700px);min-height:470px;opacity:0;transform:translateY(42px) perspective(1300px) rotateX(8deg) scale(.76);border:1px solid rgba(169,187,242,.3);border-radius:clamp(13px,1.6vw,24px);padding:5px;background:linear-gradient(145deg,rgba(108,128,187,.28),rgba(9,14,34,.82) 19%,rgba(3,6,18,.97) 78%,rgba(117,130,185,.25));box-shadow:0 34px 110px rgba(0,0,0,.78),0 0 45px rgba(94,117,229,.13),inset 0 1px rgba(255,255,255,.18);backdrop-filter:blur(12px);overflow:hidden}
.pro-player-overlay.is-intro .pro-player-glass-shell{animation:pro-glass-enter .96s .42s cubic-bezier(.15,.74,.15,1) both}
.pro-player-overlay.is-open .pro-player-glass-shell{opacity:1;transform:translateY(0) perspective(1300px) rotateX(0) scale(1);transition:transform .24s ease,opacity .24s ease}
.pro-player-overlay.is-closing .pro-player-glass-shell{animation:pro-glass-exit .28s ease-in both}
@keyframes pro-glass-enter{0%{opacity:0;transform:translateY(44px) perspective(1300px) rotateX(11deg) scale(.72)}65%{opacity:1;transform:translateY(-7px) perspective(1300px) rotateX(-1deg) scale(1.015)}100%{opacity:1;transform:translateY(0) perspective(1300px) rotateX(0) scale(1)}}
@keyframes pro-glass-exit{to{opacity:0;transform:translateY(30px) perspective(1300px) rotateX(6deg) scale(.94)}}
.pro-player-glass-edge{position:absolute;z-index:8;top:12px;left:16px;right:16px;height:12px;display:flex;align-items:center;gap:5px;pointer-events:none;opacity:.72}
.pro-player-glass-edge span{display:block;width:27px;height:7px;border-radius:999px;background:rgba(177,191,232,.23);border:1px solid rgba(200,210,250,.11)}.pro-player-glass-edge i{display:block;width:7px;height:7px;border-radius:50%;background:#121b37;border:1px solid rgba(173,189,243,.24)}.pro-player-glass-edge b{display:block;width:4px;height:4px;border-radius:50%;margin-left:1px;background:rgba(166,184,244,.4)}
.pro-player-window-close{position:absolute;z-index:10;right:14px;top:10px;width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid rgba(168,184,238,.22);border-radius:50%;background:rgba(10,15,36,.76);color:#dbe4ff;font-size:23px;line-height:1;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.pro-player-window-close:hover{background:rgba(68,81,140,.55);border-color:rgba(205,216,255,.52);transform:rotate(90deg)}
.pro-player-screen{position:relative;display:flex;flex-direction:column;width:100%;height:100%;padding:clamp(23px,3vw,42px) clamp(17px,3vw,44px) clamp(14px,2vw,23px);border:1px solid rgba(122,143,222,.12);border-radius:clamp(8px,1.2vw,17px);overflow:hidden;background:radial-gradient(ellipse at 18% 84%,rgba(59,72,142,.15),transparent 33%),radial-gradient(ellipse at 80% 11%,rgba(54,70,138,.17),transparent 35%),linear-gradient(135deg,rgba(9,15,37,.97),rgba(3,6,19,.98) 60%,rgba(7,10,25,.98));}
.pro-player-screen-mesh{position:absolute;inset:0;opacity:.21;pointer-events:none;background-image:linear-gradient(rgba(123,144,219,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(123,144,219,.075) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(135deg,transparent,#000 30%,#000 72%,transparent)}
.pro-player-screen-glow{position:absolute;left:20%;right:20%;top:0;height:40%;pointer-events:none;background:radial-gradient(ellipse at 50% 0,rgba(103,126,236,.15),transparent 70%);filter:blur(12px)}
.pro-player-screen-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 clamp(14px,2vh,24px);padding-bottom:12px;border-bottom:1px solid rgba(159,177,237,.12)}
.pro-player-screen-brand{display:flex;align-items:center;gap:9px;min-width:0}.pro-player-screen-brand img{width:31px;height:31px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(126,145,255,.25))}.pro-player-screen-brand>span{display:flex;flex-direction:column;gap:3px}.pro-player-screen-brand b{font:900 14px/1 'Barlow Condensed','DM Sans',sans-serif;letter-spacing:.12em;color:#e4eaff}.pro-player-screen-brand small{font:700 7px/1.1 'DM Sans',sans-serif;letter-spacing:.14em;color:#7e8bb9}
.pro-player-screen-status{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(171,186,244,.14);border-radius:999px;padding:7px 10px;color:#a6b2dd;font:800 7px/1 'DM Sans',sans-serif;letter-spacing:.13em;white-space:nowrap;background:rgba(108,127,207,.05)}.pro-player-screen-status i{width:5px;height:5px;border-radius:50%;background:#d9bd72;box-shadow:0 0 9px rgba(255,216,114,.8)}
.pro-player-hero-copy{position:relative;z-index:1;text-align:center;max-width:790px;margin:0 auto clamp(14px,2.3vh,25px)}
.pro-player-eyebrow{display:inline-flex;align-items:center;gap:9px;font:800 8px/1.2 'DM Sans',sans-serif;letter-spacing:.21em;color:#b5bde2}.pro-player-eyebrow i{width:5px;height:5px;border-radius:50%;background:#e8c46c;box-shadow:0 0 12px rgba(255,212,98,.8)}
.pro-player-hero-copy h2{font:900 clamp(28px,4vw,52px)/.99 'Barlow Condensed','DM Sans',sans-serif;letter-spacing:-.025em;color:#edf0ff;margin:12px 0 10px;text-wrap:balance;text-shadow:0 4px 24px rgba(111,130,255,.12)}.pro-player-hero-copy h2 em{font-style:normal;color:#f1cf78;text-shadow:0 0 24px rgba(246,201,97,.14)}
.pro-player-hero-copy p{max-width:630px;margin:0 auto;color:#9da8cb;font:500 clamp(10px,.95vw,12px)/1.65 'DM Sans',sans-serif;letter-spacing:.01em}
.pro-player-path-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(7px,1.1vw,13px);width:100%;max-width:930px;margin:auto auto clamp(14px,2vh,22px)}
.pro-player-path-card{display:flex;align-items:center;gap:10px;min-width:0;min-height:86px;padding:13px clamp(10px,1.2vw,17px);text-align:left;border:1px solid rgba(142,160,224,.18);border-radius:12px;background:linear-gradient(140deg,rgba(29,38,76,.54),rgba(8,13,31,.7));color:#e8edff;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.03);transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.pro-player-path-card:hover,.pro-player-path-card:focus-visible{transform:translateY(-3px);outline:none;border-color:rgba(237,205,119,.63);background:linear-gradient(140deg,rgba(49,52,83,.75),rgba(20,22,44,.83));box-shadow:0 8px 24px rgba(0,0,0,.23),0 0 20px rgba(226,190,95,.07)}
.pro-player-path-icon{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border:1px solid rgba(226,196,119,.25);border-radius:10px;background:rgba(226,196,119,.065);color:#e7cc86}.pro-player-path-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pro-player-path-copy{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.pro-player-path-copy b{font:900 9px/1.2 'DM Sans',sans-serif;letter-spacing:.055em;color:#edf0ff}.pro-player-path-copy small{font:500 9px/1.5 'DM Sans',sans-serif;color:#98a3c5}.pro-player-path-arrow{flex:0 0 auto;align-self:flex-start;padding-top:2px;color:#dec16f;font-size:15px}
.pro-player-screen-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(151,167,224,.11);padding-top:12px}.pro-player-screen-footer>span{color:#69779d;font:800 7px/1.4 'DM Sans',sans-serif;letter-spacing:.16em}.pro-player-home-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:37px;padding:0 15px;border:1px solid rgba(225,196,113,.57);border-radius:8px;background:linear-gradient(115deg,rgba(63,48,20,.6),rgba(21,22,36,.84));color:#f4d983;font:900 8px/1 'DM Sans',sans-serif;letter-spacing:.1em;white-space:nowrap;cursor:pointer;box-shadow:0 0 17px rgba(225,180,61,.065);transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.pro-player-home-button:hover,.pro-player-home-button:focus-visible{outline:none;transform:translateY(-1px);border-color:#f9e8ac;background:rgba(85,67,28,.57);box-shadow:0 0 18px rgba(225,180,61,.15)}
.pro-player-glass-reflection{position:absolute;inset:0;z-index:6;pointer-events:none;background:linear-gradient(117deg,transparent 0 23%,rgba(206,217,255,.035) 33%,transparent 44% 70%,rgba(185,199,255,.022) 81%,transparent 87%);mix-blend-mode:screen}
.pro-player-close-hint{position:absolute;z-index:5;bottom:clamp(12px,3vh,28px);left:50%;transform:translateX(-50%);font:900 8px/1 'DM Sans',sans-serif;letter-spacing:.17em;color:rgba(194,202,240,.65);white-space:nowrap}.pro-player-close-hint span{font-weight:600;color:rgba(143,154,198,.67)}
body.pro-player-dialog-open{overflow:hidden}
.pro-player-overlay.is-closing{pointer-events:none;animation:pro-overlay-fade-out .36s ease both}.pro-player-overlay.is-closing .pro-player-room{opacity:0}.pro-player-overlay.is-closing .pro-player-celestial-layer{opacity:0}
@keyframes pro-overlay-fade-out{to{opacity:0}}
@media(max-width:1150px){.pro-player-nav-button{gap:7px;padding-right:9px;max-width:250px}.pro-player-nav-copy strong{font-size:9px}.pro-player-nav-copy small{font-size:6px}.pro-player-cup{width:31px;height:31px;flex-basis:31px}.pro-player-cup svg{width:28px;height:28px}.app-header-right{gap:10px!important}.pro-player-path-card{gap:8px;padding:11px 9px}.pro-player-path-icon{width:31px;height:31px;flex-basis:31px}.pro-player-path-copy small{font-size:8px}}
@media(max-width:900px){.app-header{gap:8px!important}.academy-nav-wrap{margin-left:0!important}.academy-nav-label strong{font-size:18px!important}.pro-player-nav-button{max-width:218px;min-height:43px;gap:6px;padding:5px 8px 5px 6px}.pro-player-nav-copy strong{font-size:8px}.pro-player-nav-copy small{display:none}.pro-player-nav-arrow{font-size:16px}.pro-player-glass-shell{width:min(91vw,1000px);height:min(78vh,650px);min-height:455px}.pro-player-screen{padding:30px 20px 16px}.pro-player-path-card{min-height:78px}.pro-player-screen-footer>span{font-size:6px}}
@media(max-width:760px){.app-header{align-items:center}.academy-nav-wrap{order:3;flex:0 0 auto!important}.pro-player-nav-button{order:4;flex:1 1 240px;max-width:none;min-width:0;min-height:42px}.pro-player-nav-copy strong{font-size:9px}.pro-player-nav-copy small{display:block;font-size:6px}.pro-player-cup{width:30px;height:30px;flex-basis:30px}.pro-player-cup svg{width:27px;height:27px}.app-header .app-theme-switcher{order:1}.pro-player-glass-shell{width:94vw;height:auto;min-height:0;max-height:calc(100dvh - 42px);overflow:auto}.pro-player-screen{min-height:0;padding:31px 16px 15px}.pro-player-screen-header{margin-bottom:14px}.pro-player-hero-copy h2{font-size:clamp(30px,7vw,44px)}.pro-player-hero-copy{margin-bottom:16px}.pro-player-path-grid{grid-template-columns:1fr;gap:8px;margin-bottom:15px}.pro-player-path-card{min-height:62px;padding:10px 12px}.pro-player-path-icon{width:33px;height:33px;flex-basis:33px}.pro-player-screen-footer{align-items:flex-start;flex-direction:column;gap:10px}.pro-player-screen-footer>span{font-size:7px}.pro-player-home-button{width:100%;min-height:39px}.pro-player-close-hint{bottom:5px;font-size:7px}}
@media(max-width:480px){.app-header{padding-left:10px!important;padding-right:10px!important;gap:7px!important}.app-brand{gap:6px}.app-brand img{width:34px!important;height:34px!important}.app-brand b{font-size:14px!important}.app-brand small{font-size:7px!important}.academy-nav-button{gap:5px!important;padding:3px 7px 3px 4px!important}.academy-nav-label strong{font-size:16px!important}.academy-nav-seal{width:27px!important;height:27px!important;flex-basis:27px!important}.academy-nav-seal img{width:21px!important;height:21px!important}.pro-player-nav-button{flex-basis:100%;min-height:39px;max-width:none}.pro-player-nav-copy strong{font-size:9px}.pro-player-nav-copy small{font-size:6px}.pro-player-nav-arrow{margin-left:auto}.pro-player-glass-shell{width:95vw;max-height:calc(100dvh - 28px);padding:4px;border-radius:13px}.pro-player-screen{padding:29px 12px 12px}.pro-player-screen-brand img{width:26px;height:26px}.pro-player-screen-brand b{font-size:12px}.pro-player-screen-brand small{font-size:6px}.pro-player-screen-status{padding:6px 8px;font-size:6px}.pro-player-hero-copy h2{font-size:30px}.pro-player-hero-copy p{font-size:10px}.pro-player-path-copy b{font-size:9px}.pro-player-path-copy small{font-size:8px}.pro-player-glass-edge{top:9px;left:11px}.pro-player-window-close{right:8px;top:7px;width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.pro-player-nav-button:before,.pro-player-overlay.is-intro .pro-player-moon,.pro-player-overlay.is-intro .pro-player-star,.pro-player-overlay.is-intro .pro-player-star-streak,.pro-player-overlay.is-intro .pro-player-glass-shell,.pro-player-overlay.is-closing,.pro-player-room,.pro-player-path-card,.pro-player-window-close{animation:none!important;transition:none!important}.pro-player-overlay.is-intro .pro-player-glass-shell,.pro-player-overlay.is-open .pro-player-glass-shell{opacity:1;transform:translateY(0) scale(1)}}


/* V54 — reference-inspired floating card ribbon for SKG Academy. */
.academy-nav-button{position:relative;isolation:isolate;overflow:hidden;transform-style:preserve-3d;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s,box-shadow .28s,background .28s!important}
.academy-nav-button:before{content:"";position:absolute;inset:-80% -35%;z-index:-1;pointer-events:none;background:linear-gradient(112deg,transparent 35%,rgba(255,255,255,.08) 44%,rgba(238,196,150,.28) 50%,transparent 58%);transform:translateX(-70%) rotate(8deg);transition:transform .7s cubic-bezier(.18,.72,.25,1)}
.academy-nav-button:hover:before,.academy-nav-button[aria-expanded="true"]:before{transform:translateX(70%) rotate(8deg)}
.academy-nav-button:hover,.academy-nav-button[aria-expanded="true"]{transform:translateY(-2px) perspective(420px) rotateX(2deg)!important;box-shadow:0 12px 26px rgba(7,11,23,.22),0 0 0 1px rgba(218,172,110,.16)!important}
.academy-nav-seal{position:relative;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.85,.2,1)!important}
.academy-nav-button:hover .academy-nav-seal,.academy-nav-button[aria-expanded="true"] .academy-nav-seal{transform:perspective(240px) rotateY(-23deg) rotateX(10deg) scale(1.07)!important;filter:drop-shadow(0 5px 8px rgba(220,174,115,.22))}
.academy-drop-panel.is-open .academy-drop-card{animation:academy-cardboard-window-in .72s cubic-bezier(.16,.76,.2,1) both}
.academy-drop-illustration{perspective:1000px;transform-style:preserve-3d;isolation:isolate}
.academy-drop-illustration:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,rgba(121,144,255,.14),transparent 59%),linear-gradient(135deg,rgba(255,255,255,.06),transparent 55%)}
.academy-drop-illustration>.academy-illustration-seal{z-index:1;width:78px;height:78px;opacity:.26;filter:drop-shadow(0 0 19px rgba(155,177,255,.3))!important}
.academy-motion-board{position:absolute;z-index:2;inset:0;overflow:hidden;perspective:850px;transform-style:preserve-3d;pointer-events:none}
.academy-board-surface{position:absolute;left:-14%;right:-17%;top:18%;height:79%;transform:rotateX(58deg) rotateZ(-16deg);transform-origin:center center;background-image:linear-gradient(rgba(154,170,241,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(154,170,241,.15) 1px,transparent 1px);background-size:25px 25px;border:1px solid rgba(151,167,241,.14);border-radius:12px;background-color:rgba(26,29,57,.26);box-shadow:0 0 28px rgba(108,124,237,.1),inset 0 0 28px rgba(126,143,255,.07)}
.academy-motion-card{position:absolute;display:flex;flex-direction:column;gap:5px;width:77px;height:106px;padding:7px 7px 6px;border:1px solid rgba(218,204,255,.48);border-radius:7px;background:linear-gradient(147deg,rgba(61,73,129,.96),rgba(28,27,62,.97) 74%);box-shadow:0 11px 22px rgba(4,5,18,.38),inset 0 1px rgba(255,255,255,.21);color:#f0eeff;transform-style:preserve-3d;transform-origin:50% 70%;opacity:0;backdrop-filter:blur(5px)}
.academy-motion-card:after{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.08);border-radius:4px;pointer-events:none}
.academy-ui-top{display:flex;gap:3px;align-items:center}.academy-ui-top i{width:3px;height:3px;border-radius:50%;background:#eab7f4;opacity:.88}.academy-motion-card>b{font:900 8px/1.15 'Barlow Condensed','DM Sans',sans-serif;letter-spacing:1px;color:#fff;margin-top:3px}.academy-motion-card small{font:800 5px/1.2 'DM Sans',sans-serif;letter-spacing:.7px;color:#b9c5ff}.academy-motion-card em{font:900 5px/1.2 'DM Sans',sans-serif;letter-spacing:.45px;font-style:normal;color:#f3c3f2;margin-top:auto;white-space:nowrap}.academy-ui-avatar{width:22px;height:22px;border-radius:50%;margin:2px auto 0;border:1px solid rgba(237,214,255,.8);background:radial-gradient(circle at 35% 28%,#fff0df 0 13%,#d6a2d5 15% 38%,#686bc4 40% 66%,#302b60 68%)}.academy-ui-lines{display:flex;flex-direction:column;gap:4px;margin:8px 0 0}.academy-ui-lines i{height:3px;border-radius:4px;background:linear-gradient(90deg,rgba(234,203,255,.72),rgba(150,175,255,.28));width:100%}.academy-ui-lines i:nth-child(2){width:76%}.academy-ui-lines i:nth-child(3){width:56%}.academy-ui-crest{display:grid;place-items:center;align-self:center;margin-top:2px;width:34px;height:34px;clip-path:polygon(50% 0,87% 18%,78% 73%,50% 100%,22% 73%,13% 18%);background:linear-gradient(145deg,#ffcfe7,#9c93ff 48%,#434d9c);color:#29264e;text-shadow:0 1px rgba(255,255,255,.35);font-size:19px;filter:drop-shadow(0 0 8px rgba(176,154,255,.45))}
.academy-motion-card-a{left:3%;top:23%;--card-rotate:-18deg;--card-scale:.9;--card-y:14px;--card-delay:.04s;background:linear-gradient(140deg,rgba(74,77,153,.97),rgba(40,31,83,.97))}
.academy-motion-card-b{left:17%;top:37%;--card-rotate:-11deg;--card-scale:1;--card-y:-7px;--card-delay:.1s;background:linear-gradient(140deg,rgba(161,85,151,.97),rgba(69,44,100,.97))}
.academy-motion-card-c{left:31%;top:27%;--card-rotate:-4deg;--card-scale:1.05;--card-y:11px;--card-delay:.16s;background:linear-gradient(140deg,rgba(67,111,176,.97),rgba(36,48,102,.97))}
.academy-motion-card-d{left:45%;top:39%;--card-rotate:4deg;--card-scale:1;--card-y:-12px;--card-delay:.22s;background:linear-gradient(140deg,rgba(174,94,151,.97),rgba(81,42,103,.97))}
.academy-motion-card-e{left:59%;top:25%;--card-rotate:11deg;--card-scale:1.02;--card-y:3px;--card-delay:.28s;background:linear-gradient(140deg,rgba(76,105,181,.97),rgba(37,48,103,.97))}
.academy-motion-card-f{left:73%;top:37%;--card-rotate:18deg;--card-scale:.94;--card-y:-4px;--card-delay:.34s;background:linear-gradient(140deg,rgba(181,102,159,.97),rgba(82,43,105,.97))}
.academy-motion-card-g{left:86%;top:22%;--card-rotate:24deg;--card-scale:.84;--card-y:8px;--card-delay:.4s;background:linear-gradient(140deg,rgba(80,103,184,.97),rgba(43,42,102,.97))}
.academy-drop-panel.is-open .academy-motion-card{animation:academy-motion-card-entrance .76s var(--card-delay,0s) cubic-bezier(.16,.78,.2,1) forwards,academy-motion-card-float 4.8s calc(.75s + var(--card-delay,0s)) ease-in-out infinite}
.academy-illustration-caption{z-index:4;text-shadow:0 1px 5px rgba(0,0,0,.4)}
@keyframes academy-cardboard-window-in{0%{opacity:0;transform:translateY(-22px) rotateX(4deg) scale(.965);filter:blur(5px)}70%{opacity:1;filter:blur(0)}100%{transform:translateY(0) rotateX(0) scale(1);opacity:1;filter:blur(0)}}
@keyframes academy-motion-card-entrance{0%{opacity:0;transform:translate3d(0,32px,-50px) rotateX(42deg) rotateZ(var(--card-rotate)) scale(.63)}75%{opacity:1;transform:translate3d(0,-4px,15px) rotateX(28deg) rotateZ(var(--card-rotate)) scale(var(--card-scale))}100%{opacity:1;transform:translate3d(0,var(--card-y),0) rotateX(31deg) rotateZ(var(--card-rotate)) scale(var(--card-scale))}}
@keyframes academy-motion-card-float{0%,100%{margin-top:0;filter:brightness(1)}50%{margin-top:-7px;filter:brightness(1.12)}}

/* V54 — the Players tab becomes a tilted rank-card board with a foreground profile spotlight. */
.players-board-heading .mini-tag{align-self:flex-start}
.players-board-shell{position:relative;isolation:isolate;margin:8px 0 0;padding:12px 13px 10px;border:1px solid rgba(148,167,223,.18);border-radius:17px;background:radial-gradient(ellipse at 50% 0,rgba(105,124,229,.12),transparent 54%),linear-gradient(145deg,rgba(16,21,42,.96),rgba(7,10,22,.98));box-shadow:0 23px 60px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.05);overflow:hidden}
.players-board-shell:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.34;background-image:linear-gradient(rgba(135,155,229,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(135,155,229,.08) 1px,transparent 1px);background-size:31px 31px;mask-image:linear-gradient(135deg,transparent,#000 18%,#000 82%,transparent)}
.players-board-shell:after{content:"";position:absolute;top:-110px;left:15%;right:15%;height:190px;pointer-events:none;background:radial-gradient(ellipse,rgba(123,143,255,.16),transparent 69%);filter:blur(20px)}
.players-board-topline,.players-board-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:6px 4px 13px;color:#8c9bc5;font:900 8px/1.3 'DM Sans',sans-serif;letter-spacing:.13em}
.players-board-topline>span{display:inline-flex;align-items:center;gap:8px;color:#d5ddff}.players-board-topline>span i{width:6px;height:6px;border-radius:50%;background:#9bafff;box-shadow:0 0 12px rgba(139,160,255,.9)}.players-board-topline small{color:#6e7ca8;font-size:7px}.players-board-topline small b{color:#b5c4ff;font-size:13px;margin-left:6px}
.players-board-floor{position:relative;z-index:1;min-height:170px;padding:18px 8px 22px;perspective:1450px;perspective-origin:50% 16%;transform-style:preserve-3d;border:1px solid rgba(141,161,233,.13);border-radius:12px;background:linear-gradient(180deg,rgba(29,37,76,.26),rgba(7,11,25,.12));box-shadow:inset 0 0 38px rgba(0,0,0,.17)}
.players-board-floor:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background-image:linear-gradient(rgba(137,158,236,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(137,158,236,.075) 1px,transparent 1px);background-size:26px 26px;transform:perspective(700px) rotateX(3deg);transform-origin:bottom center;mask-image:linear-gradient(180deg,#000,transparent 92%)}
.player-directory-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,218px),1fr));align-items:stretch;gap:20px 16px;perspective:1200px;transform-style:preserve-3d}
.player-directory-card.player-card-boarded{position:relative;z-index:calc(12 - min(var(--card-index,0),10));display:flex;flex-direction:column;min-width:0;min-height:342px;padding:16px 15px 14px;overflow:hidden;border:1px solid rgba(161,176,245,.24)!important;border-radius:12px!important;background:linear-gradient(147deg,rgba(31,40,83,.98),rgba(13,18,41,.99) 72%)!important;color:#edf0ff!important;box-shadow:0 14px 23px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.07)!important;transform:translateZ(0) rotateX(10deg) rotateZ(var(--board-lean,-1deg));transform-style:preserve-3d;transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s,border-color .34s,filter .34s;animation:player-board-card-arrive .72s calc(var(--card-index,0)*45ms) both}
.player-directory-card.player-card-boarded:nth-child(3n+1){--board-lean:-2.3deg}.player-directory-card.player-card-boarded:nth-child(3n+2){--board-lean:.7deg}.player-directory-card.player-card-boarded:nth-child(3n){--board-lean:1.8deg}
.player-directory-card.player-card-boarded:before{top:-29%;right:-25%;width:100%;height:75%;background:radial-gradient(ellipse,rgba(161,177,255,.2),transparent 70%);pointer-events:none}
.player-directory-card.player-card-boarded:after{content:"";position:absolute;inset:5px;border:1px solid rgba(224,231,255,.06);border-radius:8px;pointer-events:none}
.player-directory-card.player-card-boarded:hover,.player-directory-card.player-card-boarded:focus-within,.player-directory-card.player-card-boarded:focus-visible{z-index:90!important;outline:none;border-color:rgba(218,226,255,.8)!important;transform:translateY(-10px) translateZ(35px) rotateX(0deg) rotateZ(0deg) scale(1.025);box-shadow:0 25px 40px rgba(0,0,0,.34),0 0 26px rgba(118,143,255,.14)!important;filter:brightness(1.08)}
.player-card-artline{position:relative;display:flex;align-items:center;gap:11px;padding:14px 0 12px;border-bottom:1px solid rgba(191,204,255,.1)}
.player-card-rank-crest{position:relative;display:grid;place-items:center;flex:0 0 54px;width:54px;height:59px;clip-path:polygon(50% 0,91% 15%,83% 72%,50% 100%,17% 72%,9% 15%);background:linear-gradient(145deg,var(--rank-light,#e9d5ff),var(--rank-main,#8294ed) 47%,var(--rank-dark,#343d78));filter:drop-shadow(0 3px 5px rgba(0,0,0,.25));color:#191c40;text-shadow:0 1px rgba(255,255,255,.45)}
.player-card-rank-crest b{font:900 17px/1 'Barlow Condensed','DM Sans',sans-serif;letter-spacing:-.03em}.player-card-rank-crest i{position:absolute;bottom:7px;font-size:7px;font-style:normal}
.player-card-rank-label{min-width:0;display:flex;flex-direction:column;gap:5px}.player-card-rank-label small{font:900 7px/1 'DM Sans',sans-serif;letter-spacing:.12em;color:#8290c1}.player-card-rank-label strong{font:900 17px/1 'Barlow Condensed','DM Sans',sans-serif;text-transform:uppercase;overflow-wrap:anywhere;color:#e7eaff}.player-card-rank-label em{font:800 6px/1.2 'DM Sans',sans-serif;letter-spacing:.12em;color:#737fa9;font-style:normal}
.player-directory-card.player-card-boarded .player-card-avatar{position:relative;z-index:1;width:76px;height:76px;margin:15px auto 7px;border:2px solid rgba(198,209,255,.72);border-radius:50%;background:linear-gradient(145deg,#4a538f,#242c5a);box-shadow:0 0 0 5px rgba(153,169,255,.065),0 0 21px rgba(118,142,255,.12);padding:2px}
.player-directory-card.player-card-boarded .player-card-avatar:after{content:"";position:absolute;inset:-8px;border:1px dashed rgba(164,180,255,.28);border-radius:50%;animation:player-avatar-orbit 18s linear infinite;pointer-events:none}
.player-directory-card.player-card-boarded .player-card-avatar img{border-radius:50%;width:100%;height:100%;object-fit:cover}
.player-directory-card.player-card-boarded h3{width:100%;margin:5px 0 7px;text-align:center;color:#f3f4ff!important;font:900 19px/1.05 'Barlow Condensed','DM Sans',sans-serif;letter-spacing:.03em;position:relative;z-index:1}
.player-directory-card.player-card-boarded .player-card-rank{display:none}
.player-directory-card.player-card-boarded .player-card-details{margin-top:auto;gap:8px;padding:10px 0;border-top:1px solid rgba(191,204,255,.11);border-bottom:1px solid rgba(191,204,255,.11)}
.player-directory-card.player-card-boarded .player-card-details small{color:#8592bf;font-size:7px}.player-directory-card.player-card-boarded .player-card-details b{color:#d8ddff;font-size:9px}
.player-card-open-trigger{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-top:10px;min-height:31px;padding:0 9px;border:1px solid rgba(172,188,255,.23);border-radius:6px;background:rgba(116,134,215,.095);color:#cbd5ff;font:900 8px/1 'DM Sans',sans-serif;letter-spacing:.09em;cursor:pointer;transition:transform .18s,background .18s,border-color .18s}
.player-card-open-trigger:hover,.player-card-open-trigger:focus-visible{outline:none;transform:translateY(-1px);background:rgba(145,159,244,.18);border-color:rgba(205,214,255,.65)}
.player-directory-card.player-card-boarded .player-request-button{position:relative;z-index:2;width:100%;min-height:35px;margin-top:7px;justify-content:center;background:linear-gradient(110deg,#e2c574,#b98d42)!important;border:1px solid #e7d18b!important;color:#211d31!important;font-size:8px;letter-spacing:.055em;box-shadow:0 5px 13px rgba(0,0,0,.14)!important}
.player-directory-card.player-card-boarded .player-request-button:disabled{opacity:.65;filter:saturate(.55)}
.rank-tone-iron{--rank-light:#c9c2b9;--rank-main:#777b83;--rank-dark:#393d47}.rank-tone-bronze{--rank-light:#f3c6a3;--rank-main:#b56f42;--rank-dark:#66361f}.rank-tone-silver{--rank-light:#f0f4fa;--rank-main:#aeb8ce;--rank-dark:#596a89}.rank-tone-gold{--rank-light:#fff1a9;--rank-main:#e3b83f;--rank-dark:#8c6121}.rank-tone-platinum{--rank-light:#dcfff8;--rank-main:#67c8be;--rank-dark:#276f85}.rank-tone-emerald{--rank-light:#c0ffd7;--rank-main:#30b77c;--rank-dark:#145b63}.rank-tone-diamond{--rank-light:#e7d5ff;--rank-main:#938df9;--rank-dark:#4a42a6}.rank-tone-master{--rank-light:#f6c4ff;--rank-main:#b36ce1;--rank-dark:#633489}.rank-tone-grandmaster{--rank-light:#ffd0ca;--rank-main:#e86474;--rank-dark:#6c203e}.rank-tone-challenger{--rank-light:#fff4c4;--rank-main:#e4c777;--rank-dark:#89723d}.rank-tone-unranked{--rank-light:#d6e2ed;--rank-main:#879bb2;--rank-dark:#3b5268}
.players-board-footer{padding:12px 5px 3px;color:#67769e;font-size:6px}.players-board-footer .players-board-sparkle{color:#f3d181;font-size:16px;text-shadow:0 0 12px rgba(255,207,101,.4)}
@keyframes player-board-card-arrive{0%{opacity:0;transform:translateY(30px) translateZ(-55px) rotateX(32deg) rotateZ(var(--board-lean,-1deg));filter:blur(4px)}100%{opacity:1;transform:translateZ(0) rotateX(10deg) rotateZ(var(--board-lean,-1deg));filter:blur(0)}}
@keyframes player-avatar-orbit{to{transform:rotate(360deg)}}

/* Selected card leaves the board and fills the foreground in a focused profile window. */
.player-spotlight-overlay{position:fixed;inset:0;z-index:4200;display:grid;place-items:center;padding:clamp(12px,3vw,34px);isolation:isolate;overflow:hidden}
.player-spotlight-overlay.hidden{display:none!important}
.player-spotlight-backdrop{position:absolute;inset:0;border:0;background:rgba(4,7,20,.83);backdrop-filter:blur(15px);cursor:pointer;opacity:0;transition:opacity .3s ease}
.player-spotlight-window{position:relative;z-index:1;display:grid;grid-template-columns:minmax(190px,.76fr) minmax(300px,1.25fr);gap:clamp(18px,3vw,36px);align-items:center;width:min(900px,100%);max-height:min(850px,94dvh);overflow:auto;padding:clamp(24px,4vw,45px);border:1px solid rgba(172,188,255,.45);border-radius:20px;background:radial-gradient(ellipse at 4% 0,rgba(104,124,231,.2),transparent 46%),linear-gradient(145deg,#171d3e,#080d21 75%);color:#edf1ff;box-shadow:0 35px 110px rgba(0,0,0,.58),0 0 55px rgba(117,137,255,.13),inset 0 1px rgba(255,255,255,.07);opacity:0;transform:translateY(34px) scale(.86) rotateX(8deg);transform-origin:50% 70%;transition:opacity .35s,transform .58s cubic-bezier(.15,.82,.18,1)}
.player-spotlight-overlay.is-open .player-spotlight-backdrop{opacity:1}.player-spotlight-overlay.is-open .player-spotlight-window{opacity:1;transform:translateY(0) scale(1) rotateX(0)}
.player-spotlight-overlay.is-closing .player-spotlight-window{opacity:0;transform:translateY(20px) scale(.94);transition-duration:.22s}.player-spotlight-overlay.is-closing .player-spotlight-backdrop{opacity:0}
.player-spotlight-window:before{content:"";position:absolute;inset:8px;border:1px solid rgba(190,203,255,.07);border-radius:14px;pointer-events:none}.player-spotlight-close{position:absolute;z-index:9;right:14px;top:14px;width:35px;height:35px;border:1px solid rgba(176,192,255,.24);border-radius:50%;background:rgba(10,15,36,.72);color:#dae1ff;font-size:23px;cursor:pointer;transition:transform .2s,background .2s}.player-spotlight-close:hover{transform:rotate(90deg);background:rgba(101,117,202,.25)}
.player-spotlight-board-glow{position:absolute;top:-140px;left:12%;right:12%;height:250px;pointer-events:none;background:radial-gradient(ellipse,rgba(109,130,248,.2),transparent 68%);filter:blur(18px)}
.player-spotlight-mini-deck{position:absolute;left:8%;top:10%;width:180px;height:210px;opacity:.22;pointer-events:none;transform:rotate(-18deg)}.player-spotlight-mini-deck i{position:absolute;inset:0;border:1px solid rgba(178,192,255,.35);border-radius:11px;background:linear-gradient(140deg,rgba(70,84,161,.3),rgba(23,30,70,.3));box-shadow:0 8px 16px rgba(0,0,0,.22)}.player-spotlight-mini-deck i:nth-child(1){transform:translate(-19px,-10px) rotate(-12deg)}.player-spotlight-mini-deck i:nth-child(2){transform:translate(-9px,-4px) rotate(-6deg)}.player-spotlight-mini-deck i:nth-child(3){transform:translate(1px,2px) rotate(0)}.player-spotlight-mini-deck i:nth-child(4){transform:translate(11px,7px) rotate(6deg)}.player-spotlight-mini-deck i:nth-child(5){transform:translate(21px,12px) rotate(12deg)}
.player-spotlight-content{position:relative;z-index:2;display:contents}
.player-spotlight-visual{position:relative;align-self:stretch;min-height:330px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(158,177,255,.17);border-radius:15px;background:linear-gradient(155deg,rgba(42,52,107,.53),rgba(9,13,32,.59));transform-style:preserve-3d;box-shadow:inset 0 0 42px rgba(92,112,236,.07)}
.player-spotlight-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(143,159,231,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(143,159,231,.08) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse,#000,transparent 78%)}
.player-spotlight-orbit{position:absolute;width:195px;height:195px;border:1px solid rgba(167,182,255,.23);border-radius:50%;box-shadow:0 0 0 17px rgba(144,160,255,.035),inset 0 0 32px rgba(110,135,255,.07);animation:player-spotlight-orbit 18s linear infinite}.player-spotlight-orbit.orbit-two{width:240px;height:240px;border-style:dashed;animation-direction:reverse;animation-duration:28s}
.player-spotlight-rank-crest{position:relative;z-index:2;display:grid;place-items:center;width:156px;height:176px;clip-path:polygon(50% 0,92% 14%,84% 72%,50% 100%,16% 72%,8% 14%);background:linear-gradient(145deg,var(--rank-light,#e9d5ff),var(--rank-main,#8294ed) 48%,var(--rank-dark,#343d78));box-shadow:0 14px 33px rgba(0,0,0,.35);color:#171a3a;text-shadow:0 1px 1px rgba(255,255,255,.55);filter:drop-shadow(0 0 21px color-mix(in srgb,var(--rank-main,#8294ed) 35%,transparent));animation:player-spotlight-crest-float 4.6s ease-in-out infinite}
.player-spotlight-rank-crest b{font:900 51px/1 'Barlow Condensed','DM Sans',sans-serif;letter-spacing:-.05em}.player-spotlight-rank-crest i{position:absolute;bottom:19px;font-size:18px;font-style:normal}.player-spotlight-number{position:absolute;bottom:15px;left:14px;color:#7280b0;font:900 8px/1 'DM Sans',sans-serif;letter-spacing:.16em}
.player-spotlight-copy{position:relative;min-width:0}.player-spotlight-kicker{display:flex;align-items:center;gap:9px;color:#a4b2ed;font:900 8px/1.4 'DM Sans',sans-serif;letter-spacing:.17em}.player-spotlight-kicker i{width:6px;height:6px;border-radius:50%;background:#eccd7a;box-shadow:0 0 12px rgba(244,211,123,.8)}.player-spotlight-copy h2{margin:12px 0 3px;color:#f2f4ff;font:900 clamp(30px,4vw,45px)/1 'Barlow Condensed','DM Sans',sans-serif;letter-spacing:-.015em;overflow-wrap:anywhere}.player-spotlight-copy h2 span{color:#e2c56f}.player-spotlight-subtitle{margin:0 0 18px;color:#7482b1;font:800 7px/1.6 'DM Sans',sans-serif;letter-spacing:.15em}
.player-spotlight-rank-panel{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 16px;border:1px solid color-mix(in srgb,var(--rank-main,#8294ed) 40%,transparent);border-radius:11px;background:linear-gradient(110deg,color-mix(in srgb,var(--rank-main,#8294ed) 12%,transparent),rgba(10,14,35,.6));box-shadow:inset 0 1px rgba(255,255,255,.035)}.player-spotlight-rank-panel>div{display:flex;flex-direction:column;gap:6px;min-width:0}.player-spotlight-rank-panel small{color:#7d8cbd;font:900 7px/1 'DM Sans',sans-serif;letter-spacing:.13em}.player-spotlight-rank-panel strong{font:900 27px/1 'Barlow Condensed','DM Sans',sans-serif;text-transform:uppercase;color:var(--rank-light,#edf1ff);overflow-wrap:anywhere}.player-spotlight-rank-panel em{font:800 6px/1.3 'DM Sans',sans-serif;color:#67769f;letter-spacing:.12em;font-style:normal}.player-spotlight-rank-token{display:grid;place-items:center;flex:0 0 45px;height:45px;clip-path:polygon(50% 0,90% 17%,80% 75%,50% 100%,20% 75%,10% 17%);background:linear-gradient(140deg,var(--rank-light,#dcdfff),var(--rank-main,#8294ed));color:#1c2041;font:900 14px 'Barlow Condensed','DM Sans',sans-serif}
.player-spotlight-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.player-spotlight-facts>div{min-width:0;display:flex;flex-direction:column;gap:6px;padding:11px 12px;border:1px solid rgba(159,177,255,.11);border-radius:8px;background:rgba(11,16,38,.5)}.player-spotlight-facts small{color:#7482af;font:900 6px/1 'DM Sans',sans-serif;letter-spacing:.13em}.player-spotlight-facts b{color:#d8defc;font:800 9px/1.4 'DM Sans',sans-serif;overflow-wrap:anywhere}
.player-spotlight-privacy{margin:11px 0 15px;color:#7784ad;font:500 9px/1.7 'DM Sans',sans-serif}.player-spotlight-actions{display:flex;gap:9px;flex-wrap:wrap}.player-spotlight-secondary,.player-spotlight-request{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:0 13px;border-radius:7px;font:900 8px/1 'DM Sans',sans-serif;letter-spacing:.07em;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.player-spotlight-secondary{border:1px solid rgba(156,174,241,.23);background:rgba(91,107,178,.1);color:#c3cdf7}.player-spotlight-request{flex:1;border:1px solid #e7d18a;background:linear-gradient(110deg,#f0d789,#bd9045);color:#231d33}.player-spotlight-secondary:hover,.player-spotlight-request:hover:not(:disabled){transform:translateY(-2px)}.player-spotlight-request:disabled{opacity:.62;cursor:default;filter:saturate(.6)}
@keyframes player-spotlight-orbit{to{transform:rotate(360deg)}}@keyframes player-spotlight-crest-float{0%,100%{transform:translateY(0) rotateY(-7deg) rotateX(3deg)}50%{transform:translateY(-8px) rotateY(7deg) rotateX(-2deg)}}
.player-spotlight-open{overflow:hidden!important}
/* Light theme: keep the board dark enough that the rank colors remain vivid. */
html[data-skg-theme="light"] .players-board-shell{background:linear-gradient(145deg,#f2f1fc,#e9eaf9);border-color:#cfd2eb;box-shadow:0 15px 38px rgba(63,68,120,.09)}
html[data-skg-theme="light"] .players-board-shell:before{opacity:.55;background-image:linear-gradient(rgba(91,105,173,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(91,105,173,.09) 1px,transparent 1px)}
html[data-skg-theme="light"] .players-board-topline>span{color:#3e4476}html[data-skg-theme="light"] .players-board-topline small,html[data-skg-theme="light"] .players-board-footer{color:#737da6}
html[data-skg-theme="light"] .players-board-floor{background:rgba(255,255,255,.36);border-color:#d4d7ee}
html[data-skg-theme="light"] .player-directory-card.player-card-boarded{background:linear-gradient(147deg,#303963,#171e3f 72%)!important;color:#edf0ff!important}
html[data-skg-theme="light"] .player-spotlight-window{background:radial-gradient(ellipse at 4% 0,rgba(104,124,231,.19),transparent 46%),linear-gradient(145deg,#f8f8ff,#e6e9fa 75%);border-color:#cbd2f1;color:#292d4a;box-shadow:0 28px 75px rgba(39,45,91,.24)}
html[data-skg-theme="light"] .player-spotlight-copy h2{color:#272b49}html[data-skg-theme="light"] .player-spotlight-facts>div{background:rgba(255,255,255,.68);border-color:#dfe2f5}html[data-skg-theme="light"] .player-spotlight-facts b{color:#34395c}html[data-skg-theme="light"] .player-spotlight-privacy{color:#646f99}
@media(max-width:740px){.players-board-shell{padding:9px}.players-board-topline{align-items:flex-start;flex-direction:column;gap:6px}.players-board-floor{padding:12px 7px 16px}.player-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px}.player-directory-card.player-card-boarded{min-height:325px;padding:12px 10px;transform:translateZ(0) rotateX(6deg) rotateZ(var(--board-lean,-1deg))}.player-directory-card.player-card-boarded h3{font-size:16px}.player-card-rank-crest{width:45px;height:50px;flex-basis:45px}.player-card-rank-label strong{font-size:14px}.player-spotlight-window{grid-template-columns:1fr;gap:15px;max-height:calc(100dvh - 22px);padding:22px 16px 16px;border-radius:14px}.player-spotlight-visual{min-height:170px;max-height:190px}.player-spotlight-orbit{width:135px;height:135px}.player-spotlight-orbit.orbit-two{width:165px;height:165px}.player-spotlight-rank-crest{width:85px;height:98px}.player-spotlight-rank-crest b{font-size:29px}.player-spotlight-rank-crest i{bottom:9px;font-size:11px}.player-spotlight-copy h2{font-size:32px}.player-spotlight-rank-panel{padding:11px 12px}.player-spotlight-rank-panel strong{font-size:23px}.player-spotlight-facts>div{padding:9px}.player-spotlight-actions{flex-direction:column}.player-spotlight-secondary,.player-spotlight-request{width:100%;min-height:39px}.player-spotlight-close{right:8px;top:8px}.academy-motion-card{width:65px;height:92px;padding:6px}.academy-motion-card-a{left:-2%}.academy-motion-card-b{left:12%}.academy-motion-card-c{left:27%}.academy-motion-card-d{left:42%}.academy-motion-card-e{left:57%}.academy-motion-card-f{left:72%}.academy-motion-card-g{left:86%}}
@media(max-width:480px){.player-directory-grid{grid-template-columns:1fr}.player-directory-card.player-card-boarded{min-height:335px;max-width:360px;width:100%;margin:0 auto;transform:translateZ(0) rotateX(4deg)}.player-spotlight-visual{min-height:140px;max-height:150px}.player-spotlight-copy h2{font-size:30px}.player-spotlight-rank-panel strong{font-size:21px}.players-board-footer{font-size:5.5px}.academy-drop-illustration{min-height:170px}.academy-motion-card{width:56px;height:82px;padding:5px;gap:4px}.academy-motion-card>b{font-size:7px}.academy-motion-card em{font-size:4px}.academy-motion-card-a{left:-4%;top:23%}.academy-motion-card-b{left:11%;top:36%}.academy-motion-card-c{left:26%;top:25%}.academy-motion-card-d{left:41%;top:39%}.academy-motion-card-e{left:56%;top:24%}.academy-motion-card-f{left:71%;top:37%}.academy-motion-card-g{left:86%;top:22%}}
@media(prefers-reduced-motion:reduce){.academy-nav-button,.academy-nav-seal,.academy-drop-panel.is-open .academy-drop-card,.academy-drop-panel.is-open .academy-motion-card,.player-directory-card.player-card-boarded,.player-directory-card.player-card-boarded .player-card-avatar:after,.player-spotlight-orbit,.player-spotlight-rank-crest,.player-spotlight-window,.player-spotlight-backdrop{animation:none!important;transition:none!important}.academy-motion-card{opacity:1!important;transform:rotateX(24deg) rotateZ(var(--card-rotate,0deg)) scale(var(--card-scale,1))!important}.player-directory-card.player-card-boarded{opacity:1;transform:none}.player-spotlight-overlay.is-open .player-spotlight-window{opacity:1;transform:none}}


/* V55 — restore the original SKG Academy logo; the animated card board belongs to View members. */
.academy-drop-panel.is-open .academy-drop-card{animation:none!important}
.academy-nav-button{transform:none!important;overflow:hidden!important;box-shadow:none!important;transition:background .2s,border-color .2s!important}
.academy-nav-button:before{content:none!important;display:none!important}
.academy-nav-button:hover,.academy-nav-button[aria-expanded="true"]{transform:none!important;box-shadow:none!important}
.academy-nav-button:hover:before,.academy-nav-button[aria-expanded="true"]:before{transform:none!important}
.academy-nav-button:hover .academy-nav-seal,.academy-nav-button[aria-expanded="true"] .academy-nav-seal{transform:none!important;filter:none!important}
.academy-drop-illustration>img{width:100px!important;height:100px!important;object-fit:contain!important;position:relative!important;z-index:2!important;filter:none!important;opacity:1!important;background:transparent!important;border-radius:0!important;padding:0!important;box-sizing:border-box!important;animation:academy-seal-drift 5s ease-in-out infinite!important}
.academy-illustration-caption{z-index:3!important}

/* The View members screen is a perspective board. Cards arrive in a staggered ribbon, then lift on selection. */
#academyMembersOverlay .academy-members-window{width:min(1120px,100%)!important;max-height:94dvh!important;overflow:auto!important;perspective:1500px!important;transform-style:preserve-3d!important}
#academyMembersOverlay .academy-roster-panel:not(.hidden){position:relative!important;isolation:isolate!important;overflow:hidden!important;margin:0 0 14px!important;padding:26px clamp(12px,2vw,24px) 31px!important;min-height:275px!important;border:1px solid rgba(143,160,221,.2)!important;border-radius:13px!important;background:radial-gradient(ellipse at 50% 0,rgba(115,139,246,.13),transparent 58%),linear-gradient(150deg,rgba(24,29,56,.98),rgba(9,12,26,.99) 75%)!important;box-shadow:inset 0 0 35px rgba(0,0,0,.24),0 18px 40px rgba(0,0,0,.18)!important;perspective:1450px!important;transform-style:preserve-3d!important}
#academyMembersOverlay .academy-roster-panel:not(.hidden):before{content:"";position:absolute!important;inset:0!important;z-index:-1!important;pointer-events:none!important;border-radius:inherit!important;background-image:linear-gradient(rgba(133,153,226,.105) 1px,transparent 1px),linear-gradient(90deg,rgba(133,153,226,.105) 1px,transparent 1px)!important;background-size:28px 28px!important;transform:perspective(900px) rotateX(2deg)!important;transform-origin:center bottom!important;mask-image:linear-gradient(180deg,#000,transparent 95%)!important}
#academyMembersOverlay .academy-flip-grid{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),260px))!important;justify-content:center!important;align-items:stretch!important;gap:clamp(15px,2.1vw,28px)!important;width:100%!important;max-width:none!important;margin:0 auto!important;perspective:1450px!important;transform-style:preserve-3d!important}
#academyMembersOverlay .academy-top-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),260px))!important;max-width:none!important;justify-content:center!important}
#academyMembersOverlay .academy-flip-card{position:relative!important;z-index:2!important;width:100%!important;min-width:0!important;max-width:260px!important;min-height:0!important;justify-self:center!important;transform:translateZ(0) rotateX(12deg) rotateZ(var(--board-angle,0deg))!important;transform-style:preserve-3d!important;transition:transform .38s cubic-bezier(.2,.8,.2,1),filter .3s,box-shadow .3s!important;filter:drop-shadow(0 15px 16px rgba(0,0,0,.22))!important;backface-visibility:visible!important}
#academyMembersOverlay .academy-flip-card:focus-visible{outline:2px solid #f1d58a!important;outline-offset:6px!important}
#academyMembersOverlay .academy-roster-panel.is-dealing .academy-flip-card{opacity:0;animation:skg-academy-card-deal .88s calc(var(--deal-index,0)*78ms) cubic-bezier(.15,.82,.2,1) both!important}
#academyMembersOverlay .academy-flip-card:hover,#academyMembersOverlay .academy-flip-card:focus-visible{z-index:50!important;transform:translateY(-12px) translateZ(48px) rotateX(0deg) rotateZ(0deg) scale(1.035)!important;filter:drop-shadow(0 27px 23px rgba(0,0,0,.46)) brightness(1.08)!important}
#academyMembersOverlay .academy-flip-card.is-flipped{z-index:40!important;transform:translateY(-4px) translateZ(18px) rotateX(0deg) rotateZ(0deg)!important}
#academyMembersOverlay .academy-flip-face{box-shadow:0 21px 35px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.12)!important}
#academyMembersOverlay .academy-card-flip-button{cursor:pointer!important}
@keyframes skg-academy-card-deal{0%{opacity:0;transform:translate3d(0,70px,-140px) rotateX(58deg) rotateZ(calc(var(--board-angle,0deg)*2.2)) scale(.64);filter:blur(5px) brightness(.72)}56%{opacity:1;transform:translate3d(0,-9px,28px) rotateX(19deg) rotateZ(var(--board-angle,0deg)) scale(1.025);filter:blur(0) brightness(1.08)}78%{transform:translate3d(0,3px,0) rotateX(12deg) rotateZ(var(--board-angle,0deg)) scale(.985)}100%{opacity:1;transform:translateZ(0) rotateX(12deg) rotateZ(var(--board-angle,0deg)) scale(1);filter:blur(0) brightness(1)}}

/* Selecting any roster card brings it into a clean foreground rank view. */
.academy-card-spotlight-overlay{position:fixed;inset:0;z-index:4650;display:grid;place-items:center;padding:clamp(10px,2.5vw,30px);isolation:isolate;overflow:hidden}
.academy-card-spotlight-overlay.hidden{display:none!important}
.academy-card-spotlight-backdrop{position:absolute;inset:0;border:0;background:rgba(3,5,15,.86);backdrop-filter:blur(16px);opacity:0;cursor:pointer;transition:opacity .3s ease}
.academy-card-spotlight-window{position:relative;z-index:1;width:min(1020px,100%);max-height:94dvh;overflow:auto;padding:clamp(22px,3vw,36px);border:1px solid rgba(164,182,244,.3);border-radius:18px;background:radial-gradient(ellipse at 15% 0,rgba(124,143,244,.16),transparent 48%),linear-gradient(145deg,#191e39,#080c1b 76%);color:#edf0ff;box-shadow:0 38px 110px rgba(0,0,0,.6),inset 0 1px rgba(255,255,255,.07);opacity:0;transform:translateY(52px) scale(.82) rotateX(9deg);transform-origin:50% 70%;transition:opacity .32s,transform .56s cubic-bezier(.16,.82,.2,1)}
.academy-card-spotlight-overlay.is-open .academy-card-spotlight-backdrop{opacity:1}.academy-card-spotlight-overlay.is-open .academy-card-spotlight-window{opacity:1;transform:translateY(0) scale(1) rotateX(0deg)}
.academy-card-spotlight-overlay.is-closing .academy-card-spotlight-backdrop{opacity:0}.academy-card-spotlight-overlay.is-closing .academy-card-spotlight-window{opacity:0;transform:translateY(25px) scale(.93);transition-duration:.2s}
.academy-card-spotlight-window:before{content:"";position:absolute;inset:7px;border:1px solid rgba(177,193,247,.08);border-radius:12px;pointer-events:none}
.academy-card-spotlight-close{position:absolute;z-index:9;right:13px;top:13px;width:37px;height:37px;border:1px solid rgba(174,190,247,.3);border-radius:50%;background:rgba(11,16,36,.78);color:#e8edff;font-size:24px;cursor:pointer;transition:transform .2s,background .2s}.academy-card-spotlight-close:hover{transform:rotate(90deg);background:rgba(117,134,224,.25)}
.academy-card-spotlight-heading{position:relative;z-index:1;padding-right:44px;margin-bottom:23px}.academy-card-spotlight-heading>span{display:flex;align-items:center;gap:8px;color:#9eaddf;font:900 8px/1.2 'DM Sans',sans-serif;letter-spacing:.17em}.academy-card-spotlight-heading>span i{width:6px;height:6px;border-radius:50%;background:#e8c979;box-shadow:0 0 13px rgba(232,201,121,.7)}.academy-card-spotlight-heading h2{margin:10px 0 5px;color:#f3f4ff;font:900 clamp(23px,3vw,34px)/1.05 'Barlow Condensed','DM Sans',sans-serif;letter-spacing:.02em}.academy-card-spotlight-heading p{margin:0;color:#8997c5;font:800 9px/1.5 'DM Sans',sans-serif;letter-spacing:.07em;text-transform:uppercase}
.academy-card-spotlight-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(215px,.76fr) minmax(260px,1.2fr);align-items:center;gap:clamp(18px,3vw,34px)}.academy-card-spotlight-visual{position:relative;display:grid;place-items:center;min-width:0;min-height:350px;padding:18px;overflow:hidden;border:1px solid rgba(145,164,230,.18);border-radius:13px;background:linear-gradient(145deg,rgba(42,52,103,.45),rgba(7,11,26,.58));perspective:1100px}.academy-card-spotlight-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(139,157,228,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(139,157,228,.09) 1px,transparent 1px);background-size:23px 23px;mask-image:radial-gradient(ellipse,#000,transparent 80%)}.academy-card-spotlight-orbit{position:absolute;width:220px;height:220px;border:1px solid rgba(163,181,247,.2);border-radius:50%;box-shadow:0 0 0 18px rgba(150,168,246,.03),0 0 50px rgba(101,126,225,.09);animation:academy-card-spotlight-orbit 22s linear infinite}.academy-card-spotlight-orbit:after{content:"";position:absolute;inset:-22px;border:1px dashed rgba(160,177,239,.15);border-radius:50%}
.academy-card-spotlight-card-wrap{position:relative;z-index:2;width:min(100%,290px);display:grid;place-items:center;perspective:1000px}.academy-card-spotlight-clone.academy-flip-card{width:100%!important;max-width:290px!important;max-height:60dvh!important;aspect-ratio:.69!important;transform:translateZ(22px) rotateX(0deg) rotateZ(-1deg) scale(1)!important;filter:drop-shadow(0 22px 24px rgba(0,0,0,.46))!important;animation:academy-focus-card-arrive .7s cubic-bezier(.16,.85,.2,1) both!important}.academy-card-spotlight-clone .academy-flip-face{box-shadow:0 25px 48px rgba(0,0,0,.44),inset 0 1px rgba(255,255,255,.14)!important}.academy-card-spotlight-info{position:relative;z-index:2;padding:8px 3px}.academy-card-spotlight-label{color:#8192c4;font:900 8px/1.2 'DM Sans',sans-serif;letter-spacing:.17em}.academy-card-spotlight-info h3{margin:10px 0 10px;color:#f1f3ff;font:900 clamp(25px,4vw,40px)/1 'Barlow Condensed','DM Sans',sans-serif;overflow-wrap:anywhere}.academy-card-spotlight-info>p{margin:0;color:#c0c9ea;font:800 12px/1.65 'DM Sans',sans-serif;letter-spacing:.035em}.academy-card-spotlight-note{display:flex;align-items:flex-start;gap:10px;margin:22px 0 20px;padding:14px;border:1px solid rgba(152,170,232,.15);border-radius:9px;background:rgba(116,136,222,.065);color:#99a7d4;font:600 10px/1.7 'DM Sans',sans-serif}.academy-card-spotlight-note>span:first-child{color:#edcf86;font-size:17px}.academy-card-spotlight-note b{color:#dfe5ff}.academy-card-spotlight-rank-link,.academy-card-spotlight-return{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;margin-top:9px;padding:10px 13px;border:1px solid rgba(173,191,247,.3);border-radius:7px;background:rgba(116,137,220,.12);color:#dce3ff;text-align:center;text-decoration:none;font:900 9px/1.3 'DM Sans',sans-serif;letter-spacing:.09em;cursor:pointer;transition:transform .18s,background .18s,border-color .18s}.academy-card-spotlight-rank-link:hover,.academy-card-spotlight-return:hover{transform:translateY(-2px);background:rgba(132,151,235,.23);border-color:rgba(206,216,255,.6)}.academy-card-spotlight-rank-link.hidden{display:none!important}.academy-card-spotlight-return{background:linear-gradient(115deg,#ebd18e,#b58c4a);border-color:#f0d99c;color:#241e2c}
@keyframes academy-focus-card-arrive{0%{opacity:0;transform:translate3d(0,75px,-110px) rotateX(22deg) rotateZ(8deg) scale(.76)}70%{opacity:1;transform:translate3d(0,-4px,25px) rotateX(0) rotateZ(-2deg) scale(1.02)}100%{opacity:1;transform:translateZ(22px) rotateX(0) rotateZ(-1deg) scale(1)}}
@keyframes academy-card-spotlight-orbit{to{transform:rotate(360deg)}}
@media(max-width:720px){#academyMembersOverlay .academy-members-window{width:min(100%,620px)!important;padding:22px 12px!important;max-height:95dvh!important}#academyMembersOverlay .academy-flip-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),210px))!important;gap:14px!important}#academyMembersOverlay .academy-flip-card{max-width:210px!important}#academyMembersOverlay .academy-role-tabs{margin:15px 0 12px!important;gap:6px!important}#academyMembersOverlay .academy-role-tab{padding:8px 10px!important}.academy-card-spotlight-layout{grid-template-columns:minmax(155px,.85fr) minmax(0,1fr);gap:14px}.academy-card-spotlight-visual{min-height:280px;padding:10px}.academy-card-spotlight-clone.academy-flip-card{max-width:205px!important}.academy-card-spotlight-orbit{width:150px;height:150px}.academy-card-spotlight-heading{margin-bottom:14px}}
@media(max-width:520px){.academy-card-spotlight-overlay{padding:7px}.academy-card-spotlight-window{padding:20px 12px 15px;max-height:96dvh;border-radius:13px}.academy-card-spotlight-layout{grid-template-columns:minmax(0,1fr);gap:15px}.academy-card-spotlight-visual{min-height:260px;padding:9px}.academy-card-spotlight-clone.academy-flip-card{max-width:185px!important;max-height:45dvh!important}.academy-card-spotlight-info{padding:0 3px}.academy-card-spotlight-info h3{font-size:27px}.academy-card-spotlight-note{margin:12px 0;padding:10px}.academy-card-spotlight-return,.academy-card-spotlight-rank-link{min-height:38px}.academy-card-spotlight-heading h2{font-size:23px}#academyMembersOverlay .academy-roster-panel:not(.hidden){padding:15px 8px 20px!important}#academyMembersOverlay .academy-flip-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,138px),190px))!important;gap:11px!important}}
@media(prefers-reduced-motion:reduce){.academy-roster-panel.is-dealing .academy-flip-card,.academy-card-spotlight-orbit,.academy-card-spotlight-clone.academy-flip-card{animation:none!important;opacity:1!important;transform:none!important}.academy-card-spotlight-window,.academy-card-spotlight-backdrop{transition:none!important}}

/* Start View members with the available SKG roster together on one board; role filters remain available. */
#academyMembersOverlay .academy-all-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),260px))!important;justify-content:center!important;max-width:none!important}
#academyMembersOverlay [data-academy-roster="all"]:not(.hidden){min-height:310px!important}


/* SKG V56: original masked slash-warrior feedback for rejected sign-in credentials. */
.wrong-password-slash{position:fixed;inset:0;z-index:20000;overflow:hidden;display:block;background:rgba(5,6,12,.08);isolation:isolate;pointer-events:auto;}
.wrong-password-slash.hidden{display:none!important}
.wrong-password-flash{position:absolute;inset:0;background:radial-gradient(ellipse at 54% 48%,rgba(255,31,69,.32),transparent 52%),linear-gradient(105deg,rgba(8,9,17,.03),rgba(8,9,17,.48));opacity:0;}
.wrong-password-slash.is-active .wrong-password-flash{animation:skg-slash-flash 2s ease-out both}
.wrong-password-cut{animation:skg-login-impact 2s ease-out both;transform-origin:center center;}
.wrong-password-slice{position:absolute;left:-6%;width:112%;height:53%;pointer-events:none;opacity:0;background:linear-gradient(95deg,rgba(20,22,34,.08),rgba(255,255,255,.055) 47%,rgba(255,32,73,.11));border-top:1px solid rgba(255,245,249,.2);border-bottom:1px solid rgba(255,57,90,.24);}
.wrong-password-slice-top{top:-1%;clip-path:polygon(0 0,100% 0,100% 93%,0 100%);}
.wrong-password-slice-bottom{bottom:-1%;clip-path:polygon(0 7%,100% 0,100% 100%,0 100%);}
.wrong-password-slash.is-active .wrong-password-slice-top{animation:skg-slice-top 2s cubic-bezier(.18,.76,.24,1) both}
.wrong-password-slash.is-active .wrong-password-slice-bottom{animation:skg-slice-bottom 2s cubic-bezier(.18,.76,.24,1) both}
.wrong-password-cutline{position:absolute;z-index:4;left:-18vw;top:50%;width:136vw;height:20px;transform:rotate(-19deg) scaleX(0);transform-origin:left center;opacity:0;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.98) 30%,#ff4664 48%,rgba(255,28,70,.96) 72%,rgba(255,255,255,0));box-shadow:0 0 10px #fff,0 0 28px rgba(255,25,66,.95),0 0 75px rgba(255,25,66,.7);}
.wrong-password-cutline i{position:absolute;left:0;right:0;top:9px;height:2px;background:#fff;box-shadow:0 0 18px #fff;}
.wrong-password-cutline b{position:absolute;right:16%;top:-8px;width:25%;height:3px;background:#fff;transform:rotate(-4deg);box-shadow:0 0 10px #ffedf1;}
.wrong-password-slash.is-active .wrong-password-cutline{animation:skg-cutline-sweep 1.7s cubic-bezier(.1,.75,.2,1) both}
.wrong-password-slash-hero{position:absolute;z-index:5;left:clamp(-210px,-18vw,-90px);top:50%;width:clamp(150px,20vw,260px);filter:drop-shadow(0 0 22px rgba(255,36,69,.45));transform:translate(-150%,-50%) rotate(-11deg);}
.wrong-password-hero-art{display:block;width:100%;height:auto;overflow:visible}
.wrong-password-slash.is-active .wrong-password-slash-hero{animation:skg-hero-dash 1.36s cubic-bezier(.3,.04,.5,.98) both}
.wrong-password-label{position:absolute;z-index:6;left:50%;bottom:clamp(24px,8vh,74px);display:flex;flex-direction:column;align-items:center;gap:7px;min-width:220px;padding:14px 23px 15px;transform:translate(-50%,24px) scale(.92);opacity:0;background:rgba(9,10,17,.84);border:1px solid rgba(255,75,104,.55);box-shadow:0 0 45px rgba(255,31,69,.2),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(12px);}
.wrong-password-label span{font-size:8px;font-weight:900;letter-spacing:2.4px;color:#ff96a8;}
.wrong-password-label strong{font-family:var(--display);font-size:clamp(15px,2.4vw,25px);font-weight:900;letter-spacing:1.4px;color:#fff;text-shadow:0 0 18px rgba(255,34,69,.7);}
.wrong-password-label small{font-size:10px;color:#c9cbd6;letter-spacing:.4px;}
.wrong-password-slash.is-active .wrong-password-label{animation:skg-wrong-label 2s ease-out both}
.wrong-password-shard{position:absolute;z-index:3;width:clamp(16px,3vw,40px);height:clamp(24px,5vw,62px);background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,41,75,.45) 45%,rgba(105,12,31,.06));clip-path:polygon(40% 0,100% 31%,55% 100%,0 60%);opacity:0;filter:drop-shadow(0 0 9px rgba(255,37,72,.65));}
.wrong-password-shard-a{left:29%;top:20%;}.wrong-password-shard-b{left:73%;top:38%;transform:rotate(65deg)}.wrong-password-shard-c{left:57%;top:68%;transform:rotate(-37deg)}
.wrong-password-slash.is-active .wrong-password-shard-a{animation:skg-shard-a 1.4s ease-out both}.wrong-password-slash.is-active .wrong-password-shard-b{animation:skg-shard-b 1.5s .08s ease-out both}.wrong-password-slash.is-active .wrong-password-shard-c{animation:skg-shard-c 1.3s .12s ease-out both}
@keyframes skg-slash-flash{0%,100%{opacity:0}34%{opacity:.82}46%{opacity:.2}58%{opacity:.5}70%{opacity:.12}}
@keyframes skg-login-impact{0%,100%{transform:translateX(0) skewX(0);filter:none}34%{transform:translateX(-5px) skewX(-.55deg);filter:contrast(1.35) saturate(1.3)}39%{transform:translateX(7px) skewX(.45deg)}47%{transform:translateX(-2px)}55%{transform:translateX(0);filter:none}}
@keyframes skg-slice-top{0%,15%{opacity:0;transform:translate(0,0)}31%{opacity:1;transform:translate(-5px,-6px) skewX(-.5deg)}42%{opacity:.6;transform:translate(12px,-4px)}65%{opacity:.12;transform:translate(0,0)}100%{opacity:0}}
@keyframes skg-slice-bottom{0%,15%{opacity:0;transform:translate(0,0)}31%{opacity:1;transform:translate(6px,7px) skewX(.5deg)}42%{opacity:.6;transform:translate(-10px,5px)}65%{opacity:.12;transform:translate(0,0)}100%{opacity:0}}
@keyframes skg-cutline-sweep{0%,17%{opacity:0;transform:rotate(-19deg) scaleX(0)}32%{opacity:1;transform:rotate(-19deg) scaleX(1)}42%{opacity:1;transform:rotate(-19deg) scaleX(1)}67%{opacity:0;transform:rotate(-19deg) scaleX(1)}100%{opacity:0;transform:rotate(-19deg) scaleX(0)}}
@keyframes skg-hero-dash{0%{transform:translate(-150%,-50%) rotate(-11deg)}14%{transform:translate(-45%,-50%) rotate(-11deg)}44%{transform:translate(43vw,-50%) rotate(-6deg)}70%{transform:translate(105vw,-50%) rotate(10deg)}100%{transform:translate(145vw,-50%) rotate(13deg)}}
@keyframes skg-wrong-label{0%,25%{opacity:0;transform:translate(-50%,24px) scale(.92)}43%{opacity:1;transform:translate(-50%,0) scale(1)}73%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-8px) scale(.98)}}
@keyframes skg-shard-a{0%,27%{opacity:0;transform:translate(0,0) rotate(0)}38%{opacity:1}75%{opacity:0;transform:translate(-100px,140px) rotate(100deg)}}
@keyframes skg-shard-b{0%,27%{opacity:0;transform:rotate(65deg) translate(0,0)}41%{opacity:1}75%{opacity:0;transform:rotate(155deg) translate(100px,120px)}}
@keyframes skg-shard-c{0%,27%{opacity:0;transform:rotate(-37deg) translate(0,0)}41%{opacity:1}74%{opacity:0;transform:rotate(35deg) translate(-65px,-135px)}}
@media(max-width:600px){.wrong-password-slash-hero{left:-140px;width:180px}.wrong-password-label{bottom:24px;min-width:190px;padding:12px 16px}.wrong-password-cutline{height:13px}.wrong-password-cutline i{top:6px;height:1px}}
@media(prefers-reduced-motion:reduce){.wrong-password-slash.is-active .wrong-password-flash,.wrong-password-slash.is-active .wrong-password-slice-top,.wrong-password-slash.is-active .wrong-password-slice-bottom,.wrong-password-slash.is-active .wrong-password-cutline,.wrong-password-slash.is-active .wrong-password-slash-hero,.wrong-password-slash.is-active .wrong-password-label,.wrong-password-slash.is-active .wrong-password-shard{animation-duration:.01ms!important;animation-iteration-count:1!important}}



/* V59 — Support puppy, timed help prompt, and animated private support desk. */
.dashboard-puppy{z-index:86}
.support-puppy-nameplate{color:#ffe0a0;border-color:rgba(255,196,91,.42);box-shadow:0 0 17px rgba(255,171,65,.15)}
.support-puppy-nameplate i{background:#ffc85e;box-shadow:0 0 8px #ffbd54}
.support-puppy-speech{position:absolute;right:72%;bottom:47%;z-index:5;width:max-content;max-width:min(190px,52vw);padding:11px 14px;border:1px solid rgba(113,255,229,.55);border-radius:13px 13px 13px 3px;background:linear-gradient(135deg,rgba(242,255,251,.98),rgba(204,255,244,.96));color:#101c29;font:900 10px var(--display);letter-spacing:.2px;line-height:1.5;box-shadow:0 8px 26px rgba(0,0,0,.3),0 0 26px rgba(69,255,214,.22);transform-origin:left bottom;pointer-events:none;animation:support-speech-in .32s cubic-bezier(.2,.8,.2,1) both}
.support-puppy-speech:after{content:"";position:absolute;left:13px;bottom:-7px;width:12px;height:12px;background:#d7fff6;border-right:1px solid rgba(113,255,229,.55);border-bottom:1px solid rgba(113,255,229,.55);transform:rotate(45deg)}
@keyframes support-speech-in{from{opacity:0;transform:translateY(9px) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}
.dashboard-puppy.puppy-support-opening .puppy-art{animation:support-puppy-bounce .58s cubic-bezier(.2,.8,.2,1)}
@keyframes support-puppy-bounce{0%,100%{translate:0 0;scale:1}28%{translate:0 -13px;scale:1.055}55%{translate:0 0;scale:.98}75%{translate:0 -4px;scale:1.02}}
.skg-support-modal{position:fixed;inset:0;z-index:310;display:grid;place-items:center;padding:clamp(10px,2.5vw,28px);isolation:isolate}
.skg-support-modal.hidden{display:none!important}
.skg-support-backdrop{position:absolute;inset:0;border:0;border-radius:0;background:radial-gradient(ellipse at 15% 12%,rgba(103,57,225,.22),transparent 43%),rgba(4,6,14,.84);backdrop-filter:blur(16px);opacity:0;transition:opacity .35s ease}
.skg-support-modal.is-open .skg-support-backdrop{opacity:1}
.skg-support-dialog{position:relative;display:grid;grid-template-columns:minmax(260px,.92fr) minmax(330px,1.08fr);width:min(1010px,100%);max-height:min(92vh,850px);overflow:auto;border-radius:25px;border:1px solid rgba(180,151,255,.26);background:linear-gradient(135deg,rgba(20,20,49,.98),rgba(10,13,29,.99) 60%,rgba(12,19,35,.99));box-shadow:0 45px 120px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.025),0 0 65px rgba(105,68,232,.16);opacity:0;transform:translateY(25px) scale(.965);transition:opacity .36s ease,transform .55s cubic-bezier(.2,.8,.2,1)}
.skg-support-modal.is-open .skg-support-dialog{opacity:1;transform:translateY(0) scale(1)}
.skg-support-close{position:absolute;right:14px;top:14px;z-index:12;width:36px;height:36px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:rgba(9,12,30,.7);color:#eef0ff;font-size:24px;line-height:1;transition:background .2s,transform .2s}
.skg-support-close:hover{background:rgba(255,96,126,.17);transform:rotate(90deg)}
.skg-support-visual-column{position:relative;display:flex;min-height:565px;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;padding:45px 28px 28px;background:radial-gradient(ellipse at 52% 36%,rgba(104,71,236,.26),transparent 44%),linear-gradient(145deg,#21145b 0%,#242475 46%,#171b53 100%);border-right:1px solid rgba(197,177,255,.13)}
.skg-support-visual-column:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.25) .8px,transparent .8px);background-size:14px 14px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);opacity:.2;animation:support-dot-drift 18s linear infinite}
.skg-support-visual-column:after{content:"";position:absolute;inset:auto -20% -35%;height:72%;background:repeating-linear-gradient(0deg,transparent 0 37px,rgba(124,146,255,.2) 38px 39px),repeating-linear-gradient(90deg,transparent 0 37px,rgba(124,146,255,.16) 38px 39px);transform:perspective(350px) rotateX(58deg);transform-origin:top center;mask-image:linear-gradient(to bottom,#000,transparent 84%);pointer-events:none}
@keyframes support-dot-drift{from{background-position:0 0}to{background-position:56px 56px}}
.skg-support-scene-frame{position:relative;z-index:2;display:grid;place-items:center;width:min(100%,445px);border:1px solid rgba(218,213,255,.36);border-radius:19px;padding:10px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.035));box-shadow:0 30px 65px rgba(4,4,22,.43),0 0 35px rgba(138,111,255,.24);transform:perspective(900px) rotateY(-4deg) rotateX(2deg);animation:support-scene-float 5.4s ease-in-out infinite}
.skg-support-scene-image{position:relative;z-index:1;display:block;width:100%;height:auto;max-height:310px;object-fit:contain;border-radius:12px;filter:saturate(1.12) drop-shadow(0 15px 24px rgba(0,0,0,.22))}
.skg-support-scanline{position:absolute;z-index:3;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.93),#8cffe5,transparent);box-shadow:0 0 19px rgba(161,251,255,.95);animation:support-scan 3.8s ease-in-out infinite;pointer-events:none}
@keyframes support-scene-float{0%,100%{transform:perspective(900px) rotateY(-4deg) rotateX(2deg) translateY(0)}50%{transform:perspective(900px) rotateY(1.5deg) rotateX(-1deg) translateY(-10px)}}
@keyframes support-scan{0%{top:0;opacity:0}12%{opacity:1}82%{opacity:.8}100%{top:100%;opacity:0}}
.skg-support-visual-orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.skg-support-orb-a{width:110px;height:110px;top:12%;left:9%;background:radial-gradient(circle at 35% 35%,rgba(116,251,255,.25),rgba(116,251,255,.015) 67%,transparent 70%);animation:support-orbit 7s ease-in-out infinite}.skg-support-orb-b{width:155px;height:155px;right:3%;bottom:17%;background:radial-gradient(circle,rgba(255,134,203,.16),transparent 68%);animation:support-orbit 8s ease-in-out infinite reverse}
@keyframes support-orbit{0%,100%{transform:translate(0,0) scale(.95)}50%{transform:translate(13px,-16px) scale(1.08)}}
.skg-support-spark{position:absolute;z-index:4;color:#c3fff4;text-shadow:0 0 16px #76f4ff;animation:support-spark 2.7s ease-in-out infinite}.support-spark-one{top:10%;left:15%;font-size:23px}.support-spark-two{top:22%;right:11%;font-size:29px;animation-delay:.6s}.support-spark-three{bottom:17%;left:13%;font-size:17px;animation-delay:1.1s}
@keyframes support-spark{0%,100%{opacity:.34;transform:translateY(4px) scale(.78) rotate(0)}50%{opacity:1;transform:translateY(-9px) scale(1.16) rotate(24deg)}}
.skg-support-live-chip{position:relative;z-index:2;display:flex;align-items:center;gap:9px;margin-top:23px;padding:10px 13px;border:1px solid rgba(178,255,247,.24);border-radius:99px;background:rgba(6,12,38,.55);color:#d6d5ff;font:800 8px var(--display);letter-spacing:1px;box-shadow:0 0 26px rgba(105,241,255,.08)}
.skg-support-live-chip i,.skg-support-kicker-dot{width:6px;height:6px;flex:none;border-radius:50%;background:#71ffd1;box-shadow:0 0 11px #71ffd1}.skg-support-live-chip b{margin-left:5px;color:#8affdd;font-size:7px}
.skg-support-visual-caption{position:relative;z-index:2;text-align:center;font:700 9px/1.8 var(--display);letter-spacing:2px;color:#b6b2ff;margin:22px 0 0}.skg-support-visual-caption strong{color:#fff;text-shadow:0 0 20px rgba(172,146,255,.55)}
.skg-support-form-column{padding:clamp(27px,4vw,48px) clamp(21px,4vw,43px) 30px;align-self:center;min-width:0}
.skg-support-kicker{display:flex;align-items:center;gap:9px;margin:0 44px 22px 0;color:#a6a1ff;font:800 8px var(--display);letter-spacing:1.6px}
.skg-support-form-column h2{margin:0 0 12px;color:#f8f8ff;font:800 clamp(27px,3vw,39px)/1.18 var(--display);letter-spacing:-1.8px}.skg-support-form-column h2 span{color:#ff8cc8;text-shadow:0 0 24px rgba(255,115,196,.36)}
.skg-support-intro{font-size:11px;line-height:1.9;color:#aeb3d0;margin:0 0 24px;max-width:480px}
.skg-support-form{display:grid;gap:8px}.skg-support-form label{margin-top:4px;color:#a7aed0;font:800 8px var(--display);letter-spacing:1.1px}.skg-support-form input,.skg-support-form textarea{width:100%;min-height:43px;border:1px solid rgba(181,173,255,.18);border-radius:10px;background:rgba(5,8,27,.7);padding:12px 13px;color:#f4f4ff;font:500 11px var(--font);outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.skg-support-form textarea{min-height:103px;resize:vertical;line-height:1.75}.skg-support-form input:focus,.skg-support-form textarea:focus{border-color:rgba(126,245,255,.65);background:rgba(6,13,34,.96);box-shadow:0 0 0 3px rgba(107,221,255,.08),0 0 20px rgba(92,99,255,.09)}.skg-support-form input::placeholder,.skg-support-form textarea::placeholder{color:#666b91}
.skg-support-form-bottom{display:flex;justify-content:space-between;gap:10px;color:#7f86ae;font:700 7px var(--display);letter-spacing:.7px}.skg-support-form-bottom span{font-family:var(--font);letter-spacing:0}
.skg-support-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:47px;margin-top:8px;padding:0 16px;border:1px solid rgba(255,143,208,.46);border-radius:11px;background:linear-gradient(105deg,#ff629e,#a06bff 55%,#6e7bff);color:#160f2c;font:900 9px var(--display);letter-spacing:1px;box-shadow:0 8px 25px rgba(155,101,255,.2),0 0 25px rgba(255,101,192,.1);transition:transform .2s,box-shadow .2s,filter .2s}.skg-support-submit:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(155,101,255,.3),0 0 30px rgba(255,101,192,.2);filter:saturate(1.16)}.skg-support-submit b{font-size:17px}.skg-support-form-status{min-height:17px;margin-top:4px;font-size:10px;line-height:1.7;color:#bac4df}.skg-support-form-status.success{color:#90ffd6}.skg-support-form-status.error{color:#ff9eb0}.skg-support-secure-note{display:flex;align-items:flex-start;gap:8px;margin-top:8px;color:#737a9e;font-size:8px;line-height:1.7}.skg-support-secure-note span{font-size:13px;color:#91dfff}
@media(max-width:720px){.skg-support-modal{padding:8px}.skg-support-dialog{grid-template-columns:1fr;max-height:96vh;border-radius:18px}.skg-support-visual-column{min-height:0;padding:28px 20px 17px;border-right:0;border-bottom:1px solid rgba(197,177,255,.13)}.skg-support-scene-frame{width:min(76%,310px);padding:6px;border-radius:12px}.skg-support-scene-image{max-height:175px}.skg-support-live-chip{margin-top:13px;padding:7px 10px;font-size:7px}.skg-support-visual-caption{margin-top:10px;font-size:7px;line-height:1.5}.skg-support-form-column{padding:24px 22px 20px}.skg-support-kicker{margin-bottom:12px}.skg-support-form-column h2{font-size:27px;margin-bottom:7px}.skg-support-intro{font-size:10px;margin-bottom:12px}.skg-support-form{gap:6px}.skg-support-form textarea{min-height:76px}.skg-support-close{right:10px;top:10px}}
@media(prefers-reduced-motion:reduce){.skg-support-visual-column:before,.skg-support-scene-frame,.skg-support-scanline,.skg-support-visual-orb,.skg-support-spark,.dashboard-puppy.puppy-support-opening .puppy-art{animation:none!important}.skg-support-backdrop,.skg-support-dialog{transition-duration:.01ms!important}}


/* V60 — 3D League of Legends Watching Party cube + zoomed-in watch room. */
.watching-party-promo{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(250px,.92fr) minmax(270px,1.08fr);align-items:center;gap:clamp(20px,3vw,42px);margin:26px 0 20px;padding:clamp(20px,3vw,36px);overflow:hidden;border:1px solid rgba(255,44,86,.29);border-radius:20px;background:radial-gradient(ellipse at 13% 45%,rgba(0,220,255,.12),transparent 34%),radial-gradient(ellipse at 76% 20%,rgba(255,0,112,.16),transparent 38%),linear-gradient(120deg,#080a19,#100923 48%,#080a16);box-shadow:0 22px 55px rgba(0,0,0,.27),inset 0 0 45px rgba(68,29,133,.13)}
.watching-party-promo:before{content:"";position:absolute;inset:0;z-index:-2;background:url("assets/watching-party-cube-reference.gif") center/cover no-repeat;opacity:.17;filter:blur(1px) saturate(1.35)}
.watching-party-promo:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(4,5,17,.66),rgba(7,6,21,.8) 38%,rgba(5,6,17,.65));}
.watching-party-art-orbit{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.watching-party-art-orbit i,.watching-party-art-orbit b,.watching-party-art-orbit span{position:absolute;left:9%;top:18%;width:260px;height:260px;border:1px solid rgba(0,226,255,.21);border-radius:50%;transform:rotate(-25deg) scaleY(.42);box-shadow:0 0 28px rgba(0,193,255,.06)}.watching-party-art-orbit b{left:auto;right:8%;top:15%;width:320px;height:320px;border-color:rgba(255,27,109,.19);transform:rotate(35deg) scaleY(.4)}.watching-party-art-orbit span{left:48%;top:auto;bottom:-160px;width:440px;height:260px;border-color:rgba(65,123,255,.2);transform:rotate(-12deg) scaleY(.44)}
.watching-party-cube-side{position:relative;display:grid;justify-items:center;align-content:center;min-width:0}.watching-party-live-chip{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(33,224,255,.23);border-radius:99px;background:rgba(3,15,31,.72);color:#9eefff;font:800 8px/1 var(--display);letter-spacing:1.1px;box-shadow:0 0 18px rgba(0,191,255,.1)}.watching-party-live-chip i,.watching-party-header-live i{width:6px;height:6px;border-radius:50%;background:#ff335a;box-shadow:0 0 12px #ff335a;animation:watching-live-pulse 1.25s infinite}
.watching-party-cube-launch{position:relative;isolation:isolate;display:grid;place-items:center;width:min(100%,340px);aspect-ratio:1/0.92;padding:16px 20px 4px;border:0;background:transparent;cursor:pointer;perspective:1050px;outline-offset:6px}.watching-cube-stage{position:relative;display:grid;place-items:center;width:100%;height:100%;perspective:850px;filter:drop-shadow(0 20px 28px rgba(0,0,0,.38));transition:filter .25s}.watching-cube{position:relative;display:block;width:clamp(140px,18vw,186px);height:clamp(140px,18vw,186px);transform-style:preserve-3d;transform:rotateX(-19deg) rotateY(-22deg);animation:watching-cube-rotate 17s linear infinite;transition:transform .85s cubic-bezier(.16,1,.3,1)}.watching-cube-face{position:absolute;display:block;inset:0;overflow:hidden;border:1px solid rgba(125,241,255,.62);background:#07122a;box-shadow:inset 0 0 26px rgba(0,225,255,.13),0 0 14px rgba(0,190,255,.11);backface-visibility:visible}.watching-cube-face:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,22,.05),rgba(3,6,19,.22) 43%,rgba(4,4,18,.88));pointer-events:none}.watching-cube-face img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(1.22) contrast(1.04);opacity:.86}.watching-cube-face-front{transform:translateZ(93px)}.watching-cube-face-back{transform:rotateY(180deg) translateZ(93px)}.watching-cube-face-right{transform:rotateY(90deg) translateZ(93px)}.watching-cube-face-left{transform:rotateY(-90deg) translateZ(93px)}.watching-cube-face-top{transform:rotateX(90deg) translateZ(93px)}.watching-cube-face-bottom{transform:rotateX(-90deg) translateZ(93px)}.watching-cube-face-tag{position:absolute;z-index:2;left:8px;bottom:9px;right:8px;color:#ebfbff;font:800 7px/1.3 var(--display);letter-spacing:.8px;text-shadow:0 2px 5px #000}.watching-cube-play{position:absolute;z-index:2;right:9px;top:9px;display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(255,255,255,.53);border-radius:50%;color:#fff;font-size:9px;background:rgba(4,13,31,.6);box-shadow:0 0 13px rgba(0,217,255,.4)}.watching-cube-click-hint{position:absolute;left:0;right:0;bottom:4px;display:flex;justify-content:center;align-items:center;gap:9px;color:#b6efff;font:800 8px var(--display);letter-spacing:1.9px;text-shadow:0 0 13px rgba(0,204,255,.6);transition:opacity .2s}.watching-cube-click-hint b{color:#ff355f;font-size:14px}.watching-cube-launch-flash{position:absolute;inset:10%;border-radius:50%;opacity:0;pointer-events:none;background:radial-gradient(circle,rgba(255,30,101,.9),rgba(0,220,255,.3) 32%,transparent 70%);filter:blur(12px)}.watching-party-cube-launch:hover .watching-cube-stage{filter:drop-shadow(0 0 24px rgba(0,213,255,.3)) drop-shadow(0 0 12px rgba(255,18,101,.22))}.watching-party-cube-launch:hover .watching-cube{animation-duration:8s}.watching-party-cube-launch.is-launching .watching-cube{animation:watching-cube-zoom .98s cubic-bezier(.12,.75,.15,1) forwards}.watching-party-cube-launch.is-launching .watching-cube-launch-flash{animation:watching-cube-flash 1s ease-out forwards}.watching-party-cube-launch.is-launching .watching-cube-click-hint{opacity:0}
@keyframes watching-cube-rotate{0%{transform:rotateX(-19deg) rotateY(-25deg)}50%{transform:rotateX(8deg) rotateY(155deg)}100%{transform:rotateX(-19deg) rotateY(335deg)}}@keyframes watching-cube-zoom{0%{transform:rotateX(-19deg) rotateY(-25deg) scale(1)}45%{transform:rotateX(0) rotateY(135deg) scale(1.65)}100%{transform:rotateX(0) rotateY(360deg) scale(3.4)}}@keyframes watching-cube-flash{0%{opacity:0;transform:scale(.4)}48%{opacity:.9;transform:scale(1.5)}100%{opacity:0;transform:scale(2.5)}}@keyframes watching-live-pulse{0%,100%{opacity:1;box-shadow:0 0 12px #ff335a}50%{opacity:.45;box-shadow:0 0 4px #ff335a}}
.watching-party-promo-copy{position:relative;z-index:1;min-width:0}.watching-party-overline,.watching-party-kicker{display:block;color:#7edfff;font:800 8px/1.4 var(--display);letter-spacing:1.5px}.watching-party-overline{display:flex;align-items:center;gap:8px}.watching-party-overline i{width:18px;height:1px;background:#16dfff;box-shadow:0 0 8px #16dfff}.watching-party-promo h3{margin:11px 0 12px;color:#f8f7ff;font:900 clamp(29px,4.2vw,49px)/1.05 var(--display);letter-spacing:-1.6px;text-shadow:0 0 21px rgba(255,36,87,.21)}.watching-party-promo h3 em,.watching-party-dialog-header h2 em{color:#ff3157;font-style:normal;text-shadow:0 0 9px rgba(255,37,80,.92),0 0 25px rgba(255,13,71,.68),0 0 52px rgba(255,0,87,.28);animation:watching-title-glow 2.2s ease-in-out infinite alternate}@keyframes watching-title-glow{to{text-shadow:0 0 13px rgba(255,45,78,1),0 0 33px rgba(255,13,71,.9),0 0 62px rgba(255,0,87,.5)}}.watching-party-promo-copy>p{max-width:480px;color:#b1b6d0;font-size:12px;line-height:1.85;margin:0 0 20px}.watching-party-feature-points{display:flex;gap:clamp(13px,2vw,26px);padding:14px 0;border-top:1px solid rgba(139,165,220,.15);border-bottom:1px solid rgba(139,165,220,.15)}.watching-party-feature-points span{display:grid;gap:4px}.watching-party-feature-points b{color:#fff;font:800 15px var(--display);text-shadow:0 0 12px rgba(0,222,255,.2)}.watching-party-feature-points small{color:#787f9f;font:800 7px var(--display);letter-spacing:.7px}.watching-party-enter-button{display:flex;justify-content:space-between;align-items:center;gap:22px;width:min(100%,330px);min-height:45px;margin-top:18px;padding:0 16px;color:#fff;border:1px solid rgba(255,49,87,.74);border-radius:10px;background:linear-gradient(110deg,#370512,#b50e36 57%,#3f0921);font:900 9px var(--display);letter-spacing:1px;cursor:pointer;box-shadow:0 0 12px rgba(255,21,74,.25),inset 0 1px 0 rgba(255,255,255,.13);transition:transform .2s,box-shadow .2s}.watching-party-enter-button:hover{transform:translateY(-2px);box-shadow:0 0 24px rgba(255,25,77,.48),inset 0 1px 0 rgba(255,255,255,.2)}.watching-party-enter-button b{font-size:16px}.watching-party-promo-status{margin-top:12px;color:#6e7695;font:800 7px var(--display);letter-spacing:1px}
.watching-party-dashboard-match{grid-column:1/-1;position:relative;z-index:1;margin-top:6px}.watching-match-card{display:grid;grid-template-columns:minmax(130px,.38fr) minmax(0,1fr);gap:0;overflow:hidden;border:1px solid rgba(119,147,255,.22);border-radius:13px;background:rgba(4,8,25,.84);box-shadow:0 12px 30px rgba(0,0,0,.16)}.watching-match-card.is-compact{grid-template-columns:minmax(100px,190px) minmax(0,1fr)}.watching-match-poster{position:relative;min-height:180px;overflow:hidden;background:#0b0f27}.watching-match-card.is-compact .watching-match-poster{min-height:130px}.watching-match-poster img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(1.1);opacity:.8}.watching-match-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(4,8,25,.23)),linear-gradient(0deg,rgba(4,8,25,.5),transparent 60%)}.watching-match-live-tag{position:absolute;z-index:1;left:10px;top:10px;display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:rgba(2,6,20,.75);color:#ffd4dd;font:800 7px var(--display);letter-spacing:.7px}.watching-match-live-tag i{width:5px;height:5px;border-radius:50%;background:#ff3157;box-shadow:0 0 8px #ff3157}.watching-match-content{padding:18px 20px;min-width:0}.watching-match-content h3{font:800 clamp(15px,2vw,23px)/1.2 var(--display);letter-spacing:-.4px;color:#f4f7ff;margin:6px 0 8px;overflow-wrap:anywhere}.watching-match-content p{margin:0;color:#909ab8;font-size:10px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.watching-match-date{margin-top:9px;color:#95a2c7;font:700 9px var(--display);letter-spacing:.4px}.watching-match-timer-label{margin-top:13px;color:#6d7caa;font:800 7px var(--display);letter-spacing:1.1px}.watching-match-countdown-wrap{margin-top:5px}.watching-countdown{color:#ff3e63;font:900 clamp(19px,2.6vw,30px)/1.15 var(--display);letter-spacing:1px;text-shadow:0 0 14px rgba(255,40,85,.48);font-variant-numeric:tabular-nums}.watching-countdown.has-started{color:#54edbc;text-shadow:0 0 14px rgba(84,237,188,.32)}.watching-countdown-ended,.watching-countdown-wait{color:#8891af;font:800 8px var(--display);letter-spacing:.8px}
.watching-party-overlay{position:fixed;inset:0;z-index:420;display:grid;place-items:center;padding:clamp(8px,2vw,22px);isolation:isolate}.watching-party-overlay.hidden{display:none!important}.watching-party-backdrop{position:absolute;inset:0;border:0;cursor:pointer;background:rgba(3,4,14,.88);backdrop-filter:blur(18px);opacity:0;transition:opacity .3s}.watching-party-overlay.is-open .watching-party-backdrop{opacity:1}.watching-party-dialog{position:relative;z-index:1;width:min(1380px,100%);max-height:min(94vh,960px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(88,196,255,.3);border-radius:20px;background:radial-gradient(ellipse at 0 0,rgba(12,139,193,.13),transparent 42%),radial-gradient(ellipse at 100% 100%,rgba(197,19,83,.13),transparent 40%),#070916;box-shadow:0 38px 110px rgba(0,0,0,.65),0 0 40px rgba(35,107,255,.1);opacity:0;transform:translateY(20px) scale(.94);transition:opacity .5s,transform .65s cubic-bezier(.16,1,.3,1)}.watching-party-overlay.is-open .watching-party-dialog{opacity:1;transform:translateY(0) scale(1)}.watching-party-dialog-header{position:relative;flex:none;display:flex;align-items:center;gap:20px;min-height:78px;padding:14px clamp(17px,2.4vw,32px);border-bottom:1px solid rgba(116,151,226,.17);background:rgba(4,7,19,.87)}.watching-party-dialog-brand{display:flex;align-items:center;gap:12px;min-width:0}.watching-party-dialog-brand>img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(52,218,255,.25))}.watching-party-dialog-brand span{display:block;color:#79dfff;font:800 7px var(--display);letter-spacing:1.5px}.watching-party-dialog-header h2{margin:4px 0 0;color:#f1f6ff;font:900 19px var(--display);letter-spacing:-.4px}.watching-party-header-live{margin-left:auto;display:flex;align-items:center;gap:8px;color:#8593b6;font:800 8px var(--display);letter-spacing:.8px}.watching-party-close{width:38px;height:38px;display:grid;place-items:center;flex:none;border:1px solid rgba(190,200,230,.18);border-radius:10px;background:rgba(255,255,255,.03);color:#f8f9ff;font-size:25px;cursor:pointer;transition:background .2s,border-color .2s}.watching-party-close:hover{background:rgba(255,41,86,.12);border-color:rgba(255,41,86,.5)}.watching-party-dialog-layout{display:grid;grid-template-columns:minmax(0,1.27fr) minmax(300px,.73fr);min-height:0;overflow:auto;overscroll-behavior:contain}.watching-party-main-column,.watching-party-sidebar{min-width:0;padding:clamp(14px,2vw,26px)}.watching-party-sidebar{border-left:1px solid rgba(116,151,226,.14);background:rgba(4,7,19,.45)}.watching-party-player-heading,.watching-party-clips-heading,.watching-party-feed-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.watching-party-player-heading h3,.watching-party-clips-heading h3,.watching-party-feed-heading h3{margin:6px 0 11px;color:#f6f7ff;font:800 15px var(--display);line-height:1.35}.watching-party-player-heading>a{color:#78def8;font:800 7px var(--display);letter-spacing:.5px;text-decoration:none;white-space:nowrap;padding-bottom:13px}.watching-party-player-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(88,196,255,.32);border-radius:11px;background:#02030a;box-shadow:0 12px 35px rgba(0,0,0,.32),0 0 22px rgba(0,155,255,.07)}.watching-party-player-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#02030a}.watching-party-player-placeholder{position:absolute;inset:0;z-index:2;display:grid;place-items:center;overflow:hidden;background:#050719;transition:opacity .25s}.watching-party-player-placeholder.is-hidden{opacity:0;pointer-events:none}.watching-party-player-placeholder img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8}.watching-party-player-placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,3,15,.76),rgba(1,3,15,.05))}.watching-party-player-placeholder button{position:relative;z-index:2;padding:12px 18px;border:1px solid rgba(121,227,255,.64);border-radius:9px;background:rgba(4,13,31,.87);color:#fff;font:900 9px var(--display);letter-spacing:1px;box-shadow:0 0 25px rgba(0,210,255,.22);cursor:pointer}.watching-party-player-corner-tag{position:absolute;bottom:10px;left:10px;z-index:3;pointer-events:none;color:#c9f8ff;font:800 7px var(--display);letter-spacing:1px;text-shadow:0 2px 5px #000}.watching-party-clips-heading{align-items:center;margin-top:21px}.watching-party-clips-heading h3{margin-bottom:0}.watching-party-clip-count{color:#ff6885;font:800 7px var(--display);letter-spacing:.7px;white-space:nowrap}.watching-party-clip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}.watching-clip-pick{position:relative;display:flex;align-items:center;gap:9px;min-width:0;padding:8px;border:1px solid rgba(127,148,200,.14);border-radius:9px;background:rgba(255,255,255,.025);text-align:left;color:#eaf1ff;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.watching-clip-pick:hover,.watching-clip-pick.is-selected{border-color:rgba(43,220,255,.46);background:rgba(16,151,206,.1);transform:translateY(-1px)}.watching-clip-thumb{position:relative;display:block;width:77px;aspect-ratio:16/9;flex:none;overflow:hidden;border-radius:5px;background:#060b1b}.watching-clip-thumb img{width:100%;height:100%;display:block;object-fit:cover}.watching-clip-thumb i{position:absolute;inset:0;display:grid;place-items:center;background:rgba(1,5,16,.22);color:#fff;font-size:13px;font-style:normal;text-shadow:0 1px 5px #000}.watching-clip-thumb b{position:absolute;right:4px;bottom:3px;color:#fff;font:800 7px var(--display);text-shadow:0 1px 5px #000}.watching-clip-copy{display:grid;gap:4px;min-width:0}.watching-clip-copy small{font:800 6px var(--display);letter-spacing:.8px;color:#67d9f7}.watching-clip-copy strong{font-size:9px;line-height:1.3;font-weight:800;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.watching-clip-copy em{font-size:8px;color:#737f9f;font-style:normal}.watching-clip-arrow{margin-left:auto;color:#ff5676;font-weight:900}.watching-party-modal-match{margin-bottom:22px}.watching-party-modal-match .watching-match-card{grid-template-columns:1fr}.watching-party-modal-match .watching-match-poster{min-height:145px;max-height:175px}.watching-party-modal-match .watching-match-content{padding:15px}.watching-party-modal-match .watching-match-content h3{font-size:17px}.watching-party-modal-match .watching-countdown{font-size:23px}.watching-party-feed-heading{align-items:center;margin-bottom:12px}.watching-party-feed-heading h3{font-size:13px;max-width:270px;margin-bottom:0}.watching-party-feed-heading>button{width:34px;height:34px;border-radius:9px;border:1px solid rgba(100,203,255,.22);background:rgba(255,255,255,.025);color:#85e8ff;font-size:19px;cursor:pointer}.watching-party-posts{display:grid;gap:11px;max-height:390px;overflow:auto;padding-right:3px}.watching-admin-post{overflow:hidden;border:1px solid rgba(140,151,205,.16);border-radius:11px;background:rgba(255,255,255,.025)}.watching-admin-post-image{position:relative;height:115px;overflow:hidden;background:#090d22}.watching-admin-post-image img{width:100%;height:100%;object-fit:cover;display:block;opacity:.86}.watching-admin-post-image>span{position:absolute;left:9px;top:9px;padding:5px 7px;border-radius:4px;border:1px solid rgba(255,255,255,.17);background:rgba(4,8,23,.8);color:#b8f3ff;font:800 6px var(--display);letter-spacing:.8px}.watching-admin-post-copy{padding:12px}.watching-admin-post-meta{display:flex;justify-content:space-between;gap:7px;color:#7986a8;font:800 6px var(--display);letter-spacing:.55px}.watching-admin-post-meta span{color:#ff6781}.watching-admin-post-copy h4{margin:8px 0 6px;color:#f3f6ff;font:800 12px var(--display);line-height:1.4}.watching-admin-post-copy p{color:#9ca8c4;font-size:9px;line-height:1.7;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.watching-post-match-label{display:grid;grid-template-columns:auto 1fr;gap:5px 8px;align-items:center;margin-top:10px;padding:8px;border:1px solid rgba(255,69,102,.16);border-radius:7px;background:rgba(255,30,75,.045)}.watching-post-match-label span{color:#ff5675}.watching-post-match-label b{color:#ffc3cf;font-size:9px}.watching-post-match-label small{grid-column:2;color:#8b95b1;font-size:8px}.watching-post-clip-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.watching-post-clip-row button{padding:6px 8px;border:1px solid rgba(70,218,255,.2);border-radius:5px;background:rgba(32,175,221,.06);color:#85e6ff;font:800 7px var(--display);cursor:pointer}.watching-posts-empty{padding:24px 14px;border:1px dashed rgba(125,151,206,.2);border-radius:10px;text-align:center}.watching-posts-empty>span{color:#ff426a;font-size:23px;text-shadow:0 0 20px rgba(255,40,95,.35)}.watching-posts-empty>b{display:block;margin-top:7px;color:#bcc7e5;font:800 8px var(--display);letter-spacing:1px}.watching-posts-empty p{font-size:9px;line-height:1.7;color:#7783a4}.watching-party-feed-footnote{display:flex;gap:8px;align-items:center;padding-top:14px;color:#707c9d;font-size:8px;line-height:1.5}.watching-party-feed-footnote span{color:#ff4c72}.watching-party-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:13px clamp(16px,2.4vw,32px);border-top:1px solid rgba(116,151,226,.15);background:rgba(3,5,16,.7)}.watching-party-dialog-footer>span{display:flex;align-items:center;gap:8px;color:#6c7797;font:800 7px var(--display);letter-spacing:1px}.watching-party-dialog-footer>span i{width:5px;height:5px;border-radius:50%;background:#53e6ff;box-shadow:0 0 8px #53e6ff}.watching-party-dialog-footer button{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#ffc2ce;font:900 8px var(--display);letter-spacing:.7px;cursor:pointer}.watching-party-dialog-footer button b{color:#ff3d62;font-size:14px}
html[data-skg-theme="light"] .watching-party-promo{background:radial-gradient(ellipse at 13% 45%,rgba(0,220,255,.15),transparent 34%),radial-gradient(ellipse at 76% 20%,rgba(255,0,112,.12),transparent 38%),linear-gradient(120deg,#111832,#191234 48%,#10182a)}
@media(max-width:850px){.watching-party-promo{grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr);gap:10px;padding:22px}.watching-party-cube-launch{width:100%;padding:14px 8px}.watching-cube{width:170px;height:170px}.watching-cube-face-front{transform:translateZ(85px)}.watching-cube-face-back{transform:rotateY(180deg) translateZ(85px)}.watching-cube-face-right{transform:rotateY(90deg) translateZ(85px)}.watching-cube-face-left{transform:rotateY(-90deg) translateZ(85px)}.watching-cube-face-top{transform:rotateX(90deg) translateZ(85px)}.watching-cube-face-bottom{transform:rotateX(-90deg) translateZ(85px)}.watching-party-dialog-layout{grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr)}.watching-party-clip-grid{grid-template-columns:1fr}.watching-clip-thumb{width:86px}}
@media(max-width:640px){.watching-party-promo{grid-template-columns:1fr;gap:6px;padding:19px}.watching-party-cube-side{order:1}.watching-party-promo-copy{order:2;padding:4px 2px 10px}.watching-party-dashboard-match{order:3}.watching-party-cube-launch{width:min(100%,310px);aspect-ratio:1.15/1}.watching-cube{width:156px;height:156px}.watching-cube-face-front{transform:translateZ(78px)}.watching-cube-face-back{transform:rotateY(180deg) translateZ(78px)}.watching-cube-face-right{transform:rotateY(90deg) translateZ(78px)}.watching-cube-face-left{transform:rotateY(-90deg) translateZ(78px)}.watching-cube-face-top{transform:rotateX(90deg) translateZ(78px)}.watching-cube-face-bottom{transform:rotateX(-90deg) translateZ(78px)}.watching-party-promo h3{font-size:35px}.watching-party-feature-points{justify-content:space-between}.watching-party-dashboard-match .watching-match-card,.watching-match-card.is-compact{grid-template-columns:110px minmax(0,1fr)}.watching-party-dashboard-match .watching-match-poster{min-height:140px}.watching-party-dashboard-match .watching-match-content{padding:12px}.watching-party-dashboard-match .watching-match-content h3{font-size:13px}.watching-party-dashboard-match .watching-match-content p{font-size:9px;-webkit-line-clamp:2}.watching-party-dashboard-match .watching-countdown{font-size:16px}.watching-party-overlay{padding:5px}.watching-party-dialog{max-height:97vh;border-radius:14px}.watching-party-dialog-header{min-height:62px;padding:11px}.watching-party-dialog-brand>img{width:32px;height:32px}.watching-party-dialog-header h2{font-size:15px}.watching-party-header-live{display:none}.watching-party-dialog-layout{display:block}.watching-party-main-column,.watching-party-sidebar{padding:14px}.watching-party-sidebar{border-left:0;border-top:1px solid rgba(116,151,226,.14)}.watching-party-clip-grid{grid-template-columns:1fr 1fr}.watching-clip-pick{padding:6px;gap:7px}.watching-clip-thumb{width:64px}.watching-clip-copy strong{font-size:8px}.watching-party-modal-match .watching-match-card{grid-template-columns:110px minmax(0,1fr)}.watching-party-modal-match .watching-match-poster{min-height:150px}.watching-party-modal-match .watching-match-content{padding:12px}.watching-party-modal-match .watching-match-content h3{font-size:13px}.watching-party-dialog-footer{padding:11px 14px}.watching-party-dialog-footer>span{font-size:6px;letter-spacing:.4px}.watching-party-dialog-footer button{font-size:7px}}
@media(prefers-reduced-motion:reduce){.watching-cube,.watching-party-promo h3 em,.watching-party-live-chip i,.watching-party-header-live i{animation:none!important}.watching-party-dialog,.watching-party-backdrop,.watching-party-cube-launch *{transition-duration:.01ms!important}}


/* V61 — dashboard keeps only the cube, glowing title and enter button. */
.watching-party-promo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:0;margin:26px 0 20px;padding:20px 18px 27px;overflow:hidden;text-align:center;border:1px solid rgba(255,44,86,.29);border-radius:20px;background:radial-gradient(ellipse at 50% 40%,rgba(90,53,255,.19),transparent 45%),radial-gradient(ellipse at 22% 30%,rgba(0,220,255,.1),transparent 32%),radial-gradient(ellipse at 78% 32%,rgba(255,0,112,.13),transparent 38%),linear-gradient(120deg,#080a19,#100923 48%,#080a16);}
.watching-party-promo:before{opacity:.18;background-position:center 42%;}
.watching-party-promo:after{background:radial-gradient(ellipse at center,rgba(7,6,21,.12),rgba(5,5,17,.62) 78%);}
.watching-party-cube-side{width:100%;display:flex;justify-content:center;align-items:center;}
.watching-party-cube-launch{width:min(100%,390px);aspect-ratio:1.08/1;padding:15px 20px 6px;flex:none;}
.watching-party-cube-launch:focus-visible,.watching-party-enter-button:focus-visible{outline:2px solid #86ecff;outline-offset:5px;}
.watching-party-cube-stage{width:100%;height:100%;}
.watching-party-promo h3{position:relative;z-index:2;margin:0 0 22px;font-size:clamp(32px,4.7vw,52px);letter-spacing:-1.7px;}
.watching-party-promo h3 em{color:#ff3157;}
.watching-party-enter-button{position:relative;z-index:2;justify-content:center;width:min(100%,330px);min-height:49px;margin:0;padding:0 20px;gap:16px;font-size:10px;border-radius:11px;}
.watching-party-enter-button.is-launching{transform:scale(.96);box-shadow:0 0 32px rgba(255,25,77,.72);}
.watching-party-cube-launch.is-launching{pointer-events:none;}
.watching-party-dialog{width:min(980px,100%);max-height:min(91vh,900px);}
.watching-party-dialog-layout{display:none!important;}
.watching-party-post-wall-shell{min-height:0;overflow:auto;overscroll-behavior:contain;padding:clamp(18px,3vw,34px);background:radial-gradient(ellipse at 4% 0,rgba(21,130,255,.08),transparent 42%),radial-gradient(ellipse at 96% 100%,rgba(255,20,83,.08),transparent 42%);}
.watching-party-post-wall-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid rgba(116,151,226,.15);}
.watching-party-post-wall-heading>span{color:#84e8ff;font:800 9px var(--display);letter-spacing:1.3px;}
.watching-party-post-wall-heading p{margin:0;color:#8490b2;font-size:10px;line-height:1.5;text-align:right;}
.watching-party-posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px;max-height:none;overflow:visible;padding:0;}
.watching-post-wall{display:contents;}
.watching-wall-post{min-width:0;overflow:hidden;border:1px solid rgba(114,151,226,.2);border-radius:15px;background:linear-gradient(145deg,rgba(20,28,61,.8),rgba(5,8,23,.95));box-shadow:0 15px 35px rgba(0,0,0,.25);animation:watching-post-arrive .52s cubic-bezier(.16,1,.3,1) both;}
.watching-wall-post:nth-child(2n){animation-delay:.08s;}
.watching-wall-post-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#080c22;}
.watching-wall-post-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,5,18,.38),transparent 55%);pointer-events:none;}
.watching-wall-post-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s;}
.watching-wall-post:hover .watching-wall-post-image img{transform:scale(1.035);}
.watching-wall-post-image>span{position:absolute;z-index:1;left:12px;top:12px;padding:6px 8px;border:1px solid rgba(255,255,255,.2);border-radius:5px;background:rgba(4,8,23,.78);color:#c9f7ff;font:800 7px var(--display);letter-spacing:.9px;}
.watching-wall-post-copy{padding:17px 18px 18px;text-align:left;}
.watching-wall-post-copy h3{margin:0 0 9px;color:#f5f6ff;font:850 15px/1.35 var(--display);}
.watching-wall-post-copy p{margin:0;color:#aab5d3;font-size:11px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;}
.watching-wall-post-copy time{display:block;margin-top:14px;color:#637398;font:800 7px var(--display);letter-spacing:.65px;}
.watching-no-tv-state{min-height:320px;grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 18px;text-align:center;border:1px dashed rgba(120,145,203,.22);border-radius:15px;background:radial-gradient(ellipse at 50% 45%,rgba(90,52,230,.11),transparent 63%),rgba(3,6,20,.35);}
.watching-no-tv-stickman{display:block;width:112px;height:140px;overflow:visible;filter:drop-shadow(0 0 16px rgba(85,132,255,.16));animation:watching-sad-sway 3.2s ease-in-out infinite;}
.watching-no-tv-tear{animation:watching-tear-drop 2s ease-in-out infinite;transform-box:fill-box;transform-origin:center;}
.watching-no-tv-title{margin:15px 0 0;color:#ff4f72;font:900 clamp(17px,3.2vw,25px)/1.2 var(--display);letter-spacing:.6px;text-shadow:0 0 8px rgba(255,33,82,.76),0 0 25px rgba(255,16,67,.42);animation:watching-no-tv-glow 1.8s ease-in-out infinite alternate;}
.watching-no-tv-note{max-width:390px;margin:11px 0 0;color:#8793b4;font-size:10px;line-height:1.7;}
.watching-no-tv-retry{margin-top:14px;padding:8px 11px;border:1px solid rgba(255,68,104,.32);border-radius:7px;background:rgba(255,36,78,.07);color:#ffc3cf;font:800 8px var(--display);letter-spacing:.7px;cursor:pointer;}
.watching-posts-loading{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#8793b4;font-size:10px;}
.watching-posts-spinner{width:30px;height:30px;border:2px solid rgba(121,222,255,.15);border-top-color:#ff315c;border-radius:50%;animation:watching-post-spin .8s linear infinite;}
@keyframes watching-post-arrive{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes watching-post-spin{to{transform:rotate(360deg)}}
@keyframes watching-sad-sway{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}
@keyframes watching-tear-drop{0%,100%{opacity:.25;transform:translateY(0) scale(.85)}55%{opacity:1;transform:translateY(5px) scale(1.1)}}
@keyframes watching-no-tv-glow{to{text-shadow:0 0 12px rgba(255,33,82,.95),0 0 32px rgba(255,16,67,.68)}}
@media(max-width:640px){.watching-party-promo{gap:0;padding:13px 12px 23px}.watching-party-cube-launch{width:min(100%,330px);aspect-ratio:1.05/1;padding:10px}.watching-party-promo h3{font-size:34px;margin-bottom:18px}.watching-party-post-wall-heading{display:block}.watching-party-post-wall-heading p{margin-top:7px;text-align:left}.watching-party-post-wall-shell{padding:16px}.watching-party-posts{grid-template-columns:1fr}.watching-no-tv-state{min-height:270px}.watching-party-dialog{max-height:96vh}.watching-party-dialog-footer>span{font-size:6px;letter-spacing:.3px}}
@media(prefers-reduced-motion:reduce){.watching-cube,.watching-no-tv-stickman,.watching-no-tv-title,.watching-no-tv-tear,.watching-posts-spinner,.watching-wall-post{animation:none!important}.watching-party-dialog,.watching-party-backdrop,.watching-party-cube-launch *{transition-duration:.01ms!important}}

.watching-party-post-wall-shell{flex:1;}


/* V62: larger first-login identity board and graphite duo match card */
.onboarding-shell{width:min(940px,calc(100% - 44px))!important;max-width:940px!important;margin:clamp(16px,3vh,34px) auto!important;padding:clamp(28px,4vw,52px)!important;border-radius:16px!important;background:linear-gradient(145deg,#25262a,#1d1e22 62%,#17181b)!important;border-color:#45464c!important;box-shadow:0 24px 65px rgba(0,0,0,.28)!important}
.onboarding-shell h1{font-size:clamp(30px,4.5vw,44px)!important;margin:14px 0!important}
.onboarding-lead{max-width:700px!important;font-size:clamp(13px,1.5vw,15px)!important;line-height:1.8!important}
.identity-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 24px!important;margin-top:24px!important}
.identity-form>label:nth-child(3),.identity-form>.public-identity-consent,.identity-form>#onboardingMessage,.identity-form>button[type=submit]{grid-column:1/-1!important}
.identity-form>label:not(.public-identity-consent){font-size:12px!important;gap:10px!important}
.identity-form input:not([type=checkbox]),.identity-form select{min-height:54px!important;padding:14px 15px!important;border-radius:10px!important;background:#17181b!important;border-color:#4a4b51!important;color:#f1f1f3!important;font-size:14px!important}
.identity-form .public-identity-consent{padding:15px 17px!important;border:1px solid #44454a!important;border-radius:10px!important;background:#202125!important;align-items:start!important;gap:12px!important;color:#c8c8ce!important;font-size:12px!important;line-height:1.7!important}
.identity-form .public-identity-consent input{margin-top:3px!important;accent-color:#b2b3bb!important}
.identity-form #onboardingMessage{padding:13px 15px!important;border-radius:9px!important;background:#202125!important;color:#b4b4bc!important;font-size:11px!important;line-height:1.7!important}
.identity-form .primary-button{min-height:54px!important;font-size:11px!important}
.duo-player-request-card{background:linear-gradient(135deg,#2b2c30 0%,#232428 100%)!important;color:#f0f0f2!important;border:1px solid #4c4d53!important;border-radius:11px!important;box-shadow:0 12px 28px rgba(0,0,0,.18)!important;gap:15px!important;padding:15px!important}
.duo-player-request-card>img{width:60px!important;height:60px!important;flex:0 0 60px!important;border:1px solid #505159!important;background:#303136!important;border-radius:10px!important}
.duo-request-main{min-width:0!important;flex:1!important;background:transparent!important;color:#ededf0!important;border:0!important;box-shadow:none!important;padding:0!important}
.duo-request-main>small{color:#d18b56!important;letter-spacing:1.2px!important;font-size:8px!important}
.duo-request-main>b{color:#f5f5f7!important;font-size:clamp(15px,2vw,19px)!important;letter-spacing:.1px!important}
.duo-player-badges{gap:7px!important;margin:10px 0!important}
.duo-player-badges span{background:#34353a!important;border:1px solid #55565d!important;color:#dedee3!important;padding:6px 9px!important;font-size:10px!important}
.duo-player-badges .duo-rank-badge{background:#323238!important;border-color:#c07d47!important;color:#f0c095!important}
.duo-privacy-note{color:#aeb0b8!important;font-size:10px!important;line-height:1.65!important}
.duo-request-review-actions{display:flex!important;gap:10px!important;margin-top:13px!important;flex-wrap:wrap!important}
.duo-request-review-actions button{min-height:39px!important;padding:0 16px!important;border-radius:7px!important;font:900 9px var(--display)!important;letter-spacing:.7px!important;cursor:pointer!important;transition:transform .16s,background .16s,border-color .16s!important}
.duo-request-review-actions button:hover{transform:translateY(-1px)!important}
.duo-review-accept{flex:1 1 130px!important;border:1px solid #7e8088!important;background:linear-gradient(110deg,#d0d0d4,#9c9da4)!important;color:#18191c!important;box-shadow:0 6px 16px rgba(0,0,0,.18)!important}
.duo-review-refuse{flex:1 1 100px!important;border:1px solid #55565d!important;background:#27282c!important;color:#e4e4e8!important}
.duo-review-refuse:hover{background:#34353b!important;border-color:#777881!important}
.duo-radar-card .duo-actions{display:flex!important;justify-content:flex-start!important;gap:9px!important;flex-wrap:wrap!important;margin-top:12px!important}
.duo-radar-card .duo-actions .secondary-button{background:#292a2e!important;border:1px solid #494a50!important;color:#d5d5db!important}
@media(max-width:650px){.onboarding-shell{width:calc(100% - 22px)!important;padding:22px 17px!important;margin:11px auto!important}.identity-form{grid-template-columns:1fr!important;gap:16px!important}.identity-form>label:nth-child(3),.identity-form>.public-identity-consent,.identity-form>#onboardingMessage,.identity-form>button[type=submit]{grid-column:1!important}.duo-player-request-card{padding:11px!important;gap:10px!important}.duo-player-request-card>img{width:46px!important;height:46px!important;flex-basis:46px!important}.duo-request-review-actions{gap:7px!important}.duo-request-review-actions button{min-height:38px!important;padding:0 10px!important}}
.watching-party-promo h3{margin-bottom:0!important}


/* V63: Online launch transition, genuine available-player cards, and live signal counter */
.duo-launch-overlay{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:18px;background:rgba(4,5,9,.94);overflow:hidden;opacity:0;visibility:hidden;transition:opacity .32s ease,visibility .32s ease}
.duo-launch-overlay.is-visible{opacity:1;visibility:visible}
.duo-launch-backdrop{position:absolute;inset:-30%;background:radial-gradient(ellipse at 50% 47%,rgba(105,71,212,.22),transparent 37%),radial-gradient(ellipse at 24% 70%,rgba(214,52,78,.12),transparent 32%),linear-gradient(130deg,#090a10,#15131c 48%,#080910);filter:saturate(1.15)}
.duo-launch-panel{position:relative;width:min(900px,95vw);max-height:90vh;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:12px;background:linear-gradient(145deg,rgba(31,32,39,.98),rgba(12,13,18,.98));box-shadow:0 35px 100px rgba(0,0,0,.62),0 0 55px rgba(126,91,249,.13);transform:translateY(-18vh) scale(.85) rotateX(5deg);opacity:0;transition:transform .78s cubic-bezier(.18,.8,.2,1),opacity .3s ease;overflow:hidden}
.duo-launch-overlay.is-visible .duo-launch-panel{transform:translateY(0) scale(1) rotateX(0);opacity:1}
.duo-launch-overlay.is-dropping .duo-launch-panel{transform:translateY(112vh) scale(.72) rotateX(-9deg);opacity:.35;transition:transform .62s cubic-bezier(.58,.02,.8,.22),opacity .55s ease}
.duo-launch-topline,.duo-launch-bottomline{height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 9px;color:#aaa7b8;font-size:9px;font-weight:850;letter-spacing:.19em}
.duo-launch-topline>span{color:#e8c960}.duo-launch-topline>i{height:1px;flex:1;background:linear-gradient(90deg,rgba(231,202,104,.25),transparent)}.duo-launch-topline>b{color:#cf6471;font-size:8px}
.duo-launch-art{position:relative;border-radius:12px;overflow:hidden;background:#101116;isolation:isolate}
.duo-launch-art>img{display:block;width:100%;max-height:min(61vh,570px);object-fit:cover;aspect-ratio:3/2;animation:duo-reference-breathe 4.2s ease-in-out infinite alternate;transform-origin:50% 53%;filter:contrast(1.04) saturate(1.04)}
.duo-launch-art-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,12,.22),transparent 45%,rgba(8,9,14,.28)),linear-gradient(0deg,rgba(4,5,9,.72),transparent 48%);pointer-events:none}
.duo-launch-caption{position:absolute;left:clamp(16px,4vw,46px);bottom:clamp(18px,4vw,40px);display:grid;gap:7px;text-shadow:0 3px 20px rgba(0,0,0,.75)}
.duo-launch-caption small{font-size:9px;font-weight:900;letter-spacing:.22em;color:#e7c95d}.duo-launch-caption strong{color:#f5f3f4;font-size:clamp(25px,5vw,54px);line-height:.95;letter-spacing:-.045em}.duo-launch-caption em{font-style:normal;color:#e85e6e}
.duo-launch-bottomline{height:37px;color:#c8c4d0;font-size:8px;letter-spacing:.13em}.duo-launch-bottomline>span:first-child{display:flex;align-items:center;gap:8px}.duo-launch-bottomline>span:first-child i{width:6px;height:6px;border-radius:100%;background:#e65c71;box-shadow:0 0 11px #e65c71;animation:duo-live-blink 1s steps(2,end) infinite}.duo-launch-dots{display:flex;gap:4px}.duo-launch-dots i{height:4px;width:4px;border-radius:50%;background:#e6c85e;animation:duo-dot-pulse .8s ease-in-out infinite alternate}.duo-launch-dots i:nth-child(2){animation-delay:.15s}.duo-launch-dots i:nth-child(3){animation-delay:.3s}
@keyframes duo-reference-breathe{from{transform:scale(1)}to{transform:scale(1.045)}}@keyframes duo-live-blink{50%{opacity:.3}}@keyframes duo-dot-pulse{to{transform:translateY(-3px);opacity:.35}}
.duo-available-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:20px}
.duo-available-card{min-width:0;display:grid;grid-template-columns:54px minmax(0,1fr);gap:11px;align-items:center;padding:12px;border:1px solid #3d3e45;border-radius:12px;background:linear-gradient(145deg,#28292e,#202125);color:#f3f3f6;box-shadow:0 10px 24px rgba(0,0,0,.14);animation:duo-card-deal .38s cubic-bezier(.2,.8,.2,1) both}
.duo-available-card:nth-child(2){animation-delay:.04s}.duo-available-card:nth-child(3){animation-delay:.08s}.duo-available-card:nth-child(4){animation-delay:.12s}.duo-available-card:nth-child(5){animation-delay:.16s}.duo-available-card:nth-child(6){animation-delay:.2s}
.duo-available-card>img{width:54px;height:54px;border-radius:9px;object-fit:cover;background:#34353d;border:1px solid #50515a}
.duo-available-copy{min-width:0;display:grid;gap:3px}.duo-available-copy b{color:#f6f5f6;font-size:14px;overflow-wrap:anywhere}.duo-available-copy span{color:#e4c773;font-size:11px;font-weight:800}.duo-available-copy small{color:#a7a7b1;font-size:10px}
.duo-invite-button{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:37px;padding:0 12px;border:1px solid rgba(217,74,95,.56);border-radius:7px;background:linear-gradient(100deg,rgba(151,32,52,.35),rgba(65,27,38,.52));color:#ffdce1;font-size:10px;font-weight:900;letter-spacing:.1em;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.duo-invite-button:hover{background:linear-gradient(100deg,#b7354c,#7b2538);border-color:#e85f77;transform:translateY(-1px)}.duo-invite-button:disabled{opacity:.55;cursor:wait}
.duo-available-empty{display:grid;justify-items:center;text-align:center;gap:8px;padding:28px 15px;margin-top:20px;border:1px dashed #42434b;border-radius:12px;background:rgba(255,255,255,.018);color:#e5e4e9}.duo-empty-pulse{display:grid;place-items:center;width:46px;height:46px;border:1px solid #71404a;border-radius:50%;color:#f27683;background:rgba(198,58,78,.09);font-size:23px;animation:duo-live-blink 2s ease-in-out infinite}.duo-available-empty>b{font-size:11px;letter-spacing:.14em}.duo-available-empty>p{max-width:350px;margin:0;color:#a4a4ae;font-size:12px;line-height:1.6}
.duo-live-signal-card small{display:block;margin-top:6px;color:#9899a5;font-size:10px;line-height:1.5}.duo-radar-card .duo-status-copy{line-height:1.65}
@keyframes duo-card-deal{from{opacity:0;transform:translateY(16px) rotateX(8deg) scale(.98)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}
@media(max-width:720px){.duo-available-grid{grid-template-columns:1fr}.duo-launch-panel{width:96vw;padding:7px;border-radius:14px}.duo-launch-topline,.duo-launch-bottomline{padding:0 6px;letter-spacing:.09em}.duo-launch-topline>b{display:none}.duo-launch-caption{left:16px;bottom:18px}.duo-launch-caption strong{font-size:clamp(25px,8vw,40px)}.duo-launch-art>img{max-height:55vh;aspect-ratio:1/1;object-fit:cover}.duo-launch-bottomline{font-size:7px}}
@media(prefers-reduced-motion:reduce){.duo-launch-art>img,.duo-empty-pulse,.duo-launch-bottomline>span:first-child i,.duo-launch-dots i,.duo-available-card{animation:none!important;transition:none!important}}


/* V64 — duo launch: a clean city-window reveal. No arm artwork, title card, or promotional copy. */
.duo-launch-overlay{position:fixed;inset:0;z-index:100000;display:grid;grid-template-rows:1fr;justify-items:center;align-items:start;padding:0 18px;background:rgba(3,8,19,.62);backdrop-filter:blur(9px) saturate(1.16);overflow:hidden;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}
.duo-launch-overlay.is-visible{opacity:1;visibility:visible}
.duo-launch-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(34,157,226,.12),transparent 58%),rgba(3,7,17,.42);pointer-events:none}
.duo-launch-panel{position:relative;z-index:1;width:min(1120px,calc(100vw - 30px));height:min(73vh,720px);margin-top:-90vh;padding:9px;border:1px solid rgba(151,217,255,.48);border-radius:16px;background:rgba(5,15,31,.88);box-shadow:0 34px 110px rgba(0,0,0,.58),0 0 50px rgba(75,177,255,.17);transform:translateY(-3vh) scale(.985);opacity:.5;overflow:hidden;transition:margin-top .86s cubic-bezier(.18,.78,.21,1),transform .86s cubic-bezier(.18,.78,.21,1),opacity .38s ease}
.duo-launch-overlay.is-visible .duo-launch-panel{margin-top:4vh;transform:translateY(0) scale(1);opacity:1}
.duo-launch-overlay.is-dropping .duo-launch-panel{margin-top:118vh;transform:translateY(0) scale(.96);opacity:.16;transition:margin-top .78s cubic-bezier(.58,.02,.8,.22),transform .78s ease,opacity .55s ease}
.duo-launch-windowbar{height:26px;display:flex;align-items:center;gap:6px;padding:0 9px 8px}
.duo-launch-windowbar span{display:block;width:7px;height:7px;border-radius:50%;background:rgba(164,217,249,.7);box-shadow:0 0 9px rgba(133,208,255,.25)}
.duo-launch-windowbar span:first-child{background:#ff777d}.duo-launch-windowbar span:nth-child(2){background:#f6d175}.duo-launch-windowbar span:nth-child(3){background:#84e8be}.duo-launch-windowbar i{display:block;flex:1;height:1px;margin-left:8px;background:linear-gradient(90deg,rgba(158,223,255,.24),transparent)}
.duo-launch-art{height:calc(100% - 26px);border-radius:10px;overflow:hidden;background:#07152a}
.duo-launch-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;animation:duo-city-drift 5s ease-in-out infinite alternate;filter:saturate(.97) contrast(1.02)}
@keyframes duo-city-drift{from{transform:scale(1.025) translateY(-.3%)}to{transform:scale(1.06) translateY(.3%)}}
@media(max-width:720px){.duo-launch-overlay{padding:0 9px}.duo-launch-panel{width:calc(100vw - 18px);height:min(66vh,590px);padding:6px;border-radius:12px}.duo-launch-windowbar{height:21px;padding:0 7px 6px}.duo-launch-art{height:calc(100% - 21px)}}
@media(prefers-reduced-motion:reduce){.duo-launch-art img{animation:none!important}.duo-launch-overlay,.duo-launch-panel{transition-duration:.01ms!important}}

/* V64 — Watching Party's dashboard promo is deliberately only a cube and title. */
.watching-party-promo{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;min-height:0!important;margin:26px 0 20px!important;padding:16px 0 24px!important;overflow:visible!important;text-align:center!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.watching-party-promo:before,.watching-party-promo:after{display:none!important;content:none!important;background:none!important;box-shadow:none!important}
.watching-party-cube-launch{background:transparent!important;border:1px solid rgba(122,207,255,.18)!important;border-radius:13px!important;box-shadow:0 0 24px rgba(55,170,255,.08)!important;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease!important}
.watching-party-cube-launch:hover{transform:translateY(-3px)!important;border-color:rgba(122,207,255,.46)!important;box-shadow:0 0 34px rgba(55,170,255,.16)!important}
.watching-party-promo h3{margin:7px 0 0!important}
.dashboard-booking-notice{margin-top:8px!important;margin-bottom:20px!important}

/* V64 — Special Theme: animated sky-city background, ice-blue glass surfaces, and white glow. */
html[data-skg-theme="special"]{color-scheme:dark;--bg:#061629;--panel:rgba(8,26,48,.82);--panel2:rgba(13,42,70,.76);--line:rgba(145,224,255,.25);--muted:#aac7dc;--text:#f3fbff;--orange:#8fe8ff;--orange2:#c6f5ff}
html[data-skg-theme="special"] body{background:linear-gradient(180deg,rgba(3,11,27,.42),rgba(2,12,29,.82)),url("assets/special-theme-background.gif") center center/cover fixed no-repeat!important;background-color:#061629!important;color:#f3fbff!important}
html[data-skg-theme="special"] #loginView,html[data-skg-theme="special"] #appView,html[data-skg-theme="special"] .app-shell,html[data-skg-theme="special"] .main-content-wrap,html[data-skg-theme="special"] .app-content{background:transparent!important;color:#f3fbff!important}
html[data-skg-theme="special"] .ambient-a,html[data-skg-theme="special"] .ambient-b{opacity:.1!important;background:#70d8ff!important}
html[data-skg-theme="special"] .noise{opacity:.025!important}
html[data-skg-theme="special"] .app-header,html[data-skg-theme="special"] .brand-header{background:rgba(4,19,38,.78)!important;border-color:rgba(145,224,255,.3)!important;box-shadow:0 8px 32px rgba(0,0,0,.18),0 0 28px rgba(94,199,255,.08)!important;backdrop-filter:blur(18px) saturate(1.22)!important}
html[data-skg-theme="special"] .sidebar{background:rgba(5,21,42,.78)!important;border-color:rgba(145,224,255,.24)!important;box-shadow:8px 0 35px rgba(0,0,0,.18),inset -1px 0 rgba(161,235,255,.08)!important;backdrop-filter:blur(18px)!important}
html[data-skg-theme="special"] .app-brand b,html[data-skg-theme="special"] .brand-wordmark b,html[data-skg-theme="special"] .page-heading h1,html[data-skg-theme="special"] .page-heading h2,html[data-skg-theme="special"] .page-heading h3,html[data-skg-theme="special"] .welcome-panel h3,html[data-skg-theme="special"] .panel-title-row h3{color:#f4fcff!important;text-shadow:0 0 20px rgba(126,222,255,.17)!important}
html[data-skg-theme="special"] .app-brand small,html[data-skg-theme="special"] .brand-wordmark small,html[data-skg-theme="special"] .sidebar-label,html[data-skg-theme="special"] .sidebar-version,html[data-skg-theme="special"] .page-heading p,html[data-skg-theme="special"] .welcome-panel p{color:#b8d8ed!important}
html[data-skg-theme="special"] .nav-tab{background:rgba(8,30,55,.68)!important;color:#c4e6fa!important;border:1px solid rgba(127,213,255,.18)!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important}
html[data-skg-theme="special"] .nav-tab:hover{background:rgba(21,73,108,.75)!important;color:#fff!important;border-color:rgba(134,222,255,.55)!important;box-shadow:0 0 18px rgba(60,186,255,.16)!important}
html[data-skg-theme="special"] .nav-tab.active{background:linear-gradient(110deg,rgba(53,150,207,.56),rgba(145,227,255,.18))!important;border-color:rgba(153,232,255,.72)!important;color:#fff!important;box-shadow:inset 3px 0 #9beaff,0 0 24px rgba(55,180,255,.19),inset 0 0 22px rgba(105,216,255,.06)!important}
html[data-skg-theme="special"] .nav-icon{background:rgba(130,220,255,.11)!important;color:#b8f0ff!important;border-color:rgba(141,223,255,.3)!important}
html[data-skg-theme="special"] .subpanel,html[data-skg-theme="special"] .panel,html[data-skg-theme="special"] .welcome-panel,html[data-skg-theme="special"] .profile-panel,html[data-skg-theme="special"] .settings-panel,html[data-skg-theme="special"] .duo-radar-card,html[data-skg-theme="special"] .duo-info-card,html[data-skg-theme="special"] .players-board-shell,html[data-skg-theme="special"] .messages-contact-panel,html[data-skg-theme="special"] .messages-thread-panel,html[data-skg-theme="special"] .book-games-main .subpanel,html[data-skg-theme="special"] .book-games-side .subpanel{background:linear-gradient(145deg,rgba(7,26,49,.82),rgba(6,20,40,.74))!important;border-color:rgba(139,221,255,.24)!important;box-shadow:0 18px 46px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.045)!important;backdrop-filter:blur(14px)!important}
html[data-skg-theme="special"] .input-shell,html[data-skg-theme="special"] input,html[data-skg-theme="special"] select,html[data-skg-theme="special"] textarea{background:rgba(4,21,41,.82)!important;color:#f4fcff!important;border-color:rgba(132,211,255,.33)!important}
html[data-skg-theme="special"] input::placeholder,html[data-skg-theme="special"] textarea::placeholder{color:#8db4cf!important}
html[data-skg-theme="special"] .primary-button,html[data-skg-theme="special"] .tounsi-explain-button,html[data-skg-theme="special"] .home-action-button{background:linear-gradient(110deg,rgba(18,96,147,.94),rgba(91,207,245,.85))!important;border-color:rgba(178,242,255,.68)!important;color:#fff!important;box-shadow:0 0 22px rgba(66,184,255,.19),inset 0 1px rgba(255,255,255,.24)!important}
html[data-skg-theme="special"] .secondary-button,html[data-skg-theme="special"] .social-mini-action,html[data-skg-theme="special"] .theme-trigger,html[data-skg-theme="special"] .language-trigger{background:rgba(7,36,65,.74)!important;color:#dff7ff!important;border-color:rgba(133,215,255,.32)!important}
html[data-skg-theme="special"] .theme-menu,html[data-skg-theme="special"] .language-menu,html[data-skg-theme="special"] .profile-dropdown{background:rgba(4,23,44,.97)!important;border-color:rgba(143,224,255,.36)!important;box-shadow:0 20px 50px rgba(0,0,0,.32),0 0 24px rgba(76,188,255,.14)!important}
html[data-skg-theme="special"] .theme-option,html[data-skg-theme="special"] .language-menu button,html[data-skg-theme="special"] .profile-dropdown button{color:#e3f8ff!important}
html[data-skg-theme="special"] .theme-option:hover,html[data-skg-theme="special"] .language-menu button:hover,html[data-skg-theme="special"] .profile-dropdown button:hover{background:rgba(73,171,224,.25)!important;color:#fff!important}
html[data-skg-theme="special"] .gradient-text,html[data-skg-theme="special"] .orange-text,html[data-skg-theme="special"] .section-overline{color:#8feaff!important;text-shadow:0 0 17px rgba(100,219,255,.25)!important}
html[data-skg-theme="special"] .status-dot,html[data-skg-theme="special"] .live-dot{background:#9af0ff!important;box-shadow:0 0 13px #6adfff!important}
html[data-skg-theme="special"] .watching-party-promo h3 em{color:#a6efff!important;text-shadow:0 0 13px #73ddff,0 0 31px rgba(62,187,255,.76)!important}
html[data-skg-theme="special"] .watching-party-cube-launch{border-color:rgba(160,235,255,.48)!important;box-shadow:0 0 28px rgba(82,199,255,.16)!important}
html[data-skg-theme="special"] .watching-party-cube-launch:hover{border-color:rgba(188,244,255,.88)!important;box-shadow:0 0 44px rgba(82,199,255,.28)!important}
html[data-skg-theme="special"] .dashboard-booking-count,html[data-skg-theme="special"] .mini-tag,html[data-skg-theme="special"] .mini-badge{border-color:rgba(141,224,255,.32)!important;background:rgba(36,117,164,.25)!important;color:#dff9ff!important}
html[data-skg-theme="special"] .onboarding-shell{background:rgba(5,22,43,.84)!important;border-color:rgba(142,222,255,.34)!important;box-shadow:0 24px 80px rgba(0,0,0,.32),0 0 42px rgba(65,186,255,.12)!important;backdrop-filter:blur(18px)!important}
html[data-skg-theme="special"] .identity-form input:not([type=checkbox]),html[data-skg-theme="special"] .identity-form select{background:rgba(6,30,53,.84)!important;border-color:rgba(137,216,255,.4)!important;color:#f4fcff!important}
html[data-skg-theme="special"] .identity-form .public-identity-consent,html[data-skg-theme="special"] .identity-form #onboardingMessage{background:rgba(12,47,76,.76)!important;border-color:rgba(137,216,255,.28)!important;color:#d7efff!important}
html[data-skg-theme="special"] .watching-party-overlay .watching-party-dialog{background:rgba(4,19,37,.97)!important;border-color:rgba(145,224,255,.32)!important}
@media(max-width:720px){html[data-skg-theme="special"] body{background-position:center center!important;background-attachment:scroll!important}html[data-skg-theme="special"] .app-header{backdrop-filter:blur(12px)!important}}


/* V65 — the duo intro slides in, then becomes the live player search window and stays open until cancelled. */
.duo-launch-overlay{position:fixed;inset:0;z-index:100000;display:grid;justify-items:center;align-items:start;padding:0 15px;background:rgba(3,8,19,.70);backdrop-filter:blur(11px) saturate(1.15);overflow:hidden;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}
.duo-launch-overlay.is-visible{opacity:1;visibility:visible}
.duo-launch-overlay.is-closing{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
.duo-launch-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 25%,rgba(38,165,236,.16),transparent 60%),rgba(2,6,14,.35);pointer-events:none}
.duo-launch-panel{position:relative;z-index:1;display:flex;flex-direction:column;width:min(1120px,calc(100vw - 28px));height:min(82vh,820px);min-height:420px;margin-top:-100vh;padding:9px;border:1px solid rgba(151,217,255,.48);border-radius:16px;background:rgba(5,15,31,.96);box-shadow:0 34px 110px rgba(0,0,0,.58),0 0 50px rgba(75,177,255,.17);overflow:hidden;transition:margin-top .9s cubic-bezier(.18,.78,.21,1),box-shadow .3s ease}
.duo-launch-overlay.is-visible .duo-launch-panel{margin-top:4vh}
.duo-launch-windowbar{position:relative;z-index:5;flex:0 0 28px;height:28px;display:flex;align-items:center;gap:6px;padding:0 9px 8px;border-bottom:1px solid rgba(151,217,255,.15)}
.duo-launch-windowbar span{display:block;width:7px;height:7px;border-radius:50%;background:rgba(164,217,249,.7);box-shadow:0 0 9px rgba(133,208,255,.25)}
.duo-launch-windowbar span:first-child{background:#ff777d}.duo-launch-windowbar span:nth-child(2){background:#f6d175}.duo-launch-windowbar span:nth-child(3){background:#84e8be}.duo-launch-windowbar i{display:block;flex:1;height:1px;margin-left:8px;background:linear-gradient(90deg,rgba(158,223,255,.24),transparent)}.duo-launch-windowbar b{color:#a8dfff;font-size:8px;letter-spacing:.2em;white-space:nowrap}
.duo-launch-intro-stage{position:absolute;z-index:3;inset:37px 9px 9px;border-radius:10px;overflow:hidden;background:#061429;opacity:1;visibility:visible;transition:opacity .45s ease,transform .62s ease,visibility .45s ease}
.duo-launch-intro-stage img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;animation:duo-v65-city-drift 4.8s ease-in-out infinite alternate;filter:saturate(1.05) contrast(1.04)}
.duo-launch-overlay.is-ready .duo-launch-intro-stage{opacity:0;visibility:hidden;transform:scale(1.06);pointer-events:none}
@keyframes duo-v65-city-drift{from{transform:scale(1.025) translateY(-.3%)}to{transform:scale(1.07) translateY(.3%)}}
.duo-launch-live-content{position:relative;z-index:4;display:none;flex:1;min-height:0;flex-direction:column;padding:clamp(13px,2vw,24px) clamp(8px,1.5vw,17px) 9px;color:#f3f7fc;opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease}
.duo-launch-overlay.is-ready .duo-launch-live-content{display:flex;opacity:1;transform:translateY(0)}
.duo-launch-live-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(157,212,249,.14);padding-bottom:13px;flex:0 0 auto}
.duo-launch-live-head>div:first-child{min-width:0}.duo-launch-live-head>div:first-child>span{font-size:8px;font-weight:900;letter-spacing:.2em;color:#8edbff}.duo-launch-live-head h2{margin:6px 0 5px;font-size:clamp(20px,3vw,31px);line-height:1.05;letter-spacing:-.04em;color:#f6fbff}.duo-launch-live-head p{margin:0;color:#9eb6c9;font-size:12px;line-height:1.5}.duo-launch-count{display:grid;justify-items:center;gap:3px;min-width:70px;padding:10px 11px;border:1px solid rgba(116,220,255,.28);border-radius:12px;background:rgba(39,167,227,.09);box-shadow:0 0 19px rgba(61,184,255,.07)}.duo-launch-count strong{font-size:26px;color:#8be8ff;text-shadow:0 0 13px rgba(82,209,255,.4)}.duo-launch-count small{font-size:7px;font-weight:900;letter-spacing:.1em;color:#c4eaff;text-align:center}
.duo-launch-live-scroll{flex:1;min-height:0;overflow:auto;padding:14px 3px 18px;overscroll-behavior:contain}
.duo-launch-player-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.duo-launch-player-card{display:grid;grid-template-columns:49px minmax(0,1fr);gap:10px;align-items:center;padding:12px;border:1px solid #384653;border-radius:12px;background:linear-gradient(145deg,rgba(35,49,61,.95),rgba(18,28,38,.98));box-shadow:inset 0 1px rgba(255,255,255,.025);animation:duo-v65-card-enter .34s cubic-bezier(.2,.8,.2,1) both}
.duo-launch-player-card:nth-child(2){animation-delay:.04s}.duo-launch-player-card:nth-child(3){animation-delay:.08s}.duo-launch-player-card:nth-child(4){animation-delay:.12s}.duo-launch-player-card:nth-child(5){animation-delay:.16s}.duo-launch-player-card img,.duo-launch-request-card>img{width:49px;height:49px;object-fit:cover;border-radius:10px;border:1px solid rgba(149,211,245,.32);background:#1f303e}
.duo-launch-player-copy{min-width:0;display:grid;gap:3px}.duo-launch-player-copy b{font-size:13px;color:#f2f8fc;overflow-wrap:anywhere}.duo-launch-player-copy span{font-size:10px;font-weight:900;color:#8fe1ff}.duo-launch-player-copy small{font-size:9px;color:#a6bdcd}
.duo-launch-player-card>button{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:0 11px;border:1px solid rgba(121,211,249,.42);border-radius:7px;background:rgba(35,136,184,.15);color:#c9f0ff;font-size:9px;font-weight:900;letter-spacing:.11em;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.duo-launch-player-card>button:hover{background:rgba(37,150,205,.34);border-color:#8be5ff;transform:translateY(-1px)}.duo-launch-player-card>button:disabled{opacity:.45;cursor:wait}
.duo-launch-no-players,.duo-launch-connecting,.duo-launch-error{min-height:210px;display:grid;justify-items:center;align-content:center;gap:9px;text-align:center;padding:22px 14px;border:1px dashed rgba(124,200,234,.25);border-radius:13px;background:rgba(6,23,37,.48)}.duo-launch-error-message{white-space:pre-wrap!important;max-width:min(680px,100%)!important;width:100%;padding:13px 15px;border:1px solid rgba(255,115,115,.22);border-radius:9px;background:rgba(70,12,25,.28);color:#ffe2e6!important;text-align:left;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.duo-launch-error-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:4px}.duo-launch-error-actions button{border:1px solid rgba(128,210,255,.32);border-radius:7px;background:rgba(61,156,210,.12);color:#d9f5ff;font-size:10px;font-weight:800;letter-spacing:.08em;padding:10px 13px;cursor:pointer}.duo-launch-error-actions button:hover{border-color:#7ddfff;box-shadow:0 0 17px rgba(94,207,255,.14)}.duo-launch-no-players>span{display:grid;place-items:center;width:49px;height:49px;border-radius:50%;border:1px solid rgba(111,215,255,.4);color:#8ee9ff;box-shadow:0 0 25px rgba(60,185,255,.1);font-size:24px}.duo-launch-no-players>b,.duo-launch-connecting>b,.duo-launch-error>b{font-size:11px;letter-spacing:.13em;color:#e9f7ff}.duo-launch-no-players p,.duo-launch-connecting p,.duo-launch-error p{max-width:480px;margin:0;color:#a7bfce;font-size:12px;line-height:1.6}.duo-launch-no-players small,.duo-launch-error small{max-width:510px;color:#7795aa;font-size:10px;line-height:1.6;overflow-wrap:anywhere}.duo-launch-no-players strong{color:#d9f6ff}.duo-launch-spinner{width:28px;height:28px;border:2px solid rgba(107,207,255,.2);border-top-color:#94e6ff;border-radius:50%;animation:duo-v65-spin .8s linear infinite}.duo-launch-error-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;border:1px solid rgba(251,136,136,.5);color:#ff9e9e;font-size:22px}.duo-launch-error small code{color:#d4efff}
.duo-launch-request-card{display:grid;grid-template-columns:50px minmax(0,1fr);gap:12px;max-width:700px;margin:8px auto;padding:16px;border:1px solid rgba(128,215,255,.3);border-radius:14px;background:linear-gradient(140deg,rgba(29,50,63,.95),rgba(14,25,35,.98))}.duo-launch-request-card>div{min-width:0;display:grid;gap:6px}.duo-launch-request-card>div>small{font-size:8px;font-weight:900;letter-spacing:.14em;color:#92dfff}.duo-launch-request-card>div>b{font-size:17px;color:#f4fbff}.duo-launch-request-card>div>span{font-size:11px;color:#9ce6ff}.duo-launch-request-card p{margin:0;color:#9db5c6;font-size:11px;line-height:1.5}.duo-launch-request-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}.duo-launch-request-actions button{min-height:35px;padding:0 13px;border-radius:7px;border:1px solid rgba(133,221,255,.45);background:rgba(51,160,211,.18);color:#d6f6ff;font-size:9px;font-weight:900;letter-spacing:.1em;cursor:pointer}.duo-launch-request-actions button:last-child{border-color:rgba(243,120,132,.4);background:rgba(157,48,65,.15);color:#ffd4db}.duo-launch-waiting-pill{display:inline-flex;align-items:center;gap:7px;color:#9ce8ff;font-size:9px;font-weight:900;letter-spacing:.1em}.duo-launch-waiting-pill i{width:6px;height:6px;border-radius:50%;background:#7de2ff;box-shadow:0 0 9px #7de2ff;animation:duo-v65-blink .9s infinite alternate}
.duo-launch-live-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;border-top:1px solid rgba(157,212,249,.13);padding:12px 2px 3px}.duo-launch-live-footer>span{display:flex;align-items:center;gap:7px;color:#7f9caf;font-size:8px;font-weight:800;letter-spacing:.09em}.duo-launch-live-footer>span i{width:6px;height:6px;border-radius:50%;background:#7ae2a8;box-shadow:0 0 9px #7ae2a8;animation:duo-v65-blink 1s infinite alternate}.duo-launch-live-footer button{min-height:36px;padding:0 14px;border:1px solid rgba(250,129,144,.52);border-radius:8px;background:rgba(149,41,59,.22);color:#ffd9df;font-size:9px;font-weight:900;letter-spacing:.12em;white-space:nowrap;cursor:pointer}.duo-launch-live-footer button:hover{background:rgba(174,45,67,.38);border-color:#ff9eac}
@keyframes duo-v65-spin{to{transform:rotate(360deg)}}@keyframes duo-v65-card-enter{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes duo-v65-blink{to{opacity:.35}}
@media(max-width:720px){.duo-launch-overlay{padding:0 8px}.duo-launch-panel{width:calc(100vw - 16px);height:min(88vh,850px);min-height:420px;margin-top:-105vh;padding:6px}.duo-launch-overlay.is-visible .duo-launch-panel{margin-top:2vh}.duo-launch-intro-stage{inset:30px 6px 6px}.duo-launch-windowbar{padding:0 6px 7px}.duo-launch-windowbar b{font-size:7px}.duo-launch-live-content{padding:12px 5px 6px}.duo-launch-player-grid{grid-template-columns:1fr}.duo-launch-live-head h2{font-size:21px}.duo-launch-live-head p{font-size:10px}.duo-launch-count{min-width:58px;padding:8px}.duo-launch-count strong{font-size:22px}.duo-launch-live-footer>span{font-size:7px;line-height:1.4}.duo-launch-live-footer button{padding:0 9px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.duo-launch-panel,.duo-launch-intro-stage,.duo-launch-intro-stage img,.duo-launch-live-content,.duo-launch-player-card,.duo-launch-spinner,.duo-launch-waiting-pill i{animation:none!important;transition-duration:.01ms!important}}

/* V65 — five alien stickmen, role spotlights, energy transformation, and the role-results window. */
.pro-player-role-heading{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1000px;margin:0 auto 12px;color:#c4d1ef;font-size:8px;font-weight:900;letter-spacing:.18em}.pro-player-role-heading small{font-size:7px;font-weight:700;color:#6f81a9;letter-spacing:.1em;text-align:right}
.pro-player-role-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(7px,1vw,12px);width:100%;max-width:1010px;margin:auto auto clamp(12px,1.8vh,20px)}
.pro-player-role-card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;min-height:220px;padding:10px 8px 13px;border:1px solid color-mix(in srgb,var(--role-color) 35%,transparent);border-radius:13px;background:linear-gradient(150deg,rgba(11,20,44,.88),rgba(5,9,22,.93));color:#eef8ff;cursor:pointer;isolation:isolate;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 22px rgba(0,0,0,.18);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease}
.pro-player-role-card:hover,.pro-player-role-card:focus-visible{outline:none;transform:translateY(-5px) scale(1.015);border-color:var(--role-color);box-shadow:0 0 24px color-mix(in srgb,var(--role-color) 23%,transparent),0 14px 28px rgba(0,0,0,.28),inset 0 0 25px color-mix(in srgb,var(--role-color) 7%,transparent)}
.pro-player-role-card:before{content:"";position:absolute;inset:0;z-index:0;opacity:0;pointer-events:none;background:radial-gradient(ellipse at var(--flash-x,50%) var(--flash-y,42%),rgba(255,255,255,.68) 0, color-mix(in srgb,var(--role-color) 22%,transparent) 12%,transparent 48%);transition:opacity .2s ease}.pro-player-role-card:hover:before,.pro-player-role-card:focus-visible:before{opacity:1}
.pro-player-role-stage{position:relative;display:grid;place-items:center;width:100%;height:155px;isolation:isolate;overflow:hidden}.pro-player-role-stage:before{content:"";position:absolute;z-index:0;left:18%;right:18%;top:6%;height:88%;clip-path:polygon(39% 0,61% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(255,255,255,.0),color-mix(in srgb,var(--role-color) 19%,transparent));opacity:0;filter:blur(5px);transition:opacity .22s ease}.pro-player-role-card:hover .pro-player-role-stage:before,.pro-player-role-card:focus-visible .pro-player-role-stage:before{opacity:.9}
.pro-player-stickman{position:relative;z-index:2;width:90px;height:128px;overflow:visible;color:var(--role-color);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--role-color) 45%,transparent));transform-origin:50% 85%;transition:transform .28s ease,filter .28s ease}.pro-player-role-card:hover .pro-player-stickman{transform:translateY(-3px) scale(1.06);filter:drop-shadow(0 0 12px var(--role-color)) drop-shadow(0 0 26px color-mix(in srgb,var(--role-color) 55%,transparent))}
.pro-player-stickman .alien-head{fill:#08101e;stroke:currentColor;stroke-width:3}.pro-player-stickman .alien-antenna,.pro-player-stickman .alien-body{fill:none;stroke:currentColor;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.pro-player-stickman .alien-eye{fill:currentColor;filter:drop-shadow(0 0 3px currentColor)}.pro-player-stickman .alien-face{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.pro-role-orbit{position:absolute;z-index:1;left:50%;top:46%;width:96px;height:38px;border:1px solid color-mix(in srgb,var(--role-color) 68%,transparent);border-radius:50%;transform:translate(-50%,-50%) rotate(-34deg);box-shadow:0 0 13px color-mix(in srgb,var(--role-color) 23%,transparent);animation:pro-role-orbit 5s linear infinite}.pro-role-orbit.orbit-two{width:114px;height:46px;transform:translate(-50%,-50%) rotate(41deg);opacity:.6;animation-duration:7s;animation-direction:reverse}.pro-role-beam{position:absolute;z-index:1;left:50%;top:4%;height:91%;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,var(--role-color),transparent);opacity:.18;filter:blur(1px)}.pro-role-particle{position:absolute;z-index:3;width:4px;height:4px;border-radius:50%;background:var(--role-color);box-shadow:0 0 9px var(--role-color);animation:pro-role-float 2.6s ease-in-out infinite alternate}.pro-role-particle.particle-one{left:15%;top:30%}.pro-role-particle.particle-two{right:13%;bottom:25%;animation-delay:.7s}.pro-role-spotlight{position:absolute;z-index:4;left:var(--flash-x,50%);top:var(--flash-y,42%);width:80px;height:80px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.38),color-mix(in srgb,var(--role-color) 18%,transparent) 28%,transparent 70%);opacity:0;pointer-events:none;mix-blend-mode:screen;transition:opacity .18s}.pro-player-role-card:hover .pro-role-spotlight,.pro-player-role-card:focus-visible .pro-role-spotlight{opacity:1}
.pro-player-role-name{position:relative;z-index:2;display:grid;justify-items:center;gap:5px;margin-top:auto;text-align:center}.pro-player-role-name b{font-size:10px;font-weight:1000;letter-spacing:.14em;color:#f4fbff;text-shadow:0 0 13px color-mix(in srgb,var(--role-color) 40%,transparent)}.pro-player-role-name small{font-size:7px;font-weight:800;line-height:1.4;letter-spacing:.07em;color:#8ca0c3}.pro-role-select-mark{position:absolute;z-index:2;right:10px;top:8px;color:var(--role-color);font-size:13px;opacity:.5;transition:opacity .2s,transform .2s}.pro-player-role-card:hover .pro-role-select-mark{opacity:1;transform:translate(2px,-2px)}
@keyframes pro-role-orbit{from{rotate:0deg}to{rotate:360deg}}@keyframes pro-role-float{from{transform:translate3d(-3px,5px,0);opacity:.25}to{transform:translate3d(4px,-6px,0);opacity:1}}
.pro-player-overlay.is-energy-running .pro-player-glass-shell{filter:blur(2px) brightness(.48);transform:scale(.97)}.pro-player-energy-overlay{position:absolute;z-index:30;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 52%,rgba(254,211,70,.18),rgba(4,6,18,.94) 60%);opacity:0}.pro-player-energy-overlay.is-charging{animation:pro-energy-fade-in .2s ease forwards}.pro-player-energy-overlay .pro-energy-figure{position:relative;z-index:4;width:min(49vw,410px);height:min(58vh,440px);display:grid;place-items:center;isolation:isolate}.pro-energy-figure img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;border-radius:18px;mix-blend-mode:screen;filter:saturate(1.32) contrast(1.08) drop-shadow(0 0 25px rgba(255,207,48,.65));animation:pro-saiyan-figure-burst 1.75s cubic-bezier(.15,.8,.2,1) both}.pro-energy-figure span{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);font-size:10px;font-weight:1000;letter-spacing:.22em;color:#fff4a8;text-shadow:0 0 14px #ffbd27;white-space:nowrap}.pro-energy-aura{position:absolute;z-index:1;left:50%;top:50%;width:min(72vw,660px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(.2);background:radial-gradient(circle,rgba(255,249,166,.35),rgba(255,186,28,.2) 20%,rgba(255,113,24,.11) 42%,transparent 68%);filter:blur(4px);opacity:0}.pro-player-energy-overlay.is-charging .pro-energy-aura{animation:pro-saiyan-aura 1.8s ease-out both}.pro-player-energy-overlay.is-charging .energy-aura-two{animation-delay:.16s}.pro-energy-burst-ring{position:absolute;z-index:2;left:50%;top:50%;width:38vmin;height:38vmin;border:3px solid rgba(255,224,90,.75);border-radius:50%;box-shadow:0 0 27px rgba(255,201,39,.6),inset 0 0 27px rgba(255,201,39,.2);opacity:0;transform:translate(-50%,-50%) scale(.15)}.pro-player-energy-overlay.is-charging .pro-energy-burst-ring{animation:pro-energy-ring-burst 1.4s cubic-bezier(.1,.65,.15,1) both}.pro-player-energy-overlay.is-charging .burst-ring-two{animation-delay:.19s}.pro-energy-lightning{position:absolute;z-index:3;top:10%;bottom:9%;width:7px;background:linear-gradient(180deg,transparent,#fff9a0,#ffc02f,transparent);filter:drop-shadow(0 0 8px #ffe15b);clip-path:polygon(48% 0,100% 8%,44% 33%,90% 47%,30% 68%,68% 85%,26% 100%,40% 78%,5% 61%,55% 43%,15% 28%);opacity:0}.energy-lightning-one{left:23%;transform:rotate(14deg)}.energy-lightning-two{right:23%;transform:scaleX(-1) rotate(-12deg)}.pro-player-energy-overlay.is-charging .pro-energy-lightning{animation:pro-energy-lightning .95s steps(2,end) infinite}.pro-energy-flash{position:absolute;inset:0;z-index:5;background:#fff4aa;opacity:0;pointer-events:none}.pro-player-energy-overlay.is-charging .pro-energy-flash{animation:pro-energy-flash .48s ease-out .34s both}
@keyframes pro-energy-fade-in{to{opacity:1}}@keyframes pro-saiyan-figure-burst{0%{transform:scale(.1) rotate(-9deg);opacity:0;filter:brightness(3) saturate(1.8)}25%{transform:scale(1.14) rotate(2deg);opacity:1}55%{transform:scale(.97) rotate(-1deg);filter:brightness(1.8) saturate(1.4)}100%{transform:scale(1.03);opacity:1;filter:saturate(1.3)}}@keyframes pro-saiyan-aura{0%{opacity:0;transform:translate(-50%,-50%) scale(.15)}30%{opacity:1}100%{opacity:.35;transform:translate(-50%,-50%) scale(1.5)}}@keyframes pro-energy-ring-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.15)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(2.2)}}@keyframes pro-energy-lightning{0%,100%{opacity:0;filter:drop-shadow(0 0 4px #ffe15b)}45%{opacity:1;filter:drop-shadow(0 0 15px #fff)}50%{opacity:.15}75%{opacity:.9}}@keyframes pro-energy-flash{0%{opacity:0}12%{opacity:.85}100%{opacity:0}}
.pro-player-result-overlay{position:absolute;z-index:40;inset:0;display:grid;place-items:center;padding:22px;background:rgba(3,6,16,.78);backdrop-filter:blur(14px);animation:pro-result-enter .38s ease both}.pro-player-result-window{position:relative;width:min(850px,92vw);max-height:88vh;overflow:auto;padding:clamp(22px,3vw,38px);border:1px solid rgba(130,218,255,.38);border-radius:20px;background:linear-gradient(145deg,rgba(12,27,53,.98),rgba(5,9,23,.99));box-shadow:0 28px 100px rgba(0,0,0,.65),0 0 42px rgba(89,195,255,.14)}.pro-player-result-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:9px;border:1px solid rgba(165,211,241,.22);background:rgba(255,255,255,.04);color:#eef9ff;font-size:23px;cursor:pointer}.pro-result-overline{display:flex;align-items:center;gap:8px;color:#8edfff;font-size:8px;font-weight:900;letter-spacing:.17em}.pro-result-overline i{width:6px;height:6px;border-radius:50%;background:#81e6ff;box-shadow:0 0 10px #81e6ff}.pro-player-result-window h2{max-width:680px;margin:15px 0 9px;font-size:clamp(27px,4vw,46px);line-height:.98;letter-spacing:-.04em;color:#f2fbff;text-shadow:0 0 20px rgba(104,206,255,.15)}.pro-player-result-window>p{max-width:650px;margin:0 0 20px;color:#a8c2d7;font-size:13px;line-height:1.7}.pro-player-recommendations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pro-player-recommendation{display:grid;gap:11px;align-content:start;min-height:92px;padding:14px;border:1px solid rgba(127,205,244,.17);border-radius:11px;background:linear-gradient(145deg,rgba(40,89,125,.24),rgba(12,27,48,.75))}.pro-player-recommendation span{color:#81dfff;font-size:9px;font-weight:900;letter-spacing:.15em}.pro-player-recommendation b{color:#edf9ff;font-size:11px;line-height:1.45;letter-spacing:.04em}.pro-player-recommendation i{color:#8ce4ff;font-size:14px;font-style:normal}.pro-player-result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}.pro-player-result-actions button{min-height:39px;padding:0 13px;border:1px solid rgba(133,220,255,.3);border-radius:8px;background:rgba(32,116,157,.16);color:#d9f6ff;font-size:8px;font-weight:900;letter-spacing:.1em;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.pro-player-result-actions button:hover{background:rgba(38,151,203,.29);border-color:#9beaff;transform:translateY(-1px)}.pro-player-result-actions button:last-child{margin-left:auto;background:rgba(255,255,255,.025);color:#97adbf}
@keyframes pro-result-enter{from{opacity:0;transform:scale(.92) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(max-width:900px){.pro-player-role-grid{gap:7px}.pro-player-role-card{min-height:190px;padding:8px 5px}.pro-player-role-stage{height:133px}.pro-player-stickman{height:112px}.pro-player-role-name b{font-size:9px}.pro-player-role-name small{font-size:6px}}
@media(max-width:760px){.pro-player-role-heading{align-items:flex-start;flex-direction:column;gap:5px}.pro-player-role-heading small{text-align:left}.pro-player-role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pro-player-role-card{min-height:185px}.pro-player-role-stage{height:132px}.pro-player-role-card:last-child{grid-column:1/-1;max-width:calc(50% - 5px);width:100%;justify-self:center}.pro-player-energy-overlay .pro-energy-figure{width:min(82vw,410px);height:min(52vh,420px)}.pro-player-result-overlay{padding:10px}.pro-player-result-window{width:100%;max-height:calc(100vh - 20px);padding:27px 16px 18px;border-radius:14px}.pro-player-result-window h2{font-size:30px}.pro-player-recommendations{grid-template-columns:1fr}.pro-player-recommendation{min-height:0;grid-template-columns:36px 1fr;align-items:center;gap:9px;padding:11px}.pro-player-recommendation i{display:none}.pro-player-result-actions button{flex:1 1 45%;font-size:8px}.pro-player-result-actions button:last-child{margin-left:0}}
@media(prefers-reduced-motion:reduce){.pro-player-role-card,.pro-player-stickman,.pro-role-orbit,.pro-role-particle,.pro-player-energy-overlay *,.pro-player-result-overlay,.pro-player-recommendation{animation:none!important;transition-duration:.01ms!important}}


/* V67 — user-supplied animated superhero stickman and three compact dashboard tiles. */
.dashboard-home-tiles{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(12px,1.4vw,19px)!important;align-items:stretch!important;margin:0 0 25px!important;width:100%!important}
.dashboard-home-tile{box-sizing:border-box!important;min-width:0!important;min-height:335px!important;height:100%!important}
.dashboard-home-welcome{width:100%!important;margin:0!important;padding:23px 20px 18px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;overflow:hidden!important;border-radius:15px!important}
.dashboard-home-welcome .section-overline{font-size:8px!important;letter-spacing:1.45px!important;margin-bottom:9px!important}
.dashboard-home-welcome h3{font-size:clamp(21px,2vw,29px)!important;line-height:1.13!important;margin:0 0 8px!important;overflow-wrap:anywhere!important}
.dashboard-home-welcome p{font-size:11px!important;line-height:1.65!important;margin:0!important}
.dashboard-home-welcome .home-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:auto!important;padding-top:18px!important;max-width:none!important;width:100%!important}
.dashboard-home-welcome .home-action-button{min-height:62px!important;gap:8px!important;padding:9px 8px!important;border-radius:9px!important}
.dashboard-home-welcome .home-action-icon{width:28px!important;height:28px!important;border-radius:7px!important;font-size:15px!important}
.dashboard-home-welcome .home-action-button b{font-size:9px!important;line-height:1.25!important}
.dashboard-home-welcome .home-action-button small{font-size:7px!important;line-height:1.35!important}
.dashboard-home-welcome .home-action-button>i{font-size:11px!important}
.dashboard-watching-tile{display:flex!important;align-items:stretch!important;justify-content:center!important;min-width:0!important;min-height:335px!important;height:100%!important;overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.dashboard-watching-tile .watching-party-promo{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;min-width:0!important;min-height:335px!important;width:100%!important;height:100%!important;margin:0!important;padding:8px 4px 14px!important;overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:center!important}
.dashboard-watching-tile .watching-party-promo:before,.dashboard-watching-tile .watching-party-promo:after{display:none!important;content:none!important;background:none!important;box-shadow:none!important}
.dashboard-watching-tile .watching-party-cube-launch{display:grid!important;place-items:center!important;flex:0 1 auto!important;width:min(100%,235px)!important;max-width:235px!important;aspect-ratio:1!important;height:auto!important;padding:0!important;margin:0 auto!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline-offset:5px!important}
.dashboard-watching-tile .watching-party-cube-stage{width:100%!important;height:100%!important;min-height:0!important}
.dashboard-watching-tile .watching-cube{width:clamp(132px,14vw,174px)!important;height:clamp(132px,14vw,174px)!important}
.dashboard-watching-tile .watching-party-promo h3{margin:7px 0 0!important;font-size:clamp(23px,2.1vw,30px)!important;line-height:1.05!important;letter-spacing:-.9px!important;text-align:center!important}
.dashboard-booking-notice.dashboard-home-tile{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:9px!important;margin:0!important;padding:22px 18px 17px!important;min-height:335px!important;height:100%!important;overflow:hidden!important;border-radius:15px!important;background:linear-gradient(145deg,#252529,#1b1b1f)!important;border:1px solid #3d3d43!important;box-shadow:0 18px 38px rgba(0,0,0,.12)!important}
.dashboard-booking-notice .dashboard-booking-copy{flex:0 0 auto!important;min-width:0!important}
.dashboard-booking-notice .dashboard-booking-copy .section-overline{font-size:8px!important;letter-spacing:1.4px!important;color:#db7d8b!important}
.dashboard-booking-notice h3{font-size:18px!important;line-height:1.15!important;margin:8px 0 7px!important;color:#f5f3f3!important}
.dashboard-booking-notice p{font-size:9px!important;line-height:1.6!important;color:#a8a9b2!important;margin:0!important}
.dashboard-booking-notice .dashboard-booking-count{width:35px!important;height:35px!important;flex:0 0 35px!important;align-self:flex-start!important;border-radius:10px!important;font-size:16px!important;margin-top:2px!important}
.dashboard-booking-notice .dashboard-booking-feed{min-height:0!important;max-height:98px!important;overflow-y:auto!important;display:grid!important;align-content:start!important;gap:6px!important;margin:0!important;padding-right:2px!important}
.dashboard-booking-notice .dashboard-booking-empty{padding:9px 10px!important;font-size:9px!important;line-height:1.5!important;border-radius:9px!important}
.dashboard-booking-notice .dashboard-booking-alert{grid-template-columns:6px minmax(0,1fr) auto!important;gap:7px!important;padding:8px!important;border-radius:8px!important}
.dashboard-booking-notice .dashboard-booking-alert-copy b{font-size:9px!important;margin-bottom:2px!important}
.dashboard-booking-notice .dashboard-booking-alert-copy p{font-size:8px!important;line-height:1.4!important;margin-bottom:2px!important}
.dashboard-booking-notice .dashboard-booking-alert-copy small{font-size:7px!important}
.dashboard-booking-notice .dashboard-booking-open{font-size:7px!important;padding:6px 7px!important;min-width:0!important}
.dashboard-booking-notice>.primary-button{width:100%!important;min-height:39px!important;margin-top:auto!important;padding:0 9px!important;font-size:8px!important;border-radius:8px!important;white-space:nowrap!important}
.pro-player-role-stage{height:155px!important}
.pro-player-stickman.pro-role-animated-stickman{display:block!important;position:relative!important;z-index:2!important;width:min(100%,143px)!important;max-width:143px!important;height:143px!important;max-height:100%!important;object-fit:contain!important;overflow:visible!important;transform-origin:50% 82%!important;filter:drop-shadow(0 0 4px var(--role-color)) drop-shadow(0 0 11px color-mix(in srgb,var(--role-color) 42%,transparent))!important;animation:pro-user-stickman-hover 2.4s ease-in-out infinite!important;transition:transform .28s ease,filter .28s ease!important}
.pro-player-role-card:hover .pro-player-stickman.pro-role-animated-stickman,.pro-player-role-card:focus-visible .pro-player-stickman.pro-role-animated-stickman{transform:translateY(-4px) scale(1.06)!important;filter:drop-shadow(0 0 8px var(--role-color)) drop-shadow(0 0 22px color-mix(in srgb,var(--role-color) 70%,transparent))!important}
.pro-player-role-card:nth-child(2) .pro-role-animated-stickman{animation-delay:-.45s!important}
.pro-player-role-card:nth-child(3) .pro-role-animated-stickman{animation-delay:-.9s!important}
.pro-player-role-card:nth-child(4) .pro-role-animated-stickman{animation-delay:-1.35s!important}
.pro-player-role-card:nth-child(5) .pro-role-animated-stickman{animation-delay:-1.8s!important}
@keyframes pro-user-stickman-hover{0%,100%{translate:0 2px;rotate:-1deg}50%{translate:0 -4px;rotate:1.4deg}}
@media(max-width:1100px){.dashboard-home-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-home-welcome{grid-column:1!important}.dashboard-watching-tile{grid-column:2!important;grid-row:1!important}.dashboard-booking-notice.dashboard-home-tile{grid-column:1/-1!important;min-height:260px!important}.dashboard-booking-notice .dashboard-booking-feed{max-height:95px!important}}
@media(max-width:650px){.dashboard-home-tiles{grid-template-columns:1fr!important;gap:14px!important}.dashboard-home-welcome,.dashboard-watching-tile,.dashboard-booking-notice.dashboard-home-tile{grid-column:1!important;grid-row:auto!important;min-height:0!important}.dashboard-home-welcome{padding:22px 18px 17px!important}.dashboard-watching-tile{min-height:285px!important}.dashboard-watching-tile .watching-party-promo{min-height:285px!important}.dashboard-watching-tile .watching-party-cube-launch{width:min(100%,225px)!important}.dashboard-booking-notice.dashboard-home-tile{padding:21px 17px 16px!important}.dashboard-booking-notice .dashboard-booking-feed{max-height:120px!important}}
@media(max-width:900px){.pro-player-role-stage{height:137px!important}.pro-player-stickman.pro-role-animated-stickman{width:125px!important;height:125px!important}}
@media(max-width:760px){.pro-player-role-stage{height:132px!important}.pro-player-stickman.pro-role-animated-stickman{width:119px!important;height:119px!important}}
@media(prefers-reduced-motion:reduce){.pro-player-stickman.pro-role-animated-stickman{animation:none!important;transition:none!important}}


/* V68 — always-on SKG logo glow, electric role transition, and Free Training. */
.brand,.app-brand{animation:skg-brand-aura 3.2s ease-in-out infinite;}
.brand .logo-wrap img,.app-brand>img{transform-origin:center;animation:skg-logo-hover 2.8s ease-in-out infinite;}
.brand .logo-wrap,.app-brand>img{transition:box-shadow .25s ease,filter .25s ease;}
@keyframes skg-brand-aura{0%,100%{filter:drop-shadow(0 0 1px rgba(91,209,255,.10))}50%{filter:drop-shadow(0 0 10px rgba(75,197,255,.42))}}
@keyframes skg-logo-hover{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1.5px) scale(1.035)}}
.brand .logo-wrap{box-shadow:0 0 0 1px rgba(109,216,255,.20),0 0 18px rgba(44,163,255,.12)!important;animation:skg-logo-box-glow 3s ease-in-out infinite}
@keyframes skg-logo-box-glow{0%,100%{box-shadow:0 0 0 1px rgba(109,216,255,.17),0 0 10px rgba(44,163,255,.1)}50%{box-shadow:0 0 0 1px rgba(134,230,255,.45),0 0 26px rgba(44,163,255,.42),inset 0 0 12px rgba(44,163,255,.1)}}
.pro-player-energy-overlay{z-index:35!important;overflow:hidden!important;background:radial-gradient(ellipse at 50% 50%,rgba(88,216,255,.30),rgba(4,10,27,.92) 48%,rgba(1,4,14,.98))!important;backdrop-filter:blur(8px)!important}
.pro-player-energy-overlay .pro-electric-halo{position:absolute;left:50%;top:50%;width:min(70vw,680px);aspect-ratio:1;border:2px solid rgba(117,236,255,.48);border-radius:50%;transform:translate(-50%,-50%) scale(.2);opacity:0;box-shadow:0 0 26px rgba(63,215,255,.4),inset 0 0 26px rgba(63,215,255,.2)}
.pro-player-energy-overlay.is-charging .pro-electric-halo{animation:pro-electric-halo-expand 1.2s cubic-bezier(.1,.72,.2,1) both}
.pro-player-energy-overlay.is-charging .electric-halo-two{animation-delay:.14s}
@keyframes pro-electric-halo-expand{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.7)}}
.pro-electric-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 6px rgba(103,231,255,.9))}
.pro-electric-path{fill:none;stroke:#a9f6ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:65 360;stroke-dashoffset:400;opacity:0}
.pro-player-energy-overlay.is-charging .pro-electric-path{animation:pro-electric-dash .8s steps(2,end) infinite}
.pro-player-energy-overlay.is-charging .electric-path-two{animation-delay:.13s}.pro-player-energy-overlay.is-charging .electric-path-three{animation-delay:.08s}.pro-player-energy-overlay.is-charging .electric-path-four{animation-delay:.22s}
@keyframes pro-electric-dash{0%{opacity:0;stroke-dashoffset:420}20%{opacity:1}100%{opacity:0;stroke-dashoffset:-80}}
.pro-electric-mark{position:absolute;z-index:5;left:50%;top:50%;display:grid;justify-items:center;gap:10px;transform:translate(-50%,-50%) scale(.7);opacity:0;text-align:center;color:#f0fcff;letter-spacing:.22em;font-size:11px;font-weight:1000;text-shadow:0 0 16px #50ddff}
.pro-player-energy-overlay.is-charging .pro-electric-mark{animation:pro-electric-mark-in .9s .12s ease-out both}
.pro-electric-mark img{width:clamp(54px,8vw,90px);height:clamp(54px,8vw,90px);object-fit:contain;filter:drop-shadow(0 0 8px #52e6ff) drop-shadow(0 0 22px #168cff)}
.pro-electric-mark small{font-size:8px;color:#a9edff;letter-spacing:.28em}
@keyframes pro-electric-mark-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.55) rotate(-12deg)}45%{opacity:1;transform:translate(-50%,-50%) scale(1.1) rotate(3deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}
.pro-electric-spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#edffff;box-shadow:0 0 8px #b5f7ff,0 0 18px #43caff;opacity:0}
.pro-electric-spark:after{content:"";position:absolute;left:50%;top:-22px;width:2px;height:50px;background:linear-gradient(transparent,#dbffff,transparent);transform:rotate(36deg)}
.electric-spark-one{left:22%;top:29%}.electric-spark-two{right:24%;top:63%}.electric-spark-three{left:66%;top:22%}
.pro-player-energy-overlay.is-charging .pro-electric-spark{animation:pro-electric-spark-pop .55s steps(2,end) infinite}
.electric-spark-two{animation-delay:.1s!important}.electric-spark-three{animation-delay:.22s!important}
@keyframes pro-electric-spark-pop{0%,100%{opacity:0;transform:scale(.3)}45%{opacity:1;transform:scale(1.7)}}
.pro-electric-flash{position:absolute;inset:0;background:#e7fdff;opacity:0;pointer-events:none}
.pro-player-energy-overlay.is-charging .pro-electric-flash{animation:pro-electric-flash 1s ease-out both}
.pro-role-workspace-window{width:min(1080px,94vw)!important;max-height:min(90vh,940px)!important;padding:clamp(18px,2.7vw,34px)!important;text-align:left!important}
.pro-role-workspace-window>h2{max-width:none!important;margin:12px 42px 8px 0!important;font-size:clamp(24px,3vw,39px)!important;line-height:1.05!important}
.pro-role-workspace-window>p{margin-bottom:18px!important;max-width:780px!important}
.pro-role-tabs{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:8px 1px 12px;margin:0 0 14px;border-bottom:1px solid rgba(130,210,248,.18);scrollbar-width:thin}
.pro-role-tab{flex:0 0 auto;min-height:37px;padding:0 12px;border:1px solid rgba(129,207,240,.18);border-radius:8px;background:rgba(255,255,255,.025);color:#9bb6ca;font-size:9px;font-weight:950;letter-spacing:.08em;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}
.pro-role-tab:hover,.pro-role-tab.is-active{color:#e9fcff;border-color:rgba(90,218,255,.65);background:linear-gradient(130deg,rgba(35,150,198,.31),rgba(56,87,173,.17));box-shadow:0 0 16px rgba(71,193,240,.13)}
.pro-role-tab-panel{min-height:250px;animation:pro-role-panel-enter .24s ease both}
@keyframes pro-role-panel-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.training-panel-heading,.training-game-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.training-kicker{display:block;color:#75dfff;font-size:8px;font-weight:1000;letter-spacing:.19em;margin-bottom:8px}
.training-panel-heading h3,.training-game-header h3,.role-tab-feature h3{color:#f2fbff;font-size:clamp(17px,2vw,24px);letter-spacing:-.025em;margin:0 0 7px}
.training-panel-heading p,.training-game-header p,.role-tab-feature p{color:#9eb6c9;font-size:11px;line-height:1.7;margin:0 0 12px;max-width:690px}
.training-level-count{flex:0 0 auto;margin-top:4px;padding:8px 10px;border:1px solid rgba(109,224,255,.25);border-radius:8px;color:#a7efff;font-size:8px;letter-spacing:.1em;font-weight:950;background:rgba(35,130,170,.08)}
.top-training-level-map{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:17px 3px 21px;isolation:isolate}
.top-training-level-map:before{content:"";position:absolute;z-index:-1;left:6%;right:6%;top:50%;height:2px;background:linear-gradient(90deg,rgba(81,211,255,.65),rgba(96,127,255,.35),rgba(81,211,255,.65));box-shadow:0 0 12px rgba(73,201,255,.2)}
.training-level-node{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;min-height:105px;padding:11px 10px;border:1px solid rgba(127,205,244,.2);border-radius:11px;background:linear-gradient(155deg,rgba(18,42,66,.93),rgba(8,16,32,.96));color:#dceef9;text-align:left;transition:transform .2s,border-color .2s,box-shadow .2s,opacity .2s}
.training-level-node:nth-child(5n + 2),.training-level-node:nth-child(5n + 4){transform:translateY(10px)}
.training-level-node.is-unlocked{border-color:rgba(98,221,255,.55);box-shadow:0 0 17px rgba(47,186,240,.09)}
.training-level-node.is-unlocked:hover,.training-level-node.is-unlocked:focus-visible{transform:translateY(-3px);border-color:#9aeeff;box-shadow:0 0 22px rgba(54,202,255,.2)}
.training-level-node:nth-child(5n + 2).is-unlocked:hover,.training-level-node:nth-child(5n + 4).is-unlocked:hover{transform:translateY(4px)}
.training-level-node.is-locked{opacity:.52;filter:saturate(.55);cursor:not-allowed;background:linear-gradient(155deg,rgba(22,28,40,.8),rgba(8,12,22,.9))}
.training-level-number{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(65,177,218,.12);border:1px solid rgba(106,215,255,.25);color:#89e7ff;font-size:10px;font-weight:1000}
.training-level-node.is-complete .training-level-number{background:rgba(92,255,174,.13);border-color:rgba(92,255,174,.4);color:#90ffbb}
.training-level-node b{font-size:8px;line-height:1.4;letter-spacing:.05em}
.training-level-node small{font-size:7px;letter-spacing:.12em;color:#7bbad4;font-weight:900}
.training-level-node.is-complete small{color:#85edb1}
.training-map-note{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:11px 12px;border:1px solid rgba(111,206,246,.14);border-radius:10px;background:rgba(29,89,120,.11);color:#8fb9cc;font-size:8px;font-weight:900;letter-spacing:.08em}
.training-map-pulse,.training-video-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#62edb3;box-shadow:0 0 10px #62edb3}
.training-primary-button,.training-secondary-button,.training-back-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:37px;padding:0 13px;border:1px solid rgba(96,220,255,.5);border-radius:8px;background:linear-gradient(110deg,rgba(41,167,209,.35),rgba(68,93,181,.25));color:#e8fbff;font-size:8px;font-weight:1000;letter-spacing:.1em;box-shadow:0 0 18px rgba(62,178,225,.1);transition:transform .2s,box-shadow .2s,border-color .2s}
.training-primary-button:hover,.training-secondary-button:hover,.training-back-button:hover{transform:translateY(-1px);border-color:#a9f1ff;box-shadow:0 0 20px rgba(69,204,255,.18)}
.training-map-note .training-primary-button{margin-left:auto}
.training-secondary-button,.training-back-button{background:rgba(255,255,255,.035);border-color:rgba(135,191,222,.22);color:#b9d3e3}
.training-game{margin-top:18px;padding:14px;border:1px solid rgba(91,215,255,.24);border-radius:12px;background:linear-gradient(145deg,rgba(9,22,43,.94),rgba(8,13,27,.97));}
.training-game-header{margin-bottom:13px}.training-game-header h3{font-size:20px}.training-back-button{flex:0 0 auto}
.top-training-video-shell{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(112,221,255,.32);border-radius:10px;background:radial-gradient(ellipse at 50% 45%,#18334e,#060c19 72%);box-shadow:inset 0 0 32px rgba(62,180,255,.12)}
.top-training-video-shell iframe{display:block;width:100%;height:100%;border:0;background:#050914}
.top-training-video-status{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(136,223,255,.23);border-radius:6px;background:rgba(4,12,26,.88);color:#b5e8fa;font-size:7px;letter-spacing:.1em;font-weight:900;pointer-events:none}
.training-video-dot.is-paused{background:#ffc56a;box-shadow:0 0 8px #ffc56a}
.training-game-controls{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:10px}
.top-training-decision{margin-top:15px;padding:15px;border:1px solid rgba(110,219,255,.25);border-radius:10px;background:linear-gradient(120deg,rgba(38,113,155,.16),rgba(19,35,72,.18));animation:pro-role-panel-enter .28s ease both}
.training-decision-callout>span{font-size:7px;font-weight:1000;letter-spacing:.19em;color:#78e3ff}.training-decision-callout h4{margin:8px 0 5px;color:#f0fbff;font-size:16px}.training-decision-callout p{margin:0 0 12px;color:#a8c3d5;font-size:10px;line-height:1.6}.training-decision-callout p b{color:#8dffbe}
.top-training-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.top-training-choices button{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:3px 9px;min-height:67px;padding:10px;border:1px solid rgba(135,207,239,.22);border-radius:8px;background:rgba(3,10,23,.48);color:#e8f7ff;text-align:left;transition:transform .2s,border-color .2s,background .2s}
.top-training-choices button:hover{transform:translateY(-2px);border-color:#a0edff;background:rgba(27,114,154,.24)}
.training-choice-key{grid-row:1/3;display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:rgba(96,217,255,.1);color:#80e8ff;font-size:9px;font-weight:1000}
.top-training-choices button>b{font-size:10px;letter-spacing:.07em}.top-training-choices button>small{color:#8daabc;font-size:8px;line-height:1.4}
.top-training-feedback{display:flex;align-items:center;gap:16px;margin-top:12px;padding:13px;border:1px solid rgba(255,114,107,.27);border-radius:10px;background:rgba(89,23,35,.21);animation:pro-role-panel-enter .25s ease both}
.top-training-feedback.is-correct{border-color:rgba(98,255,173,.35);background:rgba(17,85,59,.16)}
.training-angry-stickman{flex:0 0 62px;width:62px;filter:drop-shadow(0 0 8px rgba(255,83,96,.3));animation:training-angry-shake .28s ease-in-out 3}
.training-angry-stickman svg{display:block;width:100%;fill:none;stroke:#ff6879;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.angry-stickman-brow{stroke:#ffadb5!important;stroke-width:3.5!important}.angry-stickman-mouth{stroke:#ffd0d4!important}
@keyframes training-angry-shake{0%,100%{transform:rotate(0)}25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}
.top-training-feedback.is-correct .training-angry-stickman{display:none}.top-training-feedback>div:last-child{min-width:0}.top-training-feedback strong{color:#ff8b98;font-size:10px;letter-spacing:.08em}.top-training-feedback.is-correct strong{color:#95ffc3}.top-training-feedback p{color:#b4c7d5;font-size:10px;line-height:1.6;margin:6px 0 9px}.training-feedback-actions{display:flex;gap:8px;flex-wrap:wrap}
.role-tab-feature{padding:19px;border:1px solid rgba(123,207,242,.17);border-radius:12px;background:linear-gradient(135deg,rgba(22,52,82,.35),rgba(8,15,29,.55))}
.role-guide-checklist{display:grid;gap:8px;margin-top:17px}.role-guide-checklist>div{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid rgba(119,199,235,.12);border-radius:8px;background:rgba(0,0,0,.12);color:#79dfff;font-size:8px;font-weight:900}.role-guide-checklist b{color:#dceffc;font-size:10px;font-weight:800;letter-spacing:0}
.role-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.role-metric-grid>div{display:grid;gap:7px;padding:13px;border:1px solid rgba(116,207,244,.18);border-radius:9px;background:rgba(3,12,25,.33)}.role-metric-grid b{color:#76e2ff;font-size:22px}.role-metric-grid span{color:#e4f5ff;font-size:8px;font-weight:1000;letter-spacing:.1em}.role-metric-grid small{color:#8faec1;font-size:9px}
.training-progress-track{height:10px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.06);margin:18px 0 15px}.training-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#45d8ff,#86ffc7);box-shadow:0 0 17px rgba(83,222,255,.48);transition:width .4s ease}
.training-next-level-placeholder{padding:30px 18px;text-align:center;border:1px solid rgba(113,214,255,.2);border-radius:10px;background:rgba(10,28,50,.55)}.training-next-level-placeholder p{color:#9fb8ca;font-size:11px;line-height:1.7}
.pro-role-workspace-window .pro-player-result-actions{justify-content:space-between;margin-top:14px}.pro-role-workspace-window .pro-player-result-actions button{min-height:34px;font-size:8px}.pro-role-workspace-window .pro-player-result-actions button:last-child{margin-left:0}
@media(max-width:760px){.pro-role-workspace-window{width:96vw!important;max-height:92vh!important;padding:17px 12px!important}.pro-role-tabs{gap:5px}.pro-role-tab{padding:0 9px;min-height:34px;font-size:8px}.training-panel-heading,.training-game-header{flex-direction:column;gap:8px}.training-level-count{align-self:flex-start}.top-training-level-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.top-training-level-map:before{left:12%;right:auto;top:4%;bottom:4%;width:2px;height:auto;background:linear-gradient(rgba(81,211,255,.65),rgba(96,127,255,.35),rgba(81,211,255,.65))}.training-level-node,.training-level-node:nth-child(5n + 2),.training-level-node:nth-child(5n + 4){transform:none;min-height:90px}.training-map-note{align-items:flex-start}.training-map-note .training-primary-button{width:100%;margin-left:0}.top-training-choices{grid-template-columns:1fr}.top-training-choices button{min-height:58px}.role-metric-grid{grid-template-columns:1fr}.top-training-feedback{align-items:flex-start}.training-angry-stickman{flex-basis:48px;width:48px}.pro-role-workspace-window .pro-player-result-actions{flex-direction:column}.pro-role-workspace-window .pro-player-result-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.brand,.app-brand,.brand .logo-wrap img,.app-brand>img,.brand .logo-wrap{animation:none!important}.pro-player-energy-overlay *,.top-training-feedback,.pro-role-tab-panel{animation:none!important;transition:none!important}}

/* V68 polish: game wrapper and active decision controls. */
.top-training-game{margin-top:18px;padding:14px;border:1px solid rgba(91,215,255,.24);border-radius:12px;background:linear-gradient(145deg,rgba(9,22,43,.94),rgba(8,13,27,.97));}
.top-training-game[aria-live]{outline:none}
.top-training-game .training-game-controls .hidden{display:none!important}
.top-training-game .training-back-button{white-space:nowrap}
.top-training-game .top-training-feedback.is-correct{border-color:rgba(98,255,173,.35)}
.top-training-game .top-training-feedback.is-wrong .training-angry-stickman{display:block}
@media(max-width:760px){.top-training-game{padding:10px}.top-training-game .training-game-header{flex-direction:column}.top-training-game .training-back-button{align-self:flex-start}}


/* V69 — continuous SKG cup-logo shimmer and the cape/trophy runner. */
.brand,.app-brand{position:relative;isolation:isolate;animation:skg-brand-aura 2.7s ease-in-out infinite!important;}
.brand .logo-wrap,.app-brand>img{position:relative;overflow:hidden;}
.brand .logo-wrap:after,.app-brand:after{content:"";position:absolute;pointer-events:none;z-index:4;top:-35%;bottom:-35%;left:-60%;width:32%;transform:skewX(-19deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),rgba(255,255,255,.78),rgba(115,225,255,.18),transparent);filter:blur(1px);animation:skg-logo-shine-sweep 4.5s ease-in-out infinite;}
.brand .logo-wrap:after{top:-18%;bottom:-18%;}
.app-brand:after{left:-30%;width:25%;}
.brand .logo-wrap img,.app-brand>img{filter:drop-shadow(0 0 2px rgba(255,255,255,.18));animation:skg-logo-hover 2.5s ease-in-out infinite,skg-logo-white-glow 2.8s ease-in-out infinite;}
@keyframes skg-logo-shine-sweep{0%,14%{left:-60%;opacity:0}22%{opacity:.9}55%{left:135%;opacity:.7}65%,100%{left:135%;opacity:0}}
@keyframes skg-logo-white-glow{0%,100%{filter:drop-shadow(0 0 1px rgba(255,255,255,.18)) drop-shadow(0 0 4px rgba(85,199,255,.15))}50%{filter:drop-shadow(0 0 4px rgba(255,255,255,.68)) drop-shadow(0 0 12px rgba(85,199,255,.42))}}
.skg-walk-cape{transform-origin:31px 35px;animation:skg-cape-flutter .3s ease-in-out infinite alternate;filter:drop-shadow(0 0 2px rgba(239,49,96,.28));}
@keyframes skg-cape-flutter{0%{transform:skewY(-1deg) scaleX(1)}100%{transform:skewY(3deg) scaleX(1.04)}}
/* The decision is layered in the middle of the vertical clip, not below it. */
.top-training-video-shell{aspect-ratio:9/16!important;width:min(100%,440px)!important;margin-inline:auto!important;max-height:min(70vh,740px)!important;isolation:isolate;}
.top-training-video-shell iframe{position:absolute;inset:0;width:100%!important;height:100%!important;}
.top-training-decision-overlay{position:absolute!important;z-index:8!important;inset:7% 5%!important;margin:0!important;padding:clamp(10px,2.2vw,20px)!important;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:clamp(10px,2vh,20px);border:1px solid rgba(151,235,255,.52)!important;border-radius:15px!important;background:radial-gradient(ellipse at 50% 0%,rgba(38,124,176,.48),rgba(3,9,24,.9) 55%,rgba(2,7,17,.94))!important;backdrop-filter:blur(8px);box-shadow:0 0 45px rgba(49,188,255,.27),inset 0 0 32px rgba(58,177,255,.09);animation:training-decision-drop-in .38s cubic-bezier(.2,.8,.2,1) both;}
.top-training-decision-overlay.hidden{display:none!important}
.top-training-decision-overlay .training-decision-callout{text-align:center;}
.top-training-decision-overlay .training-decision-callout>span{font-size:clamp(8px,1.2vw,11px);}
.top-training-decision-overlay .training-decision-callout h4{font-size:clamp(16px,2.3vw,24px);line-height:1.22;margin:12px 0 8px;}
.top-training-decision-overlay .training-decision-callout p{font-size:clamp(10px,1.2vw,13px);}
.top-training-decision-overlay .top-training-choices{grid-template-columns:1fr;gap:8px;}
.top-training-decision-overlay .top-training-choices button{min-height:clamp(45px,7vh,64px);grid-template-columns:34px minmax(0,1fr);border-color:rgba(117,223,255,.34);background:rgba(7,18,37,.82);box-shadow:0 5px 17px rgba(0,0,0,.17);}
.top-training-decision-overlay .top-training-choices button:hover{border-color:#d6f9ff;background:rgba(35,128,169,.42);box-shadow:0 0 20px rgba(67,213,255,.2);}
.top-training-decision-overlay .top-training-choices button>b{font-size:clamp(10px,1.3vw,13px);}
.top-training-video-status{z-index:4;}
.training-game-controls.decision-is-open{opacity:.66;}
@keyframes training-decision-drop-in{from{opacity:0;transform:translateY(-14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:540px){.top-training-video-shell{width:min(100%,330px)!important;max-height:62vh!important}.top-training-decision-overlay{inset:4% 3%!important}.top-training-decision-overlay .top-training-choices button{min-height:44px!important}.top-training-decision-overlay .training-decision-callout h4{font-size:16px}}
@media(prefers-reduced-motion:reduce){.brand .logo-wrap:after,.app-brand:after,.brand .logo-wrap img,.app-brand>img,.skg-walk-cape{animation:none!important}}


/* V70 — compact Twitter-inspired SKG Clips feed, creator profiles, follows and moderation. */
.clips-nav-icon{color:#f8fbff!important;text-shadow:0 0 10px rgba(255,255,255,.25);font-size:18px!important}
.clips-page{width:min(760px,100%);margin:0 auto;color:var(--text,#e7e9ea);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.clips-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 2px 20px;border-bottom:1px solid #2f3336}
.clips-heading-copy{min-width:0}.clips-overline{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:1.25px;color:#8b98a5}.clips-live-dot{width:7px;height:7px;border-radius:50%;background:#e0245e;box-shadow:0 0 11px rgba(224,36,94,.75)}
.clips-page-heading h2{margin:6px 0 4px;color:#f7f9f9;font-size:clamp(28px,4vw,37px);line-height:1.1;letter-spacing:-1.4px;font-weight:850}.clips-page-heading h2 span{color:#1d9bf0}.clips-page-heading p{margin:0;color:#8b98a5;font-size:13px;line-height:1.5}
.clips-format-pill{display:flex;align-items:center;gap:8px;flex:none;padding:9px 11px;border:1px solid rgba(29,155,240,.35);border-radius:10px;background:rgba(29,155,240,.08);color:#8ed4ff}.clips-format-pill>span{font-size:22px}.clips-format-pill div{display:grid;gap:3px}.clips-format-pill b{font-size:9px;letter-spacing:.7px}.clips-format-pill small{font-size:8px;color:#8b98a5}
.clips-compose-card{display:flex;align-items:flex-start;gap:11px;padding:13px 14px 10px;border-bottom:1px solid #2f3336;background:#000;transition:background .18s}.clips-compose-card:focus-within{background:#03070a}.clips-compose-avatar{width:38px;height:38px;flex:none;border-radius:50%;object-fit:cover;background:#273746;border:1px solid rgba(255,255,255,.07)}.clips-compose-form{flex:1;min-width:0}.clips-compose-form textarea{display:block;width:100%;min-height:48px;max-height:140px;resize:vertical;padding:6px 0 10px;border:0;outline:none;background:transparent;color:#e7e9ea;font:400 18px/1.45 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.2px}.clips-compose-form textarea::placeholder{color:#71767b}.clips-compose-form textarea:focus{outline:none;box-shadow:none}.clips-compose-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid #202327}.clips-compose-tools{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.clips-tool-button{position:relative;display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid transparent;border-radius:18px;background:transparent;color:#1d9bf0;font-size:12px;font-weight:700;cursor:pointer;transition:background .18s}.clips-tool-button:hover{background:rgba(29,155,240,.12)}.clips-tool-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.clips-tool-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.clips-upload-meta{display:grid;gap:3px;min-width:0;color:#71767b;font-size:10px;line-height:1.35}.clips-upload-meta #clipsUploadStatus{max-width:270px;overflow-wrap:anywhere}.clips-upload-meta #clipsUploadStatus.is-error{color:#ff6b80}.clips-upload-meta #clipsUploadStatus.is-success{color:#7bd8ad}.clips-publish-button{min-width:70px;padding:8px 17px;border:0;border-radius:20px;background:#eff3f4;color:#0f1419;font-size:12px;font-weight:800;cursor:pointer;transition:background .18s,transform .18s}.clips-publish-button:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.clips-publish-button:disabled{opacity:.4;cursor:not-allowed}.clips-auth-note{padding:10px 14px;background:rgba(29,155,240,.07);border-bottom:1px solid #2f3336;color:#8b98a5;font-size:12px}
.clips-feed-switcher{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:1fr 1fr auto;align-items:stretch;border-bottom:1px solid #2f3336;background:rgba(0,0,0,.9);backdrop-filter:blur(14px)}.clips-feed-switcher>button[data-clip-feed-mode]{position:relative;padding:15px 18px;border:0;background:transparent;color:#71767b;font-size:13px;font-weight:750;cursor:pointer;transition:background .18s,color .18s}.clips-feed-switcher>button[data-clip-feed-mode]:hover{background:rgba(255,255,255,.04);color:#e7e9ea}.clips-feed-switcher>button.is-active{color:#f7f9f9}.clips-feed-switcher>button.is-active:after{content:"";position:absolute;left:24%;right:24%;bottom:0;height:4px;border-radius:4px;background:#1d9bf0;box-shadow:0 0 12px rgba(29,155,240,.28)}.clips-refresh-button{align-self:center;justify-self:end;margin:5px 9px;padding:7px 10px;border:1px solid #2f3336;border-radius:18px;background:#050607;color:#8b98a5;font-size:13px;cursor:pointer}.clips-refresh-button:hover{border-color:#1d9bf0;color:#1d9bf0}
.clips-feed{display:grid;gap:0}.clips-post{min-width:0;padding:12px 14px 0;border-bottom:1px solid #2f3336;background:#000;transition:background .18s}.clips-post:hover{background:#020303}.clips-post-header{display:flex;align-items:center;gap:10px;min-height:42px}.clips-author-profile{display:flex;align-items:center;gap:10px;min-width:0;flex:1;text-align:left;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.clips-author-profile:hover .clips-post-author b,.clips-comment-author:hover{ text-decoration:underline}.clips-post-avatar{display:grid;place-items:center;width:38px;height:38px;flex:none;overflow:hidden;border:1px solid #37434d;border-radius:50%;background:#253341;color:#e7e9ea;font-size:14px;font-weight:750}.clips-post-avatar img{width:100%;height:100%;object-fit:cover}.clips-post-author{display:grid;gap:3px;min-width:0}.clips-post-author>b{color:#e7e9ea;font-size:14px;line-height:1.1;font-weight:750;overflow-wrap:anywhere}.clips-post-author>small{display:flex;align-items:center;gap:5px;max-width:100%;color:#71767b;font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clips-post-author>small time{overflow:hidden;text-overflow:ellipsis}.clips-duration-tag{flex:none;color:#71767b;font-size:10px}.clips-delete-post{display:grid;place-items:center;width:30px;height:30px;flex:none;border:0;border-radius:50%;background:transparent;color:#71767b;font-size:22px;cursor:pointer}.clips-delete-post:hover{background:rgba(244,33,46,.12);color:#f4212e}.clips-post-caption{margin:8px 0 10px 48px;color:#e7e9ea;font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.clips-post-video-wrap{position:relative;display:flex;justify-content:center;margin:0 0 8px 48px;max-height:590px;overflow:hidden;border:1px solid #2f3336;border-radius:15px;background:#050607}.clips-post-video{display:block;width:100%;max-width:100%;max-height:590px;height:auto;aspect-ratio:4/3;object-fit:contain;background:#050607}.clips-video-corner-mark{position:absolute;right:10px;top:9px;padding:4px 7px;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:rgba(0,0,0,.58);color:#fff;font-size:8px;font-weight:900;letter-spacing:.8px;pointer-events:none}.clips-video-corner-mark i{color:#1d9bf0;font-style:normal}.clips-post-actions{display:flex;align-items:center;gap:0;margin-left:35px;padding:4px 0 7px}.clips-post-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:90px;min-height:37px;padding:5px 12px;border:0;border-radius:22px;background:transparent;color:#71767b;font-size:13px;cursor:pointer;transition:color .18s,background .18s}.clips-post-actions button b{font-size:11px;font-weight:500}.clips-post-actions button:hover{background:rgba(29,155,240,.1);color:#1d9bf0}.clips-reaction-button>span{font-size:18px;line-height:1}.clips-reaction-button[data-clip-react="like"].is-selected{color:#f91880}.clips-reaction-button[data-clip-react="dislike"].is-selected{color:#ff6b87}.clips-heartbreak-button span{font-size:15px}.clips-comment-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.clips-comment-toggle[aria-expanded="true"]{color:#1d9bf0}.clips-comments-section{margin:0 0 12px 48px;padding:9px 0 0;border-top:1px solid #202327}.clips-comments-section[hidden]{display:none!important}.clips-comments-list{display:grid;gap:12px;padding:6px 0 12px}.clips-comment{display:flex;align-items:flex-start;gap:9px}.clips-comment-avatar{display:grid;place-items:center;width:29px;height:29px;flex:none;overflow:hidden;border:0;border-radius:50%;background:#253341;color:#e7e9ea;font-size:11px;font-weight:750;cursor:pointer}.clips-comment-body{min-width:0;flex:1}.clips-comment-author{display:inline;padding:0;border:0;background:transparent;color:#e7e9ea;font-size:12px;font-weight:750;cursor:pointer}.clips-comment-body p{margin:3px 0 2px;color:#d3d8dc;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.clips-comment-body time{color:#71767b;font-size:10px}.clips-comment-form{display:flex;align-items:center;gap:10px;padding:9px 0 13px;border-top:1px solid #202327}.clips-comment-form input{min-width:0;flex:1;padding:9px 12px;border:1px solid #2f3336;border-radius:20px;outline:none;background:#080a0c;color:#e7e9ea;font:inherit;font-size:13px}.clips-comment-form input:focus{border-color:#1d9bf0}.clips-comment-form button{display:grid;place-items:center;width:31px;height:31px;border:0;border-radius:50%;background:#1d9bf0;color:white;font-size:16px;cursor:pointer}.clips-comment-form button:disabled{opacity:.4}.clips-no-comments{margin:5px 0;color:#71767b;font-size:12px}.clips-feed-loading,.clips-feed-empty,.clips-feed-error{display:grid;justify-items:center;gap:8px;padding:45px 18px;border-bottom:1px solid #2f3336;text-align:center;color:#e7e9ea;background:#000}.clips-feed-loading b,.clips-feed-empty h3,.clips-feed-error b{margin:0;font-size:15px}.clips-feed-loading small,.clips-feed-empty p,.clips-feed-error p,.clips-feed-error small{max-width:410px;margin:0;color:#71767b;font-size:12px;line-height:1.5}.clips-empty-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(29,155,240,.28);border-radius:50%;color:#1d9bf0;font-size:22px}.clips-switch-to-everyone{margin-top:5px;padding:8px 13px;border:1px solid #1d9bf0;border-radius:20px;background:transparent;color:#1d9bf0;font-weight:700;cursor:pointer}.clips-feed-error>button{margin-top:5px}.clips-loader-orbit{width:25px;height:25px;border:2px solid #263642;border-top-color:#1d9bf0;border-radius:50%;animation:clipsSpin .8s linear infinite}.clips-publish-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(0,0,0,.15);border-top-color:#000;border-radius:50%;animation:clipsSpin .7s linear infinite}@keyframes clipsSpin{to{transform:rotate(360deg)}}
.clips-profile-overlay{position:fixed;inset:0;z-index:8500;display:grid;place-items:center;padding:18px;isolation:isolate}.clips-profile-overlay.hidden{display:none!important}.clips-profile-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.7);backdrop-filter:blur(9px);cursor:pointer}.clips-profile-dialog{position:relative;z-index:1;width:min(540px,100%);max-height:min(90vh,720px);overflow:auto;border:1px solid #2f3336;border-radius:18px;background:#000;color:#e7e9ea;box-shadow:0 28px 90px rgba(0,0,0,.6);animation:clipsProfileIn .28s cubic-bezier(.2,.8,.2,1)}@keyframes clipsProfileIn{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.clips-profile-close{position:absolute;z-index:3;top:12px;right:12px;width:34px;height:34px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:23px;cursor:pointer}.clips-profile-cover{position:relative;height:112px;overflow:hidden;background:radial-gradient(circle at 72% 12%,rgba(29,155,240,.4),transparent 32%),linear-gradient(120deg,#07121c,#091d2d 48%,#091018)}.clips-profile-cover:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 18px,rgba(255,255,255,.018) 18px 19px)}.clips-profile-cover>span{position:absolute;z-index:1;bottom:12px;left:17px;color:#8fd4ff;font-size:9px;font-weight:800;letter-spacing:1.5px}.clips-profile-orbit{position:absolute;right:55px;top:-45px;width:180px;height:180px;border:1px solid rgba(29,155,240,.4);border-radius:50%;box-shadow:0 0 0 17px rgba(29,155,240,.04),0 0 0 36px rgba(29,155,240,.03)}.clips-profile-main{padding:0 20px 22px}.clips-profile-avatar{position:relative;z-index:2;display:grid;place-items:center;width:82px;height:82px;margin-top:-41px;overflow:hidden;border:4px solid #000;border-radius:50%;background:#263746;color:#fff;font-size:27px;font-weight:800}.clips-profile-avatar img{width:100%;height:100%;object-fit:cover}.clips-profile-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:11px}.clips-profile-kicker{color:#71767b;font-size:9px;font-weight:800;letter-spacing:1px}.clips-profile-heading h3{margin:5px 0 2px;color:#f7f9f9;font-size:23px;letter-spacing:-.5px;overflow-wrap:anywhere}.clips-profile-heading p{margin:0;color:#71767b;font-size:13px}.clips-profile-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:225px}.clips-profile-follow,.clips-profile-invite{padding:8px 13px;border:1px solid #eff3f4;border-radius:20px;background:#eff3f4;color:#0f1419;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}.clips-profile-follow.is-following{border-color:#53636e;background:transparent;color:#e7e9ea}.clips-profile-invite{border-color:#1d9bf0;background:#1d9bf0;color:#fff}.clips-profile-follow:disabled,.clips-profile-invite:disabled{opacity:.55;cursor:default}.clips-profile-stats{display:flex;gap:24px;margin-top:20px;padding:15px 0;border-top:1px solid #2f3336;border-bottom:1px solid #2f3336}.clips-profile-stats div{display:grid;gap:3px}.clips-profile-stats b{color:#f7f9f9;font-size:15px}.clips-profile-stats span{color:#71767b;font-size:11px}.clips-profile-bio{display:flex;gap:8px;margin-top:15px}.clips-profile-bio span{padding:5px 8px;border:1px solid #2f3336;border-radius:15px;color:#8b98a5;font-size:10px}.clips-profile-hint{margin-top:14px;color:#71767b;font-size:12px;line-height:1.55}.clips-profile-loading{display:flex;min-height:180px;align-items:center;justify-content:center;gap:12px;color:#8b98a5;font-size:13px}
@media(max-width:620px){.clips-page-heading{align-items:flex-start}.clips-format-pill{padding:7px}.clips-format-pill div{display:none}.clips-compose-card{padding:11px 9px 9px;gap:8px}.clips-compose-avatar{width:34px;height:34px}.clips-compose-form textarea{font-size:16px;min-height:46px}.clips-upload-meta{font-size:9px}.clips-post{padding:11px 9px 0}.clips-post-caption,.clips-post-video-wrap,.clips-comments-section{margin-left:0}.clips-post-actions{margin-left:0;justify-content:space-around}.clips-post-actions button{min-width:0;flex:1}.clips-post-author>small{font-size:11px}.clips-profile-main{padding:0 14px 18px}.clips-profile-heading{display:grid}.clips-profile-actions{max-width:none;justify-content:flex-start}.clips-profile-stats{gap:18px}}


/* V71 — SKG Clipstream: custom esports styling, reel controls, anonymous activity and the Academy logo. */
.academy-nav-seal-animated{position:relative!important;isolation:isolate!important;overflow:hidden!important;border-radius:9px!important;background:#080b12!important;border:1px solid rgba(115,225,255,.32)!important;box-shadow:0 0 0 1px rgba(109,216,255,.08),0 0 13px rgba(48,181,255,.16)!important;animation:skgAcademyLogoFrame 2.8s ease-in-out infinite!important}
.academy-nav-seal-animated img{position:relative!important;z-index:1!important;object-fit:cover!important;border-radius:7px!important;animation:skgAcademyLogoFloat 3.1s ease-in-out infinite,skgAcademyLogoGlow 2.6s ease-in-out infinite!important;filter:drop-shadow(0 0 3px rgba(190,242,255,.36))!important}
.academy-nav-seal-animated:after{content:"";position:absolute;z-index:2;top:-35%;bottom:-35%;left:-70%;width:42%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),rgba(255,255,255,.66),rgba(86,218,255,.3),transparent);filter:blur(1px);pointer-events:none;animation:skgAcademyLogoSweep 3.8s ease-in-out infinite}
@keyframes skgAcademyLogoFrame{0%,100%{box-shadow:0 0 0 1px rgba(109,216,255,.12),0 0 10px rgba(48,181,255,.12)}50%{box-shadow:0 0 0 1px rgba(167,239,255,.55),0 0 25px rgba(48,181,255,.34),0 0 34px rgba(228,60,96,.12)}}
@keyframes skgAcademyLogoFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.045)}}
@keyframes skgAcademyLogoGlow{0%,100%{filter:drop-shadow(0 0 2px rgba(190,242,255,.2))}50%{filter:drop-shadow(0 0 5px rgba(190,242,255,.8))}}
@keyframes skgAcademyLogoSweep{0%,18%{left:-70%;opacity:0}30%{opacity:1}62%{left:140%;opacity:.7}72%,100%{left:140%;opacity:0}}

.clips-page-v71{max-width:1120px;margin:0 auto;padding-bottom:72px}
.clips-page-v71 .clips-page-heading{padding:8px 4px 17px;border-bottom:1px solid rgba(117,195,224,.16)}
.clips-page-v71 .clips-heading-copy h2{letter-spacing:-1.2px}
.clips-page-v71 .clips-heading-copy h2 span{color:#ff536c;text-shadow:0 0 18px rgba(255,53,91,.28)}
.clips-format-pill-v71{border:1px solid rgba(111,220,255,.22)!important;border-radius:12px!important;background:linear-gradient(135deg,rgba(52,195,246,.1),rgba(225,47,86,.07))!important;box-shadow:inset 0 0 18px rgba(69,195,255,.035)!important}
.clips-compose-card-v71{margin:15px 0 12px!important;border:1px solid rgba(109,216,255,.19)!important;border-radius:15px!important;background:linear-gradient(130deg,rgba(16,28,41,.96),rgba(12,14,22,.98) 62%,rgba(43,12,25,.42))!important;box-shadow:0 10px 28px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.025)!important}
.clips-compose-card-v71:focus-within{border-color:rgba(109,216,255,.43)!important;box-shadow:0 0 0 1px rgba(109,216,255,.07),0 0 25px rgba(29,155,240,.09)!important}
.clips-compose-card-v71 .clips-compose-avatar{width:36px;height:36px;border:1px solid rgba(102,221,255,.4);box-shadow:0 0 13px rgba(102,221,255,.12)}
.clips-compose-card-v71 .clips-publish-button{border-radius:9px;background:linear-gradient(120deg,#ad264b,#f0526c);color:#fff;box-shadow:0 0 18px rgba(240,50,99,.15);letter-spacing:.2px}
.clips-compose-card-v71 .clips-publish-button:hover:not(:disabled){background:linear-gradient(120deg,#c62e55,#ff6980);box-shadow:0 0 22px rgba(240,50,99,.28)}
.clips-page-v71 .clips-tool-button{color:#76dcff!important;border:1px solid rgba(102,221,255,.15);background:rgba(27,150,201,.05)}
.clips-page-v71 .clips-upload-meta #clipsUploadStatus{max-width:350px}
.clips-activity-panel{margin:12px 0 15px;overflow:hidden;border:1px solid rgba(116,204,231,.2);border-radius:15px;background:linear-gradient(135deg,rgba(13,25,37,.98),rgba(17,17,27,.98) 58%,rgba(47,14,29,.5));box-shadow:0 12px 30px rgba(0,0,0,.19)}
.clips-activity-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid rgba(146,201,220,.13);background:linear-gradient(90deg,rgba(66,198,239,.055),transparent 60%,rgba(238,49,90,.045))}
.clips-activity-header>div{display:grid;gap:4px}.clips-activity-kicker{color:#7ddffc;font-size:8px;font-weight:900;letter-spacing:1.6px}.clips-activity-header h3{margin:0;color:#eef9ff;font-size:16px;letter-spacing:-.25px}
.clips-activity-refresh{display:grid;place-items:center;width:33px;height:33px;border:1px solid rgba(119,221,255,.24);border-radius:10px;background:rgba(49,156,196,.1);color:#a9efff;font-size:20px;cursor:pointer;transition:transform .25s,background .25s}.clips-activity-refresh:hover{transform:rotate(90deg);background:rgba(49,156,196,.2)}
.clips-activity-content{padding:13px 15px 15px}.clips-activity-loading{display:flex;align-items:center;gap:10px;min-height:38px;color:#93a9b9;font-size:11px}.clips-activity-empty,.clips-activity-error{padding:14px;border:1px dashed rgba(117,195,224,.18);border-radius:10px;color:#8ca3b5;font-size:12px}.clips-activity-error p{color:#ff97a5;font-size:11px}.clips-activity-error small{color:#71889a;font-size:10px}.clips-activity-error button{margin-top:8px;padding:7px 10px;border:1px solid #39728a;border-radius:8px;background:#10202d;color:#b2efff;font-size:10px;font-weight:800;cursor:pointer}
.clips-activity-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:13px}.clips-activity-stat{display:grid;gap:5px;min-width:0;padding:11px 12px;border:1px solid rgba(115,190,226,.16);border-radius:10px;background:linear-gradient(145deg,rgba(23,47,64,.48),rgba(18,17,29,.65))}.clips-activity-stat>span{color:#7f9eaf;font-size:8px;font-weight:900;letter-spacing:1.1px}.clips-activity-stat>b{color:#effaff;font-size:25px;line-height:1;font-variant-numeric:tabular-nums}.clips-activity-stat small{color:#7990a0;font-size:9px;line-height:1.35}.clips-activity-stat-followers b{color:#82e5ff;text-shadow:0 0 15px rgba(80,205,255,.2)}
.clips-activity-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.clips-activity-block{min-width:0;padding:11px 12px;border:1px solid rgba(114,178,207,.12);border-radius:11px;background:rgba(5,10,17,.38)}.clips-activity-block>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.clips-activity-block>header h4{margin:0;color:#dbeaf2;font-size:9px;font-weight:900;letter-spacing:1px}.clips-activity-block>header span{color:#64899c;font-size:8px;font-weight:800;letter-spacing:.6px}.clips-activity-followers{display:grid;gap:2px}.clips-activity-follower{display:flex;align-items:center;gap:9px;width:100%;padding:7px 5px;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left;cursor:pointer}.clips-activity-follower:hover{background:rgba(88,199,237,.07)}.clips-activity-avatar{display:grid;place-items:center;flex:none;width:30px;height:30px;overflow:hidden;border:1px solid rgba(105,211,244,.28);border-radius:9px;background:#101f2a;color:#b1efff;font-size:11px;font-weight:900}.clips-activity-avatar img{width:100%;height:100%;object-fit:cover}.clips-activity-follower-copy{display:grid;gap:3px;min-width:0;flex:1}.clips-activity-follower-copy b{overflow:hidden;color:#e7f5fc;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.clips-activity-follower-copy small{overflow:hidden;color:#6e8c9c;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.clips-follower-arrow{color:#7ddffc;font-size:13px}.clips-activity-no-followers,.clips-activity-no-likes{margin:0;padding:9px 4px;color:#6e8797;font-size:10px;line-height:1.5}.clips-like-total-list,.clips-activity-like-list{display:grid;gap:7px}.clips-like-total-row{display:flex;align-items:center;gap:9px;min-width:0;padding:7px 4px;border-bottom:1px solid rgba(127,168,186,.1)}.clips-like-total-row:last-child{border-bottom:0}.clips-like-total-icon{display:grid;place-items:center;width:27px;height:27px;flex:none;border:1px solid rgba(247,63,109,.2);border-radius:9px;background:rgba(247,63,109,.08);color:#ff6e8a;font-size:13px}.clips-like-total-row>span:nth-child(2){display:grid;gap:3px;min-width:0;flex:1}.clips-like-total-row b{overflow:hidden;color:#dcebf4;font-size:10px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.clips-like-total-row small{color:#6e8797;font-size:9px}.clips-like-total-row strong{color:#ff8ca1;font-size:15px;font-variant-numeric:tabular-nums}.clips-privacy-note{display:flex;align-items:center;gap:6px;margin:8px 0 0;padding-top:8px;border-top:1px solid rgba(127,168,186,.1);color:#7990a0;font-size:9px;line-height:1.45}.clips-privacy-note span{color:#7ddffc}
.clips-feed-switcher-v71{position:sticky;top:0;z-index:4;grid-template-columns:1fr 1fr auto;gap:6px;margin:15px 0 10px;padding:5px;border:1px solid rgba(114,192,221,.17);border-radius:12px;background:rgba(9,14,22,.94);box-shadow:0 8px 24px rgba(0,0,0,.18);backdrop-filter:blur(16px)}.clips-feed-switcher-v71>button[data-clip-feed-mode]{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:8px;font-size:11px;letter-spacing:.2px}.clips-feed-switcher-v71>button[data-clip-feed-mode]>span{color:#6dcce9}.clips-feed-switcher-v71>button.is-active{color:#f0fbff;background:linear-gradient(100deg,rgba(40,169,216,.14),rgba(228,54,93,.07))}.clips-feed-switcher-v71>button.is-active:after{left:20%;right:20%;height:2px;background:linear-gradient(90deg,#6de6ff,#f04d78);box-shadow:0 0 12px rgba(93,220,255,.24)}.clips-feed-switcher-v71 .clips-refresh-button{margin:0;border-radius:8px;border-color:rgba(114,192,221,.17);background:rgba(18,28,40,.7);color:#9cc5d7}
.clips-reel-navigation{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:10px 0 12px;padding:9px 10px;border:1px solid rgba(112,188,215,.16);border-radius:12px;background:linear-gradient(100deg,rgba(13,25,36,.95),rgba(19,18,29,.95));}
.clips-reel-mode-tag{display:flex;align-items:center;gap:8px;color:#7596a7;font-size:8px;font-weight:900;letter-spacing:1.2px}.clips-reel-mode-tag i{width:6px;height:6px;border-radius:50%;background:#ff526f;box-shadow:0 0 10px rgba(255,82,111,.75);animation:clipsLivePulse 1.6s ease-in-out infinite}
.clips-reel-navigation-actions{display:flex;align-items:center;gap:8px}.clips-reel-navigation-actions button{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(121,201,228,.18);border-radius:8px;background:rgba(18,42,55,.55);color:#b8eafa;font-size:9px;font-weight:900;letter-spacing:.5px;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.clips-reel-navigation-actions button span{font-size:15px;line-height:.7}.clips-reel-navigation-actions button:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(116,226,255,.55);background:rgba(23,100,124,.22)}.clips-reel-navigation-actions button:disabled{opacity:.3;cursor:not-allowed}.clips-reel-navigation-actions output{min-width:75px;color:#7799ab;text-align:center;font-size:8px;font-weight:900;letter-spacing:.6px;font-variant-numeric:tabular-nums}
.clips-feed-v71{display:grid;gap:18px;scroll-snap-type:y proximity}.clips-feed-v71 .clips-post{position:relative;min-width:0;padding:15px 15px 10px;overflow:hidden;border:1px solid rgba(112,186,215,.19);border-radius:17px;background:linear-gradient(145deg,rgba(15,24,35,.98),rgba(11,12,19,.99) 58%,rgba(39,12,26,.45));box-shadow:0 14px 35px rgba(0,0,0,.2);scroll-margin-top:130px;scroll-snap-align:start}.clips-feed-v71 .clips-post:before{content:"";position:absolute;top:0;left:14px;right:14px;height:1px;background:linear-gradient(90deg,transparent,rgba(112,224,255,.45),rgba(255,76,112,.38),transparent)}.clips-feed-v71 .clips-post:hover{background:linear-gradient(145deg,rgba(18,31,44,.99),rgba(12,13,21,.99) 58%,rgba(45,13,29,.5))}.clips-feed-v71 .clips-post.is-current-reel{border-color:rgba(116,221,250,.3);box-shadow:0 14px 38px rgba(0,0,0,.24),0 0 24px rgba(44,174,218,.045)}.clips-feed-v71 .clips-post-header{min-height:40px}.clips-feed-v71 .clips-post-avatar{width:34px;height:34px;border-color:rgba(112,207,236,.38);background:#13232f}.clips-feed-v71 .clips-post-caption{margin-left:44px;margin-top:8px;color:#d7e8f0;font-size:13px}.clips-feed-v71 .clips-post-video-wrap{position:relative;justify-content:center;width:min(100%,430px);height:min(63vh,690px);margin:10px auto 11px;border:1px solid rgba(119,187,213,.21);border-radius:14px;background:radial-gradient(ellipse at 50% 20%,#182b3b,#05080d 75%);box-shadow:0 12px 28px rgba(0,0,0,.28)}.clips-feed-v71 .clips-post-video{width:100%;height:100%;max-height:none;aspect-ratio:9/16;object-fit:contain;background:#030509}.clips-feed-v71 .clips-video-corner-mark{top:11px;right:11px;border-color:rgba(115,221,255,.22);background:rgba(4,13,23,.78);color:#bcefff}.clips-feed-v71 .clips-video-corner-mark i{color:#ff7190}.clips-video-side-label{position:absolute;left:10px;bottom:10px;padding:5px 7px;border:1px solid rgba(125,202,230,.18);border-radius:6px;background:rgba(2,7,13,.72);color:#87aab9;font-size:7px;font-weight:900;letter-spacing:1px;pointer-events:none}.clips-feed-v71 .clips-post-actions{display:flex;align-items:center;gap:6px;margin:2px 0 0;padding:6px 0 3px;border-top:1px solid rgba(119,179,200,.12)}.clips-feed-v71 .clips-post-actions button{min-width:65px;gap:7px;border:1px solid rgba(117,188,215,.11);border-radius:9px;background:rgba(13,25,36,.45);color:#87a3b3}.clips-feed-v71 .clips-post-actions button:hover{background:rgba(57,161,197,.1);color:#bcefff}.clips-feed-v71 .clips-post-actions button[data-clip-react="like"].is-selected{color:#ff6b9a;background:rgba(255,66,126,.08);border-color:rgba(255,66,126,.21)}.clips-feed-v71 .clips-post-actions button[data-clip-react="dislike"].is-selected{color:#ff8d9d;border-color:rgba(255,105,130,.2)}.clips-feed-v71 .clips-post-actions .clips-reaction-privacy{margin-left:auto;color:#627f90;font-size:7px;font-weight:900;letter-spacing:.7px}.clips-feed-v71 .clips-comments-section{margin:8px 0 4px;padding-top:11px;border-top:1px solid rgba(119,179,200,.14)}.clips-feed-v71 .clips-comment-form{border-top-color:rgba(119,179,200,.1)}.clips-feed-v71 .clips-comment-form input{border-color:rgba(114,192,221,.2);border-radius:10px;background:#0d1620}.clips-feed-v71 .clips-comment-form button{border-radius:8px;background:linear-gradient(135deg,#257fa7,#c73b5e)}
.clips-ad-reel{position:relative;display:flex;flex-direction:column;min-height:450px;max-height:690px;margin:0 auto;width:min(100%,460px);overflow:hidden;scroll-margin-top:130px;scroll-snap-align:start;border:1px dashed rgba(117,203,232,.28);border-radius:17px;background:linear-gradient(145deg,#101c28,#100f19 58%,#2a101b);box-shadow:0 13px 35px rgba(0,0,0,.18)}.clips-ad-reel-top,.clips-ad-reel-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;color:#7996a7;font-size:8px;font-weight:900;letter-spacing:1px}.clips-ad-chip{padding:5px 8px;border:1px solid rgba(255,201,112,.26);border-radius:6px;background:rgba(255,196,92,.08);color:#f5cf8c}.clips-ad-reel-visual{position:relative;isolation:isolate;display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;min-height:330px;overflow:hidden;padding:30px 25px;text-align:center;background:radial-gradient(circle at 50% 42%,rgba(49,193,237,.2),transparent 35%),radial-gradient(circle at 70% 65%,rgba(239,65,111,.14),transparent 39%)}.clips-ad-reel-visual:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(118,207,233,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(118,207,233,.045) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(transparent,#000 24%,#000 80%,transparent)}.clips-ad-orbit{position:absolute;z-index:-1;left:50%;top:46%;width:190px;height:190px;border:1px solid rgba(115,218,247,.23);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 26px rgba(115,218,247,.035),0 0 0 55px rgba(243,72,113,.025);animation:clipsAdOrbit 12s linear infinite}.clips-ad-orbit-b{width:255px;height:255px;border-color:rgba(242,83,124,.18);animation-direction:reverse;animation-duration:17s}.clips-ad-symbol{display:grid;place-items:center;width:70px;height:70px;margin-bottom:22px;border:1px solid rgba(141,232,255,.46);border-radius:22px;transform:rotate(-8deg);background:linear-gradient(135deg,rgba(44,159,200,.28),rgba(231,49,95,.22));box-shadow:0 0 34px rgba(53,182,223,.15);color:#d8f8ff;font-size:30px}.clips-ad-skg{color:#8be7ff;font-size:8px;font-weight:900;letter-spacing:2px}.clips-ad-reel-visual h3{margin:12px 0 7px;color:#f3faff;font-size:clamp(22px,3vw,29px);letter-spacing:-.8px}.clips-ad-reel-visual p{max-width:270px;margin:0;color:#8da9b8;font-size:11px;line-height:1.6}.clips-ad-placeholder-label{margin-top:24px;padding:7px 9px;border:1px solid rgba(130,186,208,.14);border-radius:6px;color:#5f8091;font-size:7px;font-weight:900;letter-spacing:.7px}.clips-ad-reel-footer{border-top:1px solid rgba(117,203,232,.11);font-size:7px}.clips-feed-v71 .clips-feed-empty,.clips-feed-v71 .clips-feed-error,.clips-feed-v71 .clips-feed-loading{border:1px solid rgba(112,186,215,.17);border-radius:15px;background:linear-gradient(145deg,#0f1924,#0e0d15)}
@keyframes clipsLivePulse{0%,100%{opacity:.58;box-shadow:0 0 3px rgba(255,82,111,.35)}50%{opacity:1;box-shadow:0 0 12px rgba(255,82,111,.9)}}@keyframes clipsAdOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:740px){.clips-activity-columns{grid-template-columns:1fr}.clips-activity-stats{gap:6px}.clips-activity-stat{padding:9px}.clips-activity-stat>b{font-size:21px}.clips-reel-navigation{align-items:flex-start;flex-direction:column}.clips-reel-navigation-actions{width:100%;justify-content:space-between}.clips-feed-v71 .clips-post-video-wrap{height:min(62vh,570px);width:min(100%,390px)}.clips-feed-v71 .clips-post-actions .clips-reaction-privacy{display:none}}
@media(max-width:460px){.clips-activity-content{padding:10px}.clips-activity-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.clips-activity-stat>span{font-size:7px}.clips-activity-stat small{font-size:8px}.clips-reel-mode-tag{font-size:7px}.clips-reel-navigation-actions button{padding:7px}.clips-feed-v71 .clips-post{padding:12px 10px 8px}.clips-feed-v71 .clips-post-video-wrap{height:min(59vh,470px);border-radius:11px}.clips-feed-v71 .clips-post-actions{gap:4px}.clips-feed-v71 .clips-post-actions button{min-width:52px;padding:5px 8px}}
@media(prefers-reduced-motion:reduce){.academy-nav-seal-animated,.academy-nav-seal-animated img,.academy-nav-seal-animated:after,.clips-ad-orbit,.clips-reel-mode-tag i{animation:none!important;transition:none!important}}


/* SKG Community V72: 100-reel challenge, private admin moderation, rate-limit board, academy team chooser. */
.clips-title-challenge-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.clips-title-challenge-row h2{margin:0}.clips-100-challenge{width:min(100%,310px);padding:8px 11px;border:1px solid rgba(104,214,255,.25);border-radius:10px;background:linear-gradient(120deg,rgba(15,37,53,.92),rgba(33,17,31,.82));box-shadow:0 0 18px rgba(42,176,229,.07),inset 0 0 14px rgba(90,209,246,.035)}.clips-100-challenge-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.clips-100-challenge-heading span{font-size:8px;letter-spacing:1px;font-weight:900;color:#81dbf4}.clips-100-challenge-heading b{font-size:11px;color:#fff;font-variant-numeric:tabular-nums}.clips-100-challenge-track{height:5px;margin:8px 0 5px;overflow:hidden;border-radius:999px;background:rgba(139,166,180,.16)}.clips-100-challenge-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5ee7ff,#a4fff1,#ff547a);box-shadow:0 0 11px rgba(91,226,255,.65);transition:width .35s cubic-bezier(.2,.7,.2,1)}.clips-100-challenge small{display:block;color:#7898a8;font-size:8px}.clips-admin-post-tools{display:flex;flex-wrap:wrap;gap:7px;padding:8px 0 2px;border-top:1px dashed rgba(113,206,236,.2)}.clips-admin-post-tools button{padding:7px 9px;border:1px solid rgba(255,193,107,.28);border-radius:7px;background:rgba(117,72,24,.13);color:#f2cc8c;font-size:8px;font-weight:900;letter-spacing:.45px;cursor:pointer}.clips-admin-post-tools button:hover{border-color:rgba(255,193,107,.6);background:rgba(117,72,24,.25)}.clips-comment{position:relative}.clips-comment-delete{flex:0 0 auto;align-self:flex-start;width:25px;height:25px;border:1px solid rgba(255,84,113,.25);border-radius:7px;background:rgba(255,64,90,.08);color:#ff7e93;font-size:17px;line-height:1;cursor:pointer}.clips-comment-delete:hover{background:rgba(255,64,90,.2);border-color:rgba(255,84,113,.6)}.clips-like-limit-overlay,.clips-admin-moderation-overlay{position:fixed;inset:0;z-index:22000;display:grid;place-items:center;padding:18px;background:rgba(1,4,8,.78);backdrop-filter:blur(13px);opacity:1;animation:clipsModalFadeIn .18s ease both}.clips-like-limit-overlay.hidden,.clips-admin-moderation-overlay.hidden{display:none!important}.clips-like-limit-board{position:relative;width:min(100%,420px);padding:29px 28px 25px;overflow:hidden;border:1px solid rgba(255,78,111,.55);border-radius:20px;background:radial-gradient(circle at 50% 0,rgba(255,62,98,.17),transparent 46%),linear-gradient(150deg,#1e1018,#080b11 66%);text-align:center;box-shadow:0 0 45px rgba(255,55,93,.15),0 24px 80px rgba(0,0,0,.6);animation:clipsLimitBoardIn .28s cubic-bezier(.2,.85,.2,1) both}.clips-like-limit-symbol{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 12px;border:1px solid rgba(255,93,123,.38);border-radius:17px;background:rgba(255,51,91,.1);box-shadow:0 0 24px rgba(255,51,91,.18);color:#ff728d;font-size:26px}.clips-like-limit-kicker{color:#ff8297;font-size:8px;font-weight:900;letter-spacing:1.8px}.clips-like-limit-board h3{margin:9px 0 8px;color:#fff;font:900 30px/1.1 "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:1px}.clips-like-limit-board p{margin:0 0 8px;color:#ffe5eb;font-size:14px;font-weight:800}.clips-like-limit-board small{display:block;color:#9c8290;font-size:10px;line-height:1.5}.clips-like-limit-board button{margin-top:20px;padding:10px 17px;border:1px solid rgba(255,105,132,.5);border-radius:8px;background:linear-gradient(115deg,#a91f42,#f04468);color:white;font-size:9px;font-weight:900;letter-spacing:1px;cursor:pointer;box-shadow:0 0 18px rgba(255,44,91,.18)}.clips-admin-moderation-dialog{position:relative;z-index:1;width:min(100%,720px);max-height:min(86vh,800px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,191,109,.35);border-radius:16px;background:linear-gradient(145deg,#141b25,#090c12 70%,#211019);box-shadow:0 26px 90px rgba(0,0,0,.62)}.clips-admin-moderation-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid rgba(255,191,109,.18)}.clips-admin-moderation-dialog>header span{color:#e7bd80;font-size:8px;font-weight:900;letter-spacing:1.2px}.clips-admin-moderation-dialog>header h3{margin:4px 0 0;color:#f2f6fa;font-size:19px}.clips-admin-moderation-dialog>header button{width:32px;height:32px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#181d25;color:#fff;font-size:21px;cursor:pointer}.clips-admin-moderation-content{overflow:auto;padding:16px}.clips-admin-moderation-note{margin:0 0 12px;color:#93a9b7;font-size:11px;line-height:1.5}.clips-admin-reaction-list,.clips-admin-comment-list{display:grid;gap:7px}.clips-admin-reaction-row,.clips-admin-comment-row{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(130,163,184,.15);border-radius:10px;background:rgba(255,255,255,.025)}.clips-admin-reaction-avatar{display:grid;place-items:center;width:33px;height:33px;flex:0 0 33px;border-radius:50%;background:#1c3142;color:#c6edff;font-weight:900}.clips-admin-reaction-row>span:nth-child(2){min-width:0;flex:1}.clips-admin-reaction-row b,.clips-admin-comment-row b{display:block;color:#e9f4f8;font-size:12px}.clips-admin-reaction-row small,.clips-admin-comment-row time{display:block;margin-top:3px;color:#7c97a9;font-size:9px}.clips-admin-reaction-row strong{font-size:9px;letter-spacing:.5px}.clips-admin-reaction-row strong.is-like{color:#ff7eaf}.clips-admin-reaction-row strong.is-dislike{color:#c4a2ff}.clips-admin-comment-row{align-items:flex-start;justify-content:space-between}.clips-admin-comment-row>div{min-width:0;flex:1}.clips-admin-comment-row p{margin:7px 0 0;color:#b5c7d2;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.clips-admin-comment-row>button{flex:0 0 auto;padding:7px 9px;border:1px solid rgba(255,79,105,.3);border-radius:7px;background:rgba(255,69,96,.1);color:#ff8495;font-size:8px;font-weight:900;cursor:pointer}.clips-admin-loading,.clips-admin-empty{padding:24px 10px;text-align:center;color:#9cb1be;font-size:12px}.clips-admin-empty.is-error{color:#ff9aa8}.clips-admin-moderation-backdrop{position:absolute;inset:0;border:0;background:transparent}.clips-like-limit-open,.clips-admin-moderation-open{overflow:hidden}.academy-team-chooser{position:relative;padding:clamp(18px,4vw,42px) 0 22px;text-align:center;animation:academyTeamChoiceIn .4s cubic-bezier(.15,.8,.2,1) both}.academy-team-choice-kicker{color:#f18a70;font-size:9px;font-weight:900;letter-spacing:2px}.academy-team-chooser h2{margin:12px 0;color:#f2f6ff;font:900 clamp(26px,4vw,42px)/1.05 "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:.06em}.academy-team-chooser h2 em{font-style:normal;color:#f15874}.academy-team-chooser>p{margin:0 0 25px;color:#91a5bb;font-size:12px}.academy-team-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:650px;margin:0 auto}.academy-team-choice-card{position:relative;display:flex;min-height:205px;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:hidden;padding:22px 14px;border:1px solid rgba(117,189,235,.26);border-radius:15px;background:linear-gradient(145deg,rgba(30,54,78,.78),rgba(12,17,30,.97));color:#edf8ff;cursor:pointer;transition:transform .22s,border-color .22s,box-shadow .22s}.academy-team-choice-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.1) 45%,transparent 60%);transform:translateX(-120%);transition:transform .6s}.academy-team-choice-card:hover{transform:translateY(-4px);border-color:rgba(112,219,255,.7);box-shadow:0 0 30px rgba(63,174,238,.16)}.academy-team-choice-card:hover:before{transform:translateX(120%)}.academy-team-choice-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(121,220,255,.3);border-radius:14px;background:rgba(76,171,218,.1);color:#8ee8ff;font-size:29px;box-shadow:0 0 20px rgba(66,188,240,.09)}.academy-team-choice-card b{font-size:15px;letter-spacing:1.4px}.academy-team-choice-card small{color:#9ab5c6;font-size:10px}.academy-team-choice-arrow{margin-top:8px;color:#85dfff;font-size:9px;font-weight:900;letter-spacing:1px}.academy-team-choice-female{border-color:rgba(221,119,196,.25);background:linear-gradient(145deg,rgba(62,35,72,.7),rgba(17,13,28,.98))}.academy-team-choice-female .academy-team-choice-icon{border-color:rgba(244,155,224,.3);color:#ffb7e8;box-shadow:0 0 20px rgba(223,90,188,.1)}.academy-team-choice-female .academy-team-choice-arrow{color:#f6a9dc}.academy-female-team-notice{padding:clamp(35px,7vw,72px) 12px;text-align:center;animation:academyTeamChoiceIn .36s ease both}.academy-female-team-symbol{display:grid;place-items:center;width:77px;height:77px;margin:0 auto 15px;border:1px solid rgba(234,139,218,.4);border-radius:24px;background:rgba(196,69,157,.12);color:#ffb5e5;font-size:44px;box-shadow:0 0 35px rgba(215,80,175,.15)}.academy-female-team-notice>span{color:#e6a4d9;font-size:9px;font-weight:900;letter-spacing:1.8px}.academy-female-team-notice h3{margin:13px 0 9px;color:#f8f5ff;font:900 clamp(24px,4vw,36px)/1.1 "Barlow Condensed","Arial Narrow",sans-serif}.academy-female-team-notice p{max-width:390px;margin:0 auto;color:#a1aec0;font-size:12px;line-height:1.6}.academy-team-return-button{margin-top:24px;padding:10px 14px;border:1px solid rgba(234,139,218,.35);border-radius:8px;background:rgba(145,58,122,.12);color:#f4b5e4;font-size:9px;font-weight:900;letter-spacing:.6px;cursor:pointer}.academy-team-roster-screen{animation:academyTeamChoiceIn .4s ease both}.academy-team-roster-screen.hidden,.academy-team-chooser.hidden,.academy-female-team-notice.hidden{display:none!important}@keyframes academyTeamChoiceIn{from{opacity:0;transform:translateY(15px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes clipsLimitBoardIn{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes clipsModalFadeIn{from{opacity:0}to{opacity:1}}@media(max-width:620px){.clips-title-challenge-row{align-items:flex-start;gap:10px}.clips-100-challenge{width:min(100%,245px)}.academy-team-choice-grid{gap:9px}.academy-team-choice-card{min-height:172px;padding:18px 8px}.academy-team-choice-card b{font-size:12px}.academy-team-choice-card small{font-size:9px}}@media(max-width:430px){.clips-title-challenge-row{display:grid;grid-template-columns:1fr}.clips-100-challenge{width:100%}.academy-team-choice-grid{grid-template-columns:1fr}.academy-team-choice-card{min-height:140px}}


/* V73 Clips: three-panel controls and strictly one reel visible at a time. */
.nav-tab{position:relative}
.nav-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,#ff4e78,#d41f4b);color:#fff;font-size:9px;font-weight:900;line-height:1;box-shadow:0 0 12px rgba(255,57,100,.22);font-variant-numeric:tabular-nums}
.nav-count-badge[hidden]{display:none!important}
.clips-page-v73{max-width:1220px}
.clips-page-heading-v73{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:13px}
.clips-page-heading-v73 .clips-heading-copy h2{margin:6px 0 2px}
.clips-page-heading-v73 .clips-heading-copy>p{margin:4px 0 0}
.clips-control-deck{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,1.05fr) minmax(0,1fr);gap:12px;align-items:stretch;margin:12px 0 15px}
.clips-control-deck>.clips-activity-panel,.clips-control-deck>.clips-watch-party-card,.clips-control-deck>.clips-100-challenge-card{min-width:0;min-height:235px;margin:0;position:relative;overflow:hidden;border-radius:16px}
.clips-activity-panel-v73{display:flex;flex-direction:column;background:linear-gradient(145deg,rgba(12,27,39,.98),rgba(18,15,27,.98));border-color:rgba(115,204,232,.2)}
.clips-activity-panel-v73 .clips-activity-header{padding:13px 13px 10px}
.clips-activity-panel-v73 .clips-activity-content{padding:0 10px 12px;overflow:auto;max-height:275px}
.clips-activity-panel-v73 .clips-activity-stats{gap:5px}
.clips-activity-panel-v73 .clips-activity-stat{padding:7px 6px}
.clips-activity-panel-v73 .clips-activity-stat>span{font-size:7px}
.clips-activity-panel-v73 .clips-activity-stat>b{font-size:19px}
.clips-activity-panel-v73 .clips-activity-stat small{font-size:8px}
.clips-activity-panel-v73 .clips-activity-block{padding:8px 0}
.clips-activity-panel-v73 .clips-activity-follower{padding:7px 5px}
.clips-watch-party-card{isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 16px;border:1px solid rgba(110,211,239,.22);background:radial-gradient(ellipse at 50% 40%,rgba(22,137,179,.22),transparent 44%),radial-gradient(ellipse at 70% 85%,rgba(230,40,89,.16),transparent 54%),linear-gradient(145deg,#0e1824,#0a0c14 65%,#1b101b);text-align:center;box-shadow:inset 0 0 32px rgba(73,185,218,.035),0 12px 30px rgba(0,0,0,.2)}
.clips-party-grid{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(rgba(115,216,246,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(115,216,246,.05) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(transparent,#000 20%,#000 78%,transparent)}
.clips-party-orbit{position:absolute;z-index:-2;left:50%;top:46%;width:145px;height:145px;border:1px solid rgba(116,223,255,.23);border-radius:50%;transform:translate(-50%,-50%);animation:clipsPartyOrbit 18s linear infinite}
.clips-party-orbit-two{width:200px;height:200px;border-color:rgba(255,71,118,.22);animation-direction:reverse;animation-duration:26s}
.clips-party-live{display:flex;align-items:center;gap:6px;color:#9beaff;font-size:8px;font-weight:900;letter-spacing:1.3px}
.clips-party-live i{width:6px;height:6px;border-radius:50%;background:#64f5d6;box-shadow:0 0 9px #64f5d6;animation:clipsPartyLivePulse 1.6s ease-in-out infinite}
.clips-party-icon{display:grid;place-items:center;width:49px;height:49px;border:1px solid rgba(111,219,255,.47);border-radius:16px;background:linear-gradient(140deg,rgba(47,170,221,.2),rgba(255,58,106,.13));box-shadow:0 0 30px rgba(68,194,235,.18);color:#d8faff;font-size:20px;animation:clipsPartyIconFloat 3.2s ease-in-out infinite}
.clips-watch-party-card h3{margin:3px 0 0;color:#f3f8ff;font:900 clamp(19px,2.2vw,25px)/.95 "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:1px}
.clips-watch-party-card h3 em{font-style:normal;color:#8de9ff;text-shadow:0 0 16px rgba(94,222,255,.32)}
.clips-watch-party-card>p{max-width:240px;margin:0;color:#91a7b7;font-size:10px;line-height:1.55}
.clips-party-jump{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:4px;padding:10px 14px;border:1px solid rgba(116,221,255,.5);border-radius:8px;background:linear-gradient(100deg,rgba(20,113,151,.65),rgba(107,29,55,.55));color:#e9fbff;font-size:9px;font-weight:900;letter-spacing:1px;cursor:pointer;box-shadow:0 0 20px rgba(58,180,220,.1);transition:transform .18s,box-shadow .18s}
.clips-party-jump:hover{transform:translateY(-2px);box-shadow:0 0 25px rgba(58,180,220,.25)}
.clips-party-jump span{font-size:15px}
.clips-party-bottomline{position:absolute;left:12px;right:12px;bottom:9px;display:flex;justify-content:space-between;color:#466477;font-size:7px;font-weight:900;letter-spacing:1.1px}
.clips-100-challenge-card{display:flex;flex-direction:column;justify-content:center;padding:17px 16px;border:1px solid rgba(255,77,117,.25);background:radial-gradient(ellipse at 85% 10%,rgba(255,65,112,.12),transparent 42%),linear-gradient(145deg,rgba(18,25,37,.99),rgba(20,10,20,.98));box-shadow:inset 0 0 30px rgba(255,56,102,.025)}
.clips-challenge-reward-icon{display:grid;place-items:center;width:33px;height:33px;border:1px solid rgba(255,196,113,.32);border-radius:10px;background:rgba(255,181,89,.08);color:#ffcf88;font-size:17px;box-shadow:0 0 18px rgba(255,181,89,.08)}
.clips-challenge-kicker{display:block;margin-top:10px;color:#b1859c;font-size:7px;font-weight:900;letter-spacing:1.4px}
.clips-100-challenge-card h3{margin:5px 0 14px;color:#fff;font:900 clamp(22px,2.6vw,30px)/.88 "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:.7px}
.clips-100-challenge-card h3 em{font-style:normal;color:#ff829d;text-shadow:0 0 16px rgba(255,76,119,.24)}
.clips-100-challenge-card .clips-100-challenge-heading span{color:#92aebe;font-size:7px}
.clips-100-challenge-card .clips-100-challenge-heading b{color:#fff;font-size:12px}
.clips-100-challenge-card .clips-100-challenge-track{margin:8px 0 6px;height:6px;background:rgba(255,255,255,.08)}
.clips-100-challenge-card #clipsChallengeNote{font-size:8px;line-height:1.45;color:#879eac}
.clips-challenge-reward-status{margin-top:11px;padding:9px 10px;border:1px solid rgba(255,192,108,.28);border-radius:8px;background:linear-gradient(100deg,rgba(133,82,29,.17),rgba(255,69,108,.08));color:#ffda93;font-size:9px;font-weight:1000;letter-spacing:.75px;text-align:center;box-shadow:0 0 18px rgba(255,185,91,.05)}
.clips-challenge-smallprint{margin:9px 0 0;color:#647e8d;font-size:7px;line-height:1.5}
.clips-compose-card-v71{margin-top:0}
.clips-feed-v73{display:block;min-height:100px;overflow:visible;scroll-snap-type:none}
.clips-feed-v73 .clips-reel-item{display:none!important}
.clips-feed-v73 .clips-reel-item.is-current-reel{display:block!important;animation:clipsCurrentReelIn .28s cubic-bezier(.2,.75,.2,1) both}
.clips-feed-v73 .clips-ad-reel.is-current-reel{display:flex!important}
.clips-feed-v73 .clips-post{margin:0 auto;width:min(100%,560px);scroll-snap-align:none}
.clips-feed-v73 .clips-ad-reel{width:min(100%,560px);margin:0 auto}
.clips-feed-v73 .clips-post[aria-hidden="true"],.clips-feed-v73 .clips-ad-reel[aria-hidden="true"]{pointer-events:none}
.clips-reel-navigation-v73{position:sticky;top:8px;z-index:20;box-shadow:0 8px 22px rgba(0,0,0,.22);backdrop-filter:blur(12px)}
.clips-anonymous-comment-avatar{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border:1px solid rgba(111,202,229,.19);border-radius:50%;background:#14222e;color:#b8e9fb;font-size:10px;font-weight:900}
.clips-anonymous-comment-author{display:block;color:#9cc4d4;font-size:10px;font-weight:900;letter-spacing:.5px}
.clips-reaction-privacy{display:none!important}
@keyframes clipsPartyOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes clipsPartyLivePulse{50%{opacity:.35;box-shadow:0 0 2px #64f5d6}}
@keyframes clipsPartyIconFloat{50%{transform:translateY(-4px) rotate(2deg);box-shadow:0 0 35px rgba(68,194,235,.28)}}
@keyframes clipsCurrentReelIn{from{opacity:.25;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:960px){.clips-control-deck{grid-template-columns:repeat(2,minmax(0,1fr))}.clips-watch-party-card{grid-column:1/-1;grid-row:1;min-height:220px}.clips-activity-panel-v73,.clips-100-challenge-card{min-height:245px}}
@media(max-width:600px){.clips-control-deck{grid-template-columns:1fr}.clips-watch-party-card{grid-column:auto;grid-row:auto;min-height:225px}.clips-activity-panel-v73,.clips-100-challenge-card{min-height:unset}.clips-page-heading-v73{align-items:flex-start}.clips-page-heading-v73 .clips-format-pill{display:none}.clips-feed-v73 .clips-post-video-wrap{height:min(67vh,650px);width:min(100%,440px)}.clips-reel-navigation-v73{top:2px}}


/* V74: wider clips dashboard; the activity and challenge panels sit at opposite edges. */
.clips-page-v74{width:100%;max-width:1480px;margin-left:auto;margin-right:auto}
.clips-control-deck-v74{grid-template-columns:minmax(230px,1fr) minmax(250px,1.04fr) minmax(230px,1fr);gap:clamp(13px,1.55vw,22px);align-items:stretch;width:100%;margin:14px 0 17px}
.clips-control-deck-v74>.clips-activity-panel,.clips-control-deck-v74>.clips-watch-party-card,.clips-control-deck-v74>.clips-100-challenge-card{min-width:0;min-height:280px}
.clips-control-deck-v74>.clips-activity-panel{grid-column:1;grid-row:1}
.clips-control-deck-v74>.clips-watch-party-card{grid-column:2;grid-row:1}
.clips-control-deck-v74>.clips-100-challenge-card{grid-column:3;grid-row:1}
.clips-reel-navigation-v74{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(100%,760px);margin:13px auto 5px;padding:9px 12px;border:1px solid rgba(112,188,215,.16);border-radius:12px;background:linear-gradient(100deg,rgba(13,25,36,.95),rgba(19,18,29,.95));box-shadow:0 8px 22px rgba(0,0,0,.18);backdrop-filter:blur(12px)}
.clips-reel-navigation-v74 .clips-reel-mode-tag{font-size:8px;color:#8aaec0;letter-spacing:.9px;font-weight:900}
.clips-reel-navigation-v74 .clips-reel-mode-tag i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:7px;background:#ff587a;box-shadow:0 0 9px #ff587a}
.clips-reel-navigation-v74 output{min-width:88px;color:#9deaff;text-align:right;font-size:9px;font-weight:1000;letter-spacing:.8px;font-variant-numeric:tabular-nums}
.clips-feed-stage-v74{display:grid;grid-template-columns:minmax(0,560px) 46px;gap:15px;align-items:center;justify-content:center;width:min(100%,760px);margin:8px auto 20px;position:relative}
.clips-feed-v74{width:100%;min-width:0;max-width:560px;margin:0}
.clips-feed-v74 .clips-post,.clips-feed-v74 .clips-ad-reel{width:100%;max-width:560px;margin:0}
.clips-reel-side-controls-v74{position:sticky;top:calc(50vh - 45px);align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:46px;z-index:25}
.clips-reel-arrow-v74{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:46px;height:46px;padding:0;border:1px solid rgba(113,225,255,.35);border-radius:50%;background:linear-gradient(145deg,rgba(21,100,132,.94),rgba(20,25,42,.98));color:#defaff;box-shadow:0 0 18px rgba(64,195,238,.13),inset 0 1px rgba(255,255,255,.13);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease}
.clips-reel-arrow-v74 span{font-size:21px;line-height:18px;font-weight:900}
.clips-reel-arrow-v74 small{font-size:6px;line-height:1;font-weight:1000;letter-spacing:.6px;color:#8bdff4}
.clips-reel-arrow-v74:hover:not(:disabled){transform:scale(1.08);border-color:#b5f5ff;box-shadow:0 0 25px rgba(64,195,238,.28),inset 0 1px rgba(255,255,255,.2)}
.clips-reel-arrow-v74:disabled{opacity:.28;filter:saturate(.35);cursor:not-allowed;box-shadow:none}
.clips-feed-v74 .clips-reel-item[aria-hidden="true"]{pointer-events:none}
.notifications-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.notifications-mark-all-button{min-height:34px;padding:8px 11px;border-color:rgba(104,221,168,.28);color:#9af0c4;white-space:nowrap}
.notifications-mark-all-button:hover:not(:disabled){border-color:rgba(104,221,168,.6);background:rgba(68,191,128,.12)}
.notifications-mark-all-button:disabled{opacity:.58;cursor:default}
.notification-card:not(.unread) .notification-symbol{color:#8ca5b6}
/* Free Training is a launch gate; level nodes appear only after the electricity transition. */
.training-entry-gate{position:relative;isolation:isolate;display:grid;justify-items:center;align-content:center;gap:12px;min-height:300px;padding:26px 20px;overflow:hidden;border:1px solid rgba(106,222,255,.27);border-radius:15px;background:radial-gradient(ellipse at 50% 15%,rgba(51,176,239,.16),transparent 45%),linear-gradient(145deg,rgba(8,24,43,.97),rgba(7,11,24,.98));text-align:center;box-shadow:inset 0 0 38px rgba(60,181,242,.05),0 12px 32px rgba(0,0,0,.15)}
.training-entry-gate.hidden{display:none!important}
.training-entry-gate-orbit{position:absolute;z-index:-1;left:50%;top:45%;width:230px;height:230px;transform:translate(-50%,-50%);border:1px solid rgba(100,221,255,.15);border-radius:50%;box-shadow:0 0 0 28px rgba(100,221,255,.025),0 0 0 58px rgba(100,221,255,.018);animation:trainingGateOrbit 18s linear infinite}
.training-entry-gate-runner{width:76px;height:76px;display:grid;place-items:center;border:1px solid rgba(111,222,255,.25);border-radius:21px;background:rgba(19,75,104,.2);box-shadow:0 0 25px rgba(73,199,246,.1);animation:trainingGateRunnerFloat 2.1s ease-in-out infinite}
.training-entry-gate-runner img{width:65px;height:65px;object-fit:contain;filter:drop-shadow(0 0 11px rgba(92,220,255,.45))}
.training-entry-gate h3{margin:0;color:#effbff;font-size:clamp(20px,2.5vw,30px);font-weight:1000;letter-spacing:.02em;text-shadow:0 0 17px rgba(113,221,255,.14)}
.training-entry-gate p{margin:0;max-width:500px;color:#9bb9ce;font-size:12px;line-height:1.7}
.training-entry-launch{min-width:230px;min-height:44px;box-shadow:0 0 22px rgba(77,201,255,.18)}
.training-entry-gate-meta{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;color:#638ca7;font-size:7px;font-weight:1000;letter-spacing:1.1px}
.training-panel-heading{margin-top:3px}
.training-level-node{padding-top:49px!important;position:relative;overflow:visible!important}
.training-level-node.is-selected{border-color:#b3f7ff!important;box-shadow:0 0 25px rgba(79,214,255,.24),inset 0 0 18px rgba(84,205,255,.08)!important}
.training-level-runner{position:absolute;z-index:4;top:-22px;left:50%;width:43px;height:47px;object-fit:contain;transform:translateX(-50%);pointer-events:none;filter:drop-shadow(0 0 8px rgba(92,216,255,.3))}
.training-level-runner.is-selected-runner{animation:trainingLevelRunnerBounce .72s cubic-bezier(.35,.05,.6,1) infinite alternate;filter:drop-shadow(0 0 11px rgba(119,235,255,.7))}
.training-level-runner.is-completed-runner{animation:trainingLevelRunnerBounce 1.25s ease-in-out infinite alternate;filter:drop-shadow(0 0 10px rgba(107,255,182,.5))}
@keyframes trainingGateOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes trainingGateRunnerFloat{50%{transform:translateY(-6px) rotate(2deg);box-shadow:0 0 35px rgba(73,199,246,.19)}}
@keyframes trainingLevelRunnerBounce{from{margin-top:0;transform:translate(-50%,0) scale(1)}to{margin-top:-9px;transform:translate(-50%,-5px) scale(1.06)}}
@media(max-width:1180px){.clips-control-deck-v74{grid-template-columns:repeat(2,minmax(0,1fr))}.clips-control-deck-v74>.clips-watch-party-card{grid-column:1/-1;grid-row:1;min-height:220px}.clips-control-deck-v74>.clips-activity-panel{grid-column:1;grid-row:2}.clips-control-deck-v74>.clips-100-challenge-card{grid-column:2;grid-row:2}}
@media(max-width:760px){.clips-page-v74{width:100%;max-width:none}.clips-control-deck-v74{grid-template-columns:1fr;gap:10px}.clips-control-deck-v74>.clips-watch-party-card,.clips-control-deck-v74>.clips-activity-panel,.clips-control-deck-v74>.clips-100-challenge-card{grid-column:1;grid-row:auto;min-height:unset}.clips-control-deck-v74>.clips-watch-party-card{min-height:220px}.clips-reel-navigation-v74{width:100%;align-items:flex-start;flex-direction:column}.clips-feed-stage-v74{grid-template-columns:minmax(0,1fr) 40px;gap:7px;width:100%;max-width:none}.clips-reel-side-controls-v74{width:40px;gap:9px}.clips-reel-arrow-v74{width:39px;height:39px}.clips-reel-arrow-v74 span{font-size:18px}.clips-feed-v74 .clips-post-video-wrap{width:100%;height:min(68vh,600px)}.notifications-header-actions{width:100%;justify-content:flex-start}.training-entry-gate{min-height:270px;padding:20px 12px}.training-entry-gate-meta{gap:8px}}
@media(prefers-reduced-motion:reduce){.training-entry-gate-orbit,.training-entry-gate-runner,.training-level-runner{animation:none!important}}


/* V75: login run-through doors, event schedules and thrown notification animation. */
.loading-start-portal{position:absolute;left:0;top:12px;width:43px;height:50px;border:2px solid rgba(117,225,255,.62);border-radius:12px 12px 3px 3px;background:linear-gradient(180deg,rgba(80,213,255,.18),rgba(7,18,34,.78));box-shadow:0 0 18px rgba(57,202,255,.2),inset 0 0 14px rgba(57,202,255,.13);display:grid;place-items:center;z-index:1;animation:loading-start-door-pulse 1.1s ease-in-out infinite alternate;transition:opacity .25s,transform .25s}
.loading-start-portal:after{content:"";position:absolute;inset:5px;border:1px solid rgba(126,236,255,.45);border-radius:8px 8px 2px 2px;box-shadow:inset 0 0 12px rgba(68,220,255,.13)}
.loading-start-portal i{position:absolute;z-index:2;bottom:6px;left:7px;width:2px;height:13px;background:#9af0ff;box-shadow:0 0 7px #6bdfff}.loading-start-portal i:nth-child(2){left:auto;right:7px;height:20px;bottom:6px}.loading-start-portal span{position:relative;z-index:3;margin-top:3px;color:#a7f5ff;font:900 6px var(--display);letter-spacing:.5px}
.loading-runner.portal-approach .loading-start-portal,.loading-runner.portal-arrived .loading-start-portal{opacity:.14;transform:scale(.88)}
@keyframes loading-start-door-pulse{from{box-shadow:0 0 10px rgba(57,202,255,.13),inset 0 0 7px rgba(57,202,255,.1)}to{box-shadow:0 0 23px rgba(57,202,255,.35),inset 0 0 18px rgba(57,202,255,.2)}}
.watching-wall-match-schedule{display:grid;gap:5px;margin-top:13px;padding:11px 12px;border:1px solid rgba(95,226,255,.2);border-radius:9px;background:linear-gradient(135deg,rgba(46,173,217,.1),rgba(12,19,34,.72));box-shadow:inset 0 0 18px rgba(84,204,255,.03)}
.watching-wall-match-schedule>span{color:#8cecff;font:900 8px var(--display);letter-spacing:1.2px}.watching-wall-match-schedule strong{color:#f2f8ff;font-size:12px}.watching-wall-match-schedule time{margin:0;color:#d0eafa;font:800 10px var(--display);letter-spacing:.3px}.watching-wall-match-schedule small{color:#7f97ac;font:800 7px var(--display);letter-spacing:1px}
.watchparty-admin-schedule{margin:8px 0;padding:8px 10px;border:1px solid rgba(85,219,255,.16);border-radius:7px;background:rgba(47,165,208,.06);color:#a9c8db;font-size:10px;line-height:1.5}.watchparty-admin-schedule b{color:#74e3ff;font-size:9px;letter-spacing:.6px}.watchparty-admin-schedule.is-empty{color:#728294;border-style:dashed}
.notification-delivery-layer{position:fixed;inset:auto 0 max(18px,7vh);height:125px;z-index:10000;pointer-events:none;visibility:hidden;overflow:visible;isolation:isolate}.notification-delivery-layer.is-running{visibility:visible}
.notification-delivery-runner{position:absolute;left:0;bottom:0;width:74px;height:100px;transform:translateX(-100px);filter:drop-shadow(0 0 11px rgba(81,219,255,.4))}.notification-delivery-runner svg{width:100%;height:100%;overflow:visible}.notification-delivery-layer.is-running .notification-delivery-runner{animation:notifyRunnerCarry 1.95s cubic-bezier(.2,.72,.4,1) both}
.notification-delivery-envelope{position:absolute;left:38%;bottom:31px;display:grid;place-items:center;width:34px;height:27px;border:1px solid rgba(255,224,161,.75);border-radius:6px;background:linear-gradient(145deg,#fff0c1,#e5a44c);color:#35200e;font-size:20px;opacity:0;box-shadow:0 0 20px rgba(255,183,88,.35);transform:scale(.5)}.notification-delivery-layer.is-running .notification-delivery-envelope{animation:notifyEnvelopeThrow 1.3s .47s cubic-bezier(.18,.72,.22,1) both}
.notification-delivery-ticket{position:absolute;left:50%;bottom:38px;width:min(320px,calc(100vw - 36px));padding:11px 14px;border:1px solid rgba(86,225,255,.35);border-radius:11px;background:linear-gradient(135deg,rgba(9,24,39,.97),rgba(19,17,37,.98));box-shadow:0 12px 45px rgba(0,0,0,.4),0 0 22px rgba(63,207,255,.12);opacity:0;transform:translate(-40%,-2px) scale(.85)}.notification-delivery-layer.is-running .notification-delivery-ticket{animation:notifyTicketCatch 1.25s .92s ease-out both}.notification-delivery-ticket span,.notification-delivery-ticket b{display:block}.notification-delivery-ticket span{color:#77e9ff;font:900 7px var(--display);letter-spacing:1.5px;margin-bottom:5px}.notification-delivery-ticket b{color:#f2f7ff;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
@keyframes notifyRunnerCarry{0%{transform:translateX(-100px) translateY(8px)}25%{transform:translateX(20vw) translateY(-8px)}50%{transform:translateX(38vw) translateY(0)}72%{transform:translateX(58vw) translateY(-6px)}100%{transform:translateX(calc(100vw + 100px)) translateY(8px)}}
@keyframes notifyEnvelopeThrow{0%{opacity:0;transform:translate(0,0) scale(.45) rotate(-15deg)}18%{opacity:1;transform:translate(10px,-9px) scale(1) rotate(12deg)}65%{opacity:1;transform:translate(16vw,-63px) scale(.85) rotate(-9deg)}100%{opacity:0;transform:translate(29vw,-31px) scale(.6) rotate(10deg)}}
@keyframes notifyTicketCatch{0%{opacity:0;transform:translate(-35%,-2px) scale(.82)}18%{opacity:1;transform:translate(-50%,-14px) scale(1.02)}35%{transform:translate(-50%,0) scale(1)}88%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-5px) scale(.98)}}
@media(prefers-reduced-motion:reduce){.loading-start-portal,.notification-delivery-layer *{animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* V76 — cinematic, larger Watching Party schedule and a live daily Clips like meter. */
.watching-party-post-wall-heading>span{font-size:12px;letter-spacing:1.7px;text-shadow:0 0 16px rgba(108,222,255,.24)}
.watching-party-post-wall-heading p{font-size:13px;line-height:1.65}
.watching-party-posts{grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:22px}
.watching-wall-post-v76{border-radius:17px;border-color:rgba(103,210,255,.25);background:linear-gradient(160deg,rgba(15,25,44,.98),rgba(8,11,26,.99));box-shadow:0 18px 55px rgba(0,0,0,.26),inset 0 0 35px rgba(61,196,255,.025);overflow:hidden}
.watching-wall-cinematic-media{position:relative;isolation:isolate;aspect-ratio:16/9;max-height:min(48vh,470px);min-height:250px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,rgba(6,151,231,.25),transparent 38%),radial-gradient(ellipse at 80% 15%,rgba(255,45,120,.2),transparent 46%),linear-gradient(135deg,#060a1a,#18102b 48%,#07182b)}
.watching-wall-cinematic-media>img{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.035);animation:watchingWallCinematicZoom 22s ease-in-out infinite alternate;filter:saturate(1.08) contrast(1.04)}
.watching-wall-cinematic-media.is-image-missing>img{display:none}
.watching-wall-media-placeholder{position:absolute;inset:0;z-index:0;display:grid;align-content:center;justify-items:center;gap:11px;color:#d8f6ff;font-family:var(--display);letter-spacing:1.8px;background:linear-gradient(135deg,rgba(6,13,32,.25),rgba(7,16,42,.2))}
.watching-wall-media-placeholder b{font-size:clamp(14px,1.8vw,21px);text-shadow:0 0 18px rgba(65,211,255,.4)}
.watching-wall-media-placeholder small{color:#78c6e7;font-size:10px;font-weight:900;letter-spacing:1.7px}
.watching-wall-loader-orbit{width:60px;height:60px;border:2px solid rgba(111,229,255,.18);border-top-color:#7beaff;border-right-color:#ff5f8b;border-radius:50%;box-shadow:0 0 26px rgba(78,204,255,.15);animation:watchingWallSignalSpin 1.45s linear infinite}
.watching-wall-media-scan{position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(168,233,255,.035) 0 1px,transparent 1px 5px);mix-blend-mode:screen;opacity:.5}
.watching-wall-media-scan:after{content:"";position:absolute;left:0;right:0;top:-14%;height:13%;background:linear-gradient(180deg,transparent,rgba(89,225,255,.15),transparent);animation:watchingWallScan 5s ease-in-out infinite}
.watching-wall-media-topline{position:absolute;z-index:4;top:14px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}
.watching-wall-new-label,.watching-wall-media-live{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.2);border-radius:7px;padding:9px 12px;background:rgba(3,9,26,.78);backdrop-filter:blur(9px);color:#ecfbff;font:900 10px var(--display);letter-spacing:1.3px;text-shadow:0 0 10px rgba(94,224,255,.32)}
.watching-wall-new-label i,.watching-wall-schedule-label i{width:7px;height:7px;border-radius:50%;background:#ff547c;box-shadow:0 0 12px #ff547c;animation:watchingWallLivePulse 1.2s ease-in-out infinite alternate}
.watching-wall-media-live{color:#a3eaff;font-size:8px;letter-spacing:1.1px}
.watching-wall-media-loader{position:absolute;z-index:4;left:16px;right:16px;bottom:16px;display:grid;gap:7px;color:#d7efff;font:900 8px var(--display);letter-spacing:1.3px;text-shadow:0 1px 5px #000;pointer-events:none}
.watching-wall-media-loader>i{height:3px;overflow:hidden;background:rgba(236,250,255,.19);border-radius:99px}
.watching-wall-media-loader>i>b{display:block;width:38%;height:100%;border-radius:99px;background:linear-gradient(90deg,#30cfff,#ff4f87);box-shadow:0 0 12px rgba(61,218,255,.65);animation:watchingWallLoadLine 3.1s ease-in-out infinite}
.watching-wall-post-copy-v76{padding:23px 24px 24px}
.watching-wall-post-kicker{margin-bottom:7px;color:#7ee5ff;font:900 10px var(--display);letter-spacing:1.6px}
.watching-wall-post-copy-v76 h3{margin:0 0 12px;font-size:clamp(23px,2.4vw,32px);line-height:1.12;letter-spacing:-.3px}
.watching-wall-post-copy-v76 p{font-size:clamp(14px,1.3vw,17px);line-height:1.8;color:#bdc9e0}
.watching-wall-match-schedule-v76{gap:9px;margin-top:20px;padding:18px 18px 17px;border-radius:13px;background:linear-gradient(120deg,rgba(26,121,167,.22),rgba(19,15,37,.9) 72%);border-color:rgba(103,217,255,.36);box-shadow:0 0 30px rgba(57,188,242,.07),inset 0 0 22px rgba(69,202,255,.045)}
.watching-wall-schedule-label{display:flex;align-items:center;gap:9px;color:#92edff!important;font:900 11px var(--display)!important;letter-spacing:1.8px!important}
.watching-wall-match-schedule-v76 strong{font-size:clamp(19px,2vw,27px);line-height:1.2;color:#fff}
.watching-wall-match-schedule-v76 time{font-size:clamp(18px,1.8vw,24px);font-weight:900;color:#ffdce5;line-height:1.35;letter-spacing:.2px}
.watching-wall-match-schedule-v76 small{font-size:10px;letter-spacing:1.2px;color:#9dbbd2}
.watching-wall-time-loadline{height:4px;margin-top:4px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.1)}
.watching-wall-time-loadline i{display:block;width:32%;height:100%;background:linear-gradient(90deg,#52dfff,#ff527d);box-shadow:0 0 12px rgba(68,212,255,.5);animation:watchingWallLoadLine 3.7s ease-in-out infinite}
.watching-wall-post-created{margin-top:18px!important;font-size:10px!important;letter-spacing:1.1px!important;color:#8b9db8!important}
.clips-daily-like-meter{margin:10px 10px 13px;padding:11px 12px;border:1px solid rgba(104,213,255,.18);border-radius:10px;background:linear-gradient(105deg,rgba(19,45,61,.55),rgba(21,16,30,.68))}
.clips-daily-like-meter>header{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8ddfff;font:900 9px var(--display);letter-spacing:1.1px}
.clips-daily-like-meter>header b{color:#fff;font-size:12px;font-variant-numeric:tabular-nums}
.clips-daily-like-track{height:7px;margin:8px 0 6px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.09)}
.clips-daily-like-track>span{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#2bd5ff,#8bf1ff 55%,#ff547d);box-shadow:0 0 13px rgba(66,219,255,.45);transition:width .42s cubic-bezier(.22,.7,.2,1)}
.clips-daily-like-meter>small{display:block;color:#93aabc;font-size:10px;line-height:1.5}
.clips-100-challenge-track>span{transition:width .5s cubic-bezier(.2,.75,.2,1)}
.clips-like-limit-board h3{font-size:clamp(31px,4vw,44px)}
.clips-like-limit-board p{font-size:15px;line-height:1.7}
@keyframes watchingWallSignalSpin{to{transform:rotate(360deg)}}
@keyframes watchingWallCinematicZoom{0%{transform:scale(1.035) translate3d(0,0,0)}100%{transform:scale(1.14) translate3d(-1.1%,.6%,0)}}
@keyframes watchingWallScan{0%{transform:translateY(0);opacity:0}15%{opacity:1}85%{opacity:.8}100%{transform:translateY(940%);opacity:0}}
@keyframes watchingWallLoadLine{0%{transform:translateX(-115%)}100%{transform:translateX(335%)}}
@keyframes watchingWallLivePulse{from{opacity:.62;transform:scale(.85)}to{opacity:1;transform:scale(1.12)}}
@media(max-width:640px){.watching-wall-cinematic-media{min-height:215px}.watching-wall-media-topline{left:9px;right:9px;top:9px}.watching-wall-new-label{font-size:8px;padding:7px 8px}.watching-wall-media-live{display:none}.watching-wall-post-copy-v76{padding:17px}.watching-wall-match-schedule-v76{padding:13px}.watching-wall-match-schedule-v76 strong{font-size:20px}.watching-wall-match-schedule-v76 time{font-size:17px}}
@media(prefers-reduced-motion:reduce){.watching-wall-loader-orbit,.watching-wall-cinematic-media>img,.watching-wall-media-scan:after,.watching-wall-media-loader>i>b,.watching-wall-time-loadline i,.watching-wall-new-label i,.watching-wall-schedule-label i{animation:none!important}.clips-daily-like-track>span,.clips-100-challenge-track>span{transition:none!important}}


/* V77: 30-day Remember Me, cup throw during login, and the SKG arrival-door animation. */
.remember-me-row{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:11px 0 8px;padding:10px 11px;border:1px solid rgba(117,225,255,.13);border-radius:9px;background:rgba(18,29,44,.48)}
.remember-me-label{display:inline-flex!important;align-items:center;gap:9px;margin:0!important;color:#eaf7ff!important;font-size:11px!important;font-weight:800!important;cursor:pointer}
.remember-me-label input{width:15px;height:15px;accent-color:#76e7ff;cursor:pointer}
.remember-me-row small{margin-left:24px;color:#8296a9;font-size:9px;line-height:1.45}
.site-arrival-animation{position:fixed;inset:0;z-index:10030;pointer-events:none;visibility:hidden;opacity:0;overflow:hidden;isolation:isolate}
.site-arrival-animation.is-running{visibility:visible;opacity:1}
.site-arrival-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 78%,rgba(18,69,106,.18),transparent 56%),linear-gradient(180deg,rgba(3,9,19,.05),rgba(3,7,16,.12));animation:arrivalVignetteV77 2.5s ease both}
.site-arrival-floor-glow{position:absolute;left:0;right:0;bottom:5vh;height:11vh;background:radial-gradient(ellipse at 82% 50%,rgba(89,224,255,.22),transparent 28%),linear-gradient(180deg,transparent,rgba(60,177,221,.06));filter:blur(12px)}
.site-arrival-door{position:absolute;right:12vw;bottom:7vh;width:82px;height:132px;border:2px solid rgba(117,231,255,.72);border-radius:12px 12px 2px 2px;background:linear-gradient(145deg,rgba(28,76,105,.65),rgba(6,14,28,.93));box-shadow:0 0 24px rgba(70,204,255,.28),inset 0 0 24px rgba(64,201,255,.14);transform-origin:100% 100%;overflow:visible}
.site-arrival-door-panel{position:absolute;inset:8px 8px 0;border:1px solid rgba(128,238,255,.35);border-radius:7px 7px 0 0;background:linear-gradient(135deg,rgba(55,173,218,.09),rgba(5,10,22,.55));transform-origin:right center}
.site-arrival-door span{position:absolute;left:0;right:0;bottom:17px;text-align:center;color:#c9f8ff;font:900 10px var(--display);letter-spacing:2px;text-shadow:0 0 13px rgba(97,231,255,.9)}
.site-arrival-door i{position:absolute;bottom:-2px;left:7px;right:7px;height:4px;background:#8cf1ff;box-shadow:0 0 15px rgba(95,225,255,.8)}
.site-arrival-animation.is-running .site-arrival-door{animation:arrivalDoorOpenV77 2.55s ease both}
.site-arrival-animation.is-running .site-arrival-door-panel{animation:arrivalDoorPanelOpenV77 2.55s ease both}
.site-arrival-caption{position:absolute;left:50%;top:18%;transform:translate(-50%,-10px);text-align:center;opacity:0;color:#eefaff;text-shadow:0 0 19px rgba(98,223,255,.3)}
.site-arrival-caption span{display:block;margin-bottom:6px;color:#8deeff;font:900 9px var(--display);letter-spacing:3px}
.site-arrival-caption b{font:900 clamp(18px,3vw,28px) var(--display);letter-spacing:1.4px}
.site-arrival-animation.is-running .site-arrival-caption{animation:arrivalCaptionV77 2.45s ease both}
@keyframes arrivalDoorOpenV77{0%,54%{box-shadow:0 0 24px rgba(70,204,255,.28)}65%{box-shadow:0 0 40px rgba(70,204,255,.85),0 0 80px rgba(70,204,255,.22)}80%,100%{box-shadow:0 0 20px rgba(70,204,255,.25)}}
@keyframes arrivalDoorPanelOpenV77{0%,60%{transform:perspective(200px) rotateY(0)}80%,100%{transform:perspective(200px) rotateY(-74deg)}}
@keyframes arrivalCapeFlutterV77{from{transform:skewX(-1deg) rotate(-2deg)}to{transform:skewX(5deg) rotate(5deg)}}
@keyframes arrivalCaptionV77{0%,12%{opacity:0;transform:translate(-50%,-10px)}25%,70%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-7px)}}
@keyframes arrivalVignetteV77{0%{opacity:0}12%{opacity:1}78%{opacity:1}100%{opacity:0}}
.site-notification-bars{position:fixed;top:18px;right:18px;z-index:10060;display:flex;flex-direction:column;gap:8px;width:min(370px,calc(100vw - 28px));pointer-events:none}
.site-arrival-notice{display:grid;grid-template-columns:31px minmax(0,1fr) 24px;gap:10px;align-items:center;padding:11px 12px;border:1px solid rgba(104,223,255,.35);border-radius:12px;background:linear-gradient(135deg,rgba(7,19,34,.97),rgba(19,14,34,.97));box-shadow:0 15px 38px rgba(0,0,0,.34),0 0 21px rgba(75,210,255,.12);backdrop-filter:blur(16px);animation:siteArrivalNoticeLifeV77 3s ease both;pointer-events:auto}
.site-arrival-notice-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(120,232,255,.34);border-radius:9px;background:rgba(65,199,238,.1);color:#83f0ff;font-size:18px;box-shadow:0 0 14px rgba(74,214,255,.12)}
.site-arrival-notice-copy{display:grid;gap:4px;min-width:0}.site-arrival-notice-copy strong{color:#edfaff;font:900 9px var(--display);letter-spacing:.6px;overflow-wrap:anywhere}.site-arrival-notice-copy span{color:#9db5c9;font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.site-arrival-notice-close{border:0;background:transparent;color:#7e98ab;font-size:18px;padding:3px;cursor:pointer}.site-arrival-notice-close:hover{color:#fff}
.site-arrival-notice.is-leaving{opacity:0;transform:translateX(22px);transition:opacity .18s,transform .18s}
@keyframes siteArrivalNoticeLifeV77{0%{opacity:0;transform:translateX(24px) scale(.97)}8%{opacity:1;transform:translateX(0) scale(1)}89%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(16px)}}
@media(max-width:700px){.site-arrival-door{right:6vw;width:60px;height:103px}.site-arrival-caption{top:15%}.site-notification-bars{top:10px;right:10px;width:calc(100vw - 20px)}.site-arrival-notice{padding:9px 10px}}
@media(prefers-reduced-motion:reduce){.site-arrival-animation *,.site-arrival-notice{animation-duration:.01ms!important;animation-iteration-count:1!important}.site-arrival-animation.is-running .site-arrival-door-panel{transform:none}}

.runner-cape-v77{transform-origin:49px 32px;animation:runnerCapeFlutterV77 .22s ease-in-out infinite alternate;filter:drop-shadow(0 0 3px rgba(233,47,83,.28))}@keyframes runnerCapeFlutterV77{from{transform:skewX(-2deg) rotate(-1deg)}to{transform:skewX(5deg) rotate(5deg)}}

/* V77 Academy update: animated cups, live typing, and the three-world selector */
.academy-nav-button{position:relative;isolation:isolate;overflow:visible}.academy-nav-button:after{content:"🏆  🏆  🏆";position:absolute;z-index:4;left:50%;top:-18px;white-space:nowrap;font-size:14px;letter-spacing:7px;opacity:0;pointer-events:none;transform:translate(-50%,12px) scale(.7);filter:drop-shadow(0 3px 8px rgba(255,190,77,.65))}.academy-nav-button:hover:after,.academy-nav-button[aria-expanded="true"]:after{animation:academy-cups-over-button 1.7s ease-in-out infinite;opacity:1}@keyframes academy-cups-over-button{0%{transform:translate(-50%,14px) scale(.72);opacity:0}22%{opacity:1}55%{transform:translate(-50%,-5px) scale(1.08)}100%{transform:translate(-50%,-17px) scale(.88);opacity:0}}.academy-nav-label strong{overflow:hidden;position:relative}.academy-nav-label strong:after{content:"";display:inline-block;height:1em;border-right:2px solid #b7794a;margin-left:3px;vertical-align:-.12em;animation:academy-type-caret .75s steps(1) infinite}@keyframes academy-type-caret{50%{opacity:0}}.academy-world-choice{position:relative;text-align:center;max-width:940px;margin:0 auto;padding:18px 12px 8px;overflow:hidden}.academy-world-choice.is-arriving{animation:academy-world-arrive .85s cubic-bezier(.2,.8,.2,1) both}@keyframes academy-world-arrive{0%{opacity:0;transform:translateY(22px) scale(.96);filter:blur(8px)}55%{opacity:1;filter:blur(0);transform:translateY(-4px) scale(1.01)}100%{opacity:1;transform:none;filter:none}}.academy-world-arrival{height:148px;width:148px;position:relative;margin:0 auto 14px;display:grid;place-items:center;border:1px solid rgba(255,178,106,.35);border-radius:50%;background:radial-gradient(circle,rgba(255,151,84,.18),rgba(155,131,255,.07) 55%,transparent 70%);box-shadow:0 0 55px rgba(255,133,83,.13),inset 0 0 35px rgba(255,255,255,.04);animation:academy-world-float 3s ease-in-out infinite}.academy-world-orbit{position:absolute;inset:-9px;border:1px dashed rgba(255,181,118,.42);border-radius:50%;animation:academy-world-spin 8s linear infinite}.academy-world-core{display:grid;place-items:center;width:86px;height:86px;border-radius:50%;font:900 23px/1 var(--display);letter-spacing:2px;color:#fff1d2;background:linear-gradient(145deg,#ffb16c,#7e3e38 65%,#241c2c);box-shadow:inset 0 0 0 4px rgba(255,255,255,.13),0 0 30px rgba(255,143,80,.25)}.academy-world-bolt{position:absolute;top:8px;right:22px;font-size:32px;color:#fff1b4;text-shadow:0 0 18px #ffb34f;animation:academy-world-flash 1.8s infinite}.academy-world-spark{position:absolute;color:#ffe7a7;text-shadow:0 0 12px #ffb45c;animation:academy-world-sparkle 1.6s ease-in-out infinite}.academy-world-spark-a{left:13px;top:34px}.academy-world-spark-b{right:10px;bottom:26px;animation-delay:.7s}@keyframes academy-world-spin{to{transform:rotate(360deg)}}@keyframes academy-world-float{50%{transform:translateY(-5px)}}@keyframes academy-world-flash{0%,70%,100%{opacity:.65}75%{opacity:1;transform:scale(1.3)}}@keyframes academy-world-sparkle{50%{opacity:.25;transform:scale(.65) rotate(30deg)}}.academy-world-kicker{font-size:9px;letter-spacing:2.2px;color:#ffb58e;font-weight:900}.academy-world-choice h3{font:800 clamp(24px,4vw,38px)/1.2 var(--display);letter-spacing:-1px;margin:11px 0 7px}.academy-world-choice h3 em{font-style:normal;color:#ff9b72}.academy-world-description{font-size:12px;color:#9297a4;margin:0 0 23px}.academy-world-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:840px;margin:0 auto 19px}.academy-world-option{position:relative;isolation:isolate;min-height:145px;padding:18px 13px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:linear-gradient(145deg,rgba(24,27,37,.96),rgba(12,14,20,.98));color:#f5f2ee;text-align:left;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;animation:academy-world-option-in .55s both;animation-delay:calc(var(--world-index,0)*.12s)}@keyframes academy-world-option-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.academy-world-option:before{content:"";position:absolute;z-index:-1;width:130px;height:130px;border:1px solid rgba(255,156,105,.15);border-radius:50%;right:-48px;bottom:-64px;box-shadow:0 0 0 12px rgba(255,255,255,.015),0 0 0 25px rgba(255,255,255,.012);transition:transform .35s}.academy-world-option:hover,.academy-world-option.is-selected{transform:translateY(-4px);border-color:rgba(255,158,111,.65);box-shadow:0 12px 35px rgba(255,115,77,.12)}.academy-world-option:hover:before,.academy-world-option.is-selected:before{transform:scale(1.3) rotate(35deg)}.academy-world-number{display:grid;place-items:center;width:30px;height:30px;margin-bottom:14px;border:1px solid rgba(255,163,115,.35);border-radius:50%;font:700 10px var(--display);color:#ffb28e;transition:transform .45s}.academy-world-option.is-selected .academy-world-number{transform:rotate(360deg);background:rgba(255,140,96,.15)}.academy-world-option-name,.academy-world-option-note{display:block}.academy-world-option-name{font:800 11px var(--display);letter-spacing:.25px}.academy-world-option-note{font-size:10px;color:#888e9b;margin-top:7px;line-height:1.5}.academy-world-result{width:min(440px,100%);margin:15px auto 18px;padding:22px;border:1px solid rgba(255,158,111,.22);border-radius:15px;background:linear-gradient(140deg,rgba(255,135,91,.08),rgba(155,131,255,.05));animation:academy-world-arrive .55s both}.academy-search-orbit{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 13px;border:1px solid rgba(255,170,120,.4);border-radius:50%;position:relative}.academy-search-orbit:before,.academy-search-orbit:after{content:"";position:absolute;border:1px solid rgba(255,170,120,.24);border-radius:50%;inset:-7px;animation:academy-world-spin 3s linear infinite}.academy-search-orbit:after{inset:7px;animation-direction:reverse}.academy-search-orbit i{width:14px;height:14px;border-radius:50%;background:#ff9d72;box-shadow:0 0 20px #ff9d72}.academy-world-result b{font:800 13px var(--display);letter-spacing:.5px;color:#ffb18b}.academy-world-result p{margin:8px 0 0;color:#9297a4;font-size:11px}.academy-world-result.is-searching{animation:academy-world-arrive .5s both}.academy-world-choice>.academy-team-return-button{margin-top:2px}@media(max-width:650px){.academy-world-options{grid-template-columns:1fr}.academy-world-option{min-height:100px}.academy-world-arrival{height:120px;width:120px}.academy-world-core{width:70px;height:70px}.academy-world-choice{padding-left:0;padding-right:0}}@media(prefers-reduced-motion:reduce){.academy-nav-button:after,.academy-nav-label strong:after,.academy-world-choice,.academy-world-arrival,.academy-world-orbit,.academy-world-bolt,.academy-world-spark,.academy-world-option,.academy-search-orbit:before,.academy-search-orbit:after{animation:none!important;transition:none!important}}

/* V79 — monochrome circular destination selector inspired by the supplied reference. */
.academy-world-choice{--world-accent:#aeb7c2;--world-glow:rgba(177,190,205,.2)}
.academy-world-arrival{filter:grayscale(1);}
.academy-world-bolt,.academy-world-core{color:#d5dbe2!important;text-shadow:0 0 20px rgba(200,210,220,.28)!important}
.academy-world-orbit{border-color:rgba(176,190,205,.38)!important;box-shadow:0 0 0 8px rgba(170,183,198,.025),0 0 24px rgba(180,195,210,.09)!important}
.academy-world-spark{color:#b7c0ca!important}
.academy-world-option{border-color:rgba(175,187,201,.24)!important;background:linear-gradient(145deg,rgba(92,102,114,.19),rgba(18,21,27,.92))!important;transition:transform .35s ease,border-color .35s ease,background .35s ease,box-shadow .35s ease!important}
.academy-world-option:hover,.academy-world-option:focus-visible{border-color:rgba(215,224,233,.7)!important;box-shadow:0 0 28px rgba(175,190,205,.13)!important;transform:translateY(-4px) scale(1.015)!important}
.academy-world-number{color:#c5ced8!important;border-color:rgba(183,195,208,.28)!important}
.academy-world-option-name{color:#edf0f4!important}
.academy-world-option-note{color:#9aa5b2!important}
/* The three pro-player paths use the same orbit-inspired, monochrome treatment. */
.pro-role-tabs{position:relative;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;padding:28px 18px!important;margin:24px auto 28px!important;max-width:850px;border:1px solid rgba(177,190,205,.22);border-radius:50% / 42%;background:radial-gradient(ellipse at center,rgba(160,174,190,.09),rgba(12,15,20,.15) 58%,transparent 72%)}
.pro-role-tabs:before,.pro-role-tabs:after{content:"";position:absolute;inset:5px 7%;border:1px solid rgba(180,194,208,.18);border-radius:50%;pointer-events:none;animation:skgOrbitSpin 24s linear infinite}
.pro-role-tabs:after{inset:-7px 3%;border-style:dashed;opacity:.55;animation-direction:reverse;animation-duration:36s}
.pro-role-tab{position:relative;z-index:1;min-height:86px!important;padding:14px 10px!important;border:1px solid rgba(178,191,205,.24)!important;border-radius:50%!important;background:rgba(35,41,49,.92)!important;color:#d8dee5!important;font-size:clamp(8px,.85vw,11px)!important;letter-spacing:.08em;line-height:1.5;box-shadow:0 0 20px rgba(0,0,0,.16);transition:all .35s ease!important}
.pro-role-tab:hover,.pro-role-tab.is-active{border-color:#c7d0da!important;background:radial-gradient(circle at 35% 25%,#606b77,#242a32 68%)!important;color:#fff!important;box-shadow:0 0 24px rgba(183,196,210,.18),inset 0 0 16px rgba(230,237,244,.06)!important;transform:scale(1.06)}
@keyframes skgOrbitSpin{to{transform:rotate(360deg)}}
@media(max-width:600px){.pro-role-tabs{gap:5px!important;padding:20px 7px!important}.pro-role-tab{min-height:75px!important;padding:8px 5px!important;font-size:8px!important}.academy-world-options{gap:10px}}

/* V80 — reference-matched grey orbital selectors for SKG roster and pro paths. */
.academy-world-choice{max-width:820px!important;padding-top:10px!important;color:#d4dbe3}
.academy-world-arrival{width:0!important;height:0!important;margin:0 auto!important;border:0!important;background:none!important;box-shadow:none!important;animation:none!important}
.academy-world-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px!important;height:70px!important;background:#252b33!important;color:#d7dde4!important;font-size:19px!important;border:1px solid #697481;box-shadow:0 0 0 8px rgba(150,163,177,.04),0 0 0 18px rgba(150,163,177,.025)!important}
.academy-world-orbit{position:absolute!important;inset:auto!important;left:50%!important;top:50%!important;width:300px!important;height:300px!important;transform:translate(-50%,-50%)!important;border:2px solid rgba(202,211,221,.78)!important;border-radius:50%!important;animation:skgOrbitSpin 22s linear infinite!important}
.academy-world-arrival:after{content:"";position:absolute;left:50%;top:50%;width:326px;height:326px;transform:translate(-50%,-50%);border:1px dashed rgba(164,177,192,.34);border-radius:50%;animation:skgOrbitSpin 32s linear infinite reverse}
.academy-world-bolt{display:none!important}.academy-world-spark{display:none!important}
.academy-world-options{position:relative!important;display:block!important;width:370px!important;height:370px!important;max-width:100%!important;margin:22px auto 15px!important}
.academy-world-option{position:absolute!important;width:104px!important;height:104px!important;min-height:104px!important;padding:10px!important;border-radius:50%!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;background:radial-gradient(circle at 35% 25%,#343c46,#171b21 70%)!important;border:1px solid rgba(196,207,219,.65)!important;box-shadow:0 0 0 7px rgba(170,184,198,.035),0 0 25px rgba(0,0,0,.28)!important}
.academy-world-option:nth-child(1){left:calc(50% - 52px);top:-4px}.academy-world-option:nth-child(2){left:calc(100% - 104px);top:calc(62% - 52px)}.academy-world-option:nth-child(3){left:0;top:calc(62% - 52px)}
.academy-world-option:before{display:none!important}.academy-world-number{width:23px!important;height:23px!important;margin:0!important;font-size:8px!important}.academy-world-option-name{font-size:9px!important;line-height:1.35!important;max-width:82px}.academy-world-option-note{display:none!important}.academy-world-option:hover,.academy-world-option.is-selected{transform:scale(1.08)!important;border-color:#edf2f7!important;background:radial-gradient(circle at 35% 25%,#697582,#252b33 70%)!important;box-shadow:0 0 0 8px rgba(190,202,215,.06),0 0 30px rgba(196,207,219,.18)!important}
.academy-world-choice .academy-world-kicker,.academy-world-choice h3,.academy-world-choice .academy-world-description{color:#aeb8c4!important}.academy-world-choice h3 em{color:#e0e5eb!important}.academy-world-result{border-color:rgba(190,202,215,.25)!important;background:rgba(130,145,160,.07)!important}.academy-world-result b{color:#d8dfe7!important}.academy-search-orbit i{background:#c7d0da!important;box-shadow:0 0 20px #c7d0da!important}
.skg-path-orbit-menu{position:relative;width:min(390px,100%);height:390px;margin:18px auto 25px;display:block;isolation:isolate;animation:academy-world-arrive .65s both}
.skg-path-orbit-ring{position:absolute;left:50%;top:50%;width:300px;height:300px;transform:translate(-50%,-50%);border:2px solid rgba(205,214,223,.75);border-radius:50%;pointer-events:none;animation:skgOrbitSpin 22s linear infinite}
.skg-path-orbit-ring-b{width:330px;height:330px;border:1px dashed rgba(164,177,192,.36);animation-duration:34s;animation-direction:reverse}
.skg-path-orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#252b33;border:1px solid #7b8794;color:#e2e7ed;font:900 18px var(--display);box-shadow:0 0 0 9px rgba(170,184,198,.035),0 0 0 19px rgba(170,184,198,.025)}
.skg-path-orbit-core small{font:700 6px var(--font);letter-spacing:1px;color:#9da8b4;margin-top:5px}
.skg-path-orbit-choice{position:absolute;z-index:2;width:106px;height:106px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:10px;border:1px solid rgba(196,207,219,.62);background:radial-gradient(circle at 35% 25%,#343c46,#171b21 70%);color:#d9e0e7;box-shadow:0 0 0 7px rgba(170,184,198,.035);cursor:pointer;transition:transform .3s,border-color .3s,box-shadow .3s}
.skg-path-orbit-choice b{font:800 9px var(--display);color:#9faab6}.skg-path-orbit-choice span{font:800 8px/1.35 var(--font);letter-spacing:.05em;max-width:84px}.skg-path-orbit-choice.path-free{left:calc(50% - 53px);top:0}.skg-path-orbit-choice.path-coach{right:0;top:calc(61% - 53px)}.skg-path-orbit-choice.path-elo{left:calc(50% - 53px);bottom:0}.skg-path-orbit-choice.path-month{left:0;top:calc(61% - 53px)}
.skg-path-orbit-choice:hover,.skg-path-orbit-choice.is-selected{transform:scale(1.08);border-color:#eef2f6;background:radial-gradient(circle at 35% 25%,#697582,#252b33 70%);box-shadow:0 0 0 8px rgba(190,202,215,.06),0 0 30px rgba(196,207,219,.18);color:#fff}
.pro-role-workspace-window .pro-role-tabs:not(.hidden),.pro-role-workspace-window .pro-role-panels:not(.hidden){animation:academy-world-arrive .45s both}
@media(max-width:560px){.academy-world-options{width:310px!important;height:310px!important}.academy-world-orbit{width:250px!important;height:250px!important}.academy-world-arrival:after{width:275px;height:275px}.academy-world-option{width:88px!important;height:88px!important;min-height:88px!important}.academy-world-option:nth-child(1){left:calc(50% - 44px)}.academy-world-option:nth-child(2){left:calc(100% - 88px);top:calc(62% - 44px)}.academy-world-option:nth-child(3){top:calc(62% - 44px)}.skg-path-orbit-menu{height:320px}.skg-path-orbit-ring{width:245px;height:245px}.skg-path-orbit-ring-b{width:275px;height:275px}.skg-path-orbit-choice{width:88px;height:88px}.skg-path-orbit-choice.path-free{left:calc(50% - 44px)}.skg-path-orbit-choice.path-coach{top:calc(61% - 44px)}.skg-path-orbit-choice.path-elo{left:calc(50% - 44px)}.skg-path-orbit-choice.path-month{top:calc(61% - 44px)}}

/* V81 — two-column reference-style orbit navigation with click-to-select, click-again-to-open. */
:root{--skg-orbit-ink:#12161c;--skg-orbit-surface:#1a2028;--skg-orbit-line:#aab4c0;--skg-orbit-soft:#737f8e;--skg-orbit-text:#e4e9ef}
.academy-world-choice{width:100%!important;max-width:none!important;padding:8px 0 4px!important;text-align:left!important;overflow:visible!important;color:#d4dbe3!important}
.academy-world-heading{margin:0 0 18px;text-align:left}
.academy-world-choice .academy-world-kicker{display:block;color:#8e9aa8!important;font-size:8px!important;letter-spacing:3px!important}
.academy-world-choice h3{margin:8px 0 5px!important;font-size:clamp(22px,3vw,31px)!important;color:#e5e9ef!important;letter-spacing:1px!important}
.academy-world-choice h3 em{color:#9da8b5!important}
.academy-world-choice .academy-world-description{margin:0!important;font-size:11px!important;color:#727e8c!important;line-height:1.6!important}
.academy-world-selector-layout{display:grid;grid-template-columns:minmax(225px,.8fr) minmax(310px,1.2fr);align-items:center;gap:clamp(16px,3.2vw,48px);width:100%;}
.academy-world-options{display:flex!important;flex-direction:column!important;gap:13px!important;width:auto!important;height:auto!important;max-width:none!important;margin:0!important;position:relative!important}
.academy-world-option{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;height:auto!important;min-height:67px!important;padding:12px 13px!important;display:grid!important;grid-template-columns:30px minmax(0,1fr) 15px!important;align-items:center!important;gap:12px!important;border-radius:2px!important;text-align:left!important;background:transparent!important;border:0!important;border-left:2px solid transparent!important;box-shadow:none!important;transform:none!important;animation:academy-world-option-in .5s both!important;animation-delay:calc(var(--world-index,0)*.09s)!important;color:#cbd2dc!important;overflow:visible!important}
.academy-world-option:nth-child(1),.academy-world-option:nth-child(2),.academy-world-option:nth-child(3){left:auto!important;top:auto!important;right:auto!important;bottom:auto!important}
.academy-world-option:before{display:none!important}
.academy-world-number{width:25px!important;height:25px!important;margin:0!important;border:1px solid rgba(166,179,193,.25)!important;color:#8c99a7!important;font-size:8px!important;transition:transform .6s ease,background .4s ease!important}
.academy-world-option-copy{display:block;min-width:0}
.academy-world-option-name{display:block!important;color:#b8c2ce!important;font:500 14px/1.2 var(--font)!important;letter-spacing:.25px!important;max-width:none!important}
.academy-world-option-note{display:block!important;margin-top:5px!important;color:#5e6977!important;font-size:10px!important;line-height:1.45!important}
.academy-world-option-arrow{opacity:0;color:#e5eaf0;transition:opacity .25s,transform .25s;font-size:17px}
.academy-world-option:hover,.academy-world-option:focus-visible,.academy-world-option.is-selected{transform:translateX(4px)!important;background:linear-gradient(90deg,rgba(167,180,195,.09),transparent 90%)!important;border-left-color:#a8b3c0!important;box-shadow:none!important;border-color:transparent!important;border-left-color:#a8b3c0!important}
.academy-world-option:hover .academy-world-option-arrow,.academy-world-option.is-selected .academy-world-option-arrow{opacity:1;transform:translateX(1px)}
.academy-world-option.is-selected .academy-world-number{transform:rotate(360deg);background:#c0cad5!important;color:#151a20!important;border-color:#dbe2e9!important}
.academy-world-option.is-selected .academy-world-option-name{color:#f1f4f8!important}
.academy-world-orbit-stage{position:relative;isolation:isolate;width:min(100%,410px);height:390px;margin:0 auto;display:block;overflow:visible}
.academy-world-orbit-stage:before{content:"";position:absolute;left:50%;top:50%;width:260px;height:260px;transform:translate(-50%,-50%);border:1px solid rgba(198,208,219,.76);border-radius:50%;box-shadow:0 0 0 5px rgba(179,191,204,.025),0 0 22px rgba(188,199,212,.055);pointer-events:none}
.academy-world-orbit-track{position:absolute;left:50%;top:50%;width:288px;height:288px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}
.academy-world-orbit-track-a{border:2px solid transparent;border-top-color:rgba(225,231,237,.95);border-bottom-color:rgba(225,231,237,.95);filter:drop-shadow(0 0 3px rgba(208,218,228,.25));animation:skgOrbitSpin 15s linear infinite}
.academy-world-orbit-track-b{width:318px;height:318px;border:1px dashed rgba(147,160,175,.54);animation:skgOrbitSpin 28s linear infinite reverse}
.academy-world-orbit-ticks,.skg-path-orbit-ticks{position:absolute;left:50%;top:50%;width:348px;height:348px;transform:translate(-50%,-50%);border-radius:50%;background:repeating-conic-gradient(from -1deg,rgba(153,168,184,.58) 0deg .35deg,transparent .35deg 1.9deg);-webkit-mask:radial-gradient(circle,transparent 62%,#000 63% 67%,transparent 68%);mask:radial-gradient(circle,transparent 62%,#000 63% 67%,transparent 68%);opacity:.7;pointer-events:none;animation:skgOrbitSpin 36s linear infinite reverse}
.academy-world-orbit-core,.skg-path-orbit-core{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:85px;height:85px;border:1px solid rgba(183,196,208,.58);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:radial-gradient(circle at 35% 25%,#343c46,#171b21 72%);color:#e5ebf1;box-shadow:0 0 0 8px rgba(170,184,198,.035),0 0 0 17px rgba(170,184,198,.02),0 0 34px rgba(166,181,197,.11)}
.academy-world-orbit-core b,.skg-path-orbit-core b{font:900 19px var(--display);letter-spacing:2px}
.academy-world-orbit-core small,.skg-path-orbit-core small{max-width:70px;text-align:center;font:700 6px/1.35 var(--font);letter-spacing:.8px;color:#9eabb9;text-transform:uppercase}
.academy-world-orbit-node,.skg-path-orbit-node{position:absolute;z-index:2;width:94px;height:94px;border:1px solid rgba(178,191,205,.54);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:9px;text-align:center;color:#bac5d0;background:radial-gradient(circle at 33% 25%,#313943,#141920 72%);box-shadow:0 0 0 7px rgba(162,176,191,.035),0 8px 22px rgba(0,0,0,.17);transition:left .62s cubic-bezier(.2,.8,.2,1),right .62s cubic-bezier(.2,.8,.2,1),top .62s cubic-bezier(.2,.8,.2,1),bottom .62s cubic-bezier(.2,.8,.2,1),transform .62s cubic-bezier(.2,.8,.2,1),border-color .3s,background .3s,box-shadow .3s;pointer-events:none}
.academy-world-orbit-node span,.skg-path-orbit-node b{display:block;font:700 7px var(--display);letter-spacing:1px;color:#83909f}
.academy-world-orbit-node b,.skg-path-orbit-node span{font:800 8px/1.35 var(--font);letter-spacing:.25px;color:#cbd3dc}
.academy-world-orbit-node.orbit-top,.skg-path-orbit-node.orbit-top{left:50%;top:0;right:auto;bottom:auto;transform:translateX(-50%)}
.academy-world-orbit-node.orbit-right,.skg-path-orbit-node.orbit-right{left:auto;right:0;top:60%;bottom:auto;transform:translateY(-50%)}
.academy-world-orbit-node.orbit-left,.skg-path-orbit-node.orbit-left{left:0;right:auto;top:60%;bottom:auto;transform:translateY(-50%)}
.academy-world-orbit-node.orbit-bottom,.skg-path-orbit-node.orbit-bottom{left:50%;right:auto;top:auto;bottom:0;transform:translateX(-50%)}
.academy-world-orbit-node.is-current,.skg-path-orbit-node.is-current{border-color:#edf1f5;background:radial-gradient(circle at 35% 25%,#697582,#252b33 72%);color:#fff;box-shadow:0 0 0 8px rgba(190,202,215,.07),0 0 28px rgba(196,207,219,.16),0 10px 24px rgba(0,0,0,.2);transform:translateY(-2px) scale(1.06)}
.academy-world-orbit-node.orbit-top.is-current,.skg-path-orbit-node.orbit-top.is-current{transform:translateX(-50%) translateY(-2px) scale(1.06)}
.academy-world-orbit-hint,.skg-path-orbit-hint{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);white-space:nowrap;color:#65717e;font:700 7px var(--font);letter-spacing:1.3px;text-align:center}
.academy-world-choice.is-shifting .academy-world-orbit-track-a,.skg-path-orbit-menu.is-shifting .skg-path-orbit-ring-a{animation:skgSelectSpin .72s cubic-bezier(.15,.82,.2,1) both}
.academy-world-choice.is-shifting .academy-world-orbit-ticks,.skg-path-orbit-menu.is-shifting .skg-path-orbit-ticks{animation:skgSelectSpin .72s cubic-bezier(.15,.82,.2,1) both}
@keyframes skgSelectSpin{0%{rotate:0deg}65%{rotate:205deg}100%{rotate:360deg}}
.academy-world-choice .academy-world-result{width:min(440px,100%);margin:18px auto 10px;border:1px solid rgba(190,202,215,.25)!important;border-radius:3px!important;background:rgba(130,145,160,.07)!important;text-align:center}
.academy-world-choice .academy-world-result b{color:#e2e8ef!important;font:800 13px var(--display)!important;letter-spacing:.7px}
.academy-world-choice .academy-world-result p{color:#99a4b1!important}
.academy-world-choice>.academy-team-return-button{display:block;margin:12px 0 0 auto!important}
/* Pro selector uses the same left-nav + inert orbit labels as roster selection. */
.pro-player-result-window.pro-role-workspace-window{width:min(1120px,95vw)!important;max-height:91vh!important}
.skg-path-orbit-menu{display:grid!important;grid-template-columns:minmax(230px,.82fr) minmax(340px,1.18fr);align-items:center;gap:clamp(14px,3vw,38px);width:100%!important;height:auto!important;min-height:395px;margin:18px 0 16px!important;animation:academy-world-arrive .65s both}
.skg-path-menu-copy{min-width:0;text-align:left}
.skg-path-overline{display:block;color:#8998a8;font:800 8px var(--font);letter-spacing:2.5px;margin-bottom:9px}
.skg-path-menu-copy h3{margin:0 0 8px;color:#e8edf3;font:800 clamp(22px,2.7vw,31px)/1.1 var(--display);letter-spacing:-.6px}
.skg-path-menu-copy h3 em{color:#a8b4c1;font-style:normal}
.skg-path-menu-copy>p{margin:0 0 20px;color:#788595;font-size:10px;line-height:1.7}
.skg-path-menu-options{display:flex;flex-direction:column;gap:9px}
.skg-path-menu-option{width:100%;min-height:64px;display:grid;grid-template-columns:29px minmax(0,1fr) 14px;gap:11px;align-items:center;padding:10px 11px;border:0;border-left:2px solid transparent;border-radius:2px;background:transparent;color:#cbd4de;text-align:left;cursor:pointer;transition:background .25s,border-color .25s,transform .25s}
.skg-path-menu-option>b{width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(165,181,198,.28);border-radius:50%;font:700 8px var(--display);color:#8f9cac;transition:transform .5s,background .3s}
.skg-path-menu-option>span{display:flex;flex-direction:column;gap:5px;min-width:0}
.skg-path-menu-option strong{font:600 12px/1.2 var(--font);letter-spacing:.15px;color:#b8c4d0}
.skg-path-menu-option small{font:400 9px/1.4 var(--font);color:#687584}
.skg-path-menu-option>i{font-style:normal;opacity:0;color:#edf2f7;transition:opacity .2s,transform .2s}
.skg-path-menu-option:hover,.skg-path-menu-option:focus-visible,.skg-path-menu-option.is-selected{background:linear-gradient(90deg,rgba(167,180,195,.09),transparent 95%);border-left-color:#a8b3c0;transform:translateX(4px);outline:none}
.skg-path-menu-option:hover>i,.skg-path-menu-option.is-selected>i{opacity:1;transform:translateX(1px)}
.skg-path-menu-option.is-selected>b{transform:rotate(360deg);background:#c0cad5;color:#151a20;border-color:#e0e7ee}
.skg-path-menu-option.is-selected strong{color:#f2f5f8}
.skg-path-orbit-stage{position:relative;isolation:isolate;width:min(100%,420px);height:400px;margin:0 auto;display:block}
.skg-path-orbit-ring{left:50%;top:50%;width:290px;height:290px;transform:translate(-50%,-50%);border:2px solid transparent;border-top-color:rgba(225,231,237,.95);border-bottom-color:rgba(225,231,237,.95);filter:drop-shadow(0 0 3px rgba(208,218,228,.25));animation:skgOrbitSpin 16s linear infinite}
.skg-path-orbit-ring-b{width:322px;height:322px;border:1px dashed rgba(147,160,175,.54);animation:skgOrbitSpin 28s linear infinite reverse;filter:none}
.skg-path-orbit-core{width:86px;height:86px}
.skg-path-orbit-node{width:96px;height:96px}
.skg-path-orbit-node.orbit-top{left:50%;top:0;right:auto;bottom:auto;transform:translateX(-50%)}
.skg-path-orbit-node.orbit-right{left:auto;right:0;top:50%;bottom:auto;transform:translateY(-50%)}
.skg-path-orbit-node.orbit-bottom{left:50%;right:auto;top:auto;bottom:0;transform:translateX(-50%)}
.skg-path-orbit-node.orbit-left{left:0;right:auto;top:50%;bottom:auto;transform:translateY(-50%)}
.skg-path-orbit-node.is-current{transform:scale(1.06);border-color:#edf1f5;background:radial-gradient(circle at 35% 25%,#697582,#252b33 72%);box-shadow:0 0 0 8px rgba(190,202,215,.07),0 0 28px rgba(196,207,219,.16)}
.skg-path-orbit-node.orbit-top.is-current{transform:translateX(-50%) scale(1.06)}
.pro-role-workspace-window .pro-role-tabs.hidden,.pro-role-workspace-window .pro-role-panels.hidden{display:none!important}
.pro-role-workspace-window .pro-role-panels{margin-top:12px}
.pro-role-workspace-window .pro-role-tab-panel{animation:academy-world-arrive .38s both}
@media(max-width:900px){.academy-world-selector-layout,.skg-path-orbit-menu{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}.academy-world-heading{text-align:center}.academy-world-options{order:2}.academy-world-orbit-stage,.skg-path-orbit-stage{order:1}.skg-path-menu-copy{order:2}.skg-path-orbit-stage{height:365px;max-width:390px}.academy-world-orbit-stage{height:355px;max-width:380px}.academy-world-orbit-track-a{width:245px;height:245px}.academy-world-orbit-track-b{width:272px;height:272px}.academy-world-orbit-stage:before{width:225px;height:225px}.academy-world-orbit-ticks{width:300px;height:300px}.academy-world-orbit-node,.skg-path-orbit-node{width:82px;height:82px}.academy-world-orbit-node.orbit-right{right:0}.academy-world-orbit-node.orbit-left{left:0}.skg-path-orbit-ring{width:250px;height:250px}.skg-path-orbit-ring-b{width:278px;height:278px}.skg-path-orbit-ticks{width:300px;height:300px}}
@media(max-width:560px){.academy-world-selector-layout{grid-template-columns:1fr!important}.academy-world-orbit-stage{height:300px;width:100%;max-width:310px}.academy-world-orbit-track-a{width:205px;height:205px}.academy-world-orbit-track-b{width:228px;height:228px}.academy-world-orbit-stage:before{width:185px;height:185px}.academy-world-orbit-ticks{width:252px;height:252px}.academy-world-orbit-core{width:66px;height:66px}.academy-world-orbit-core b{font-size:15px}.academy-world-orbit-node,.skg-path-orbit-node{width:74px;height:74px;padding:6px}.academy-world-orbit-node b,.skg-path-orbit-node span{font-size:7px}.skg-path-orbit-menu{grid-template-columns:1fr!important;min-height:0!important}.skg-path-orbit-stage{height:300px;max-width:310px}.skg-path-orbit-ring{width:205px;height:205px}.skg-path-orbit-ring-b{width:228px;height:228px}.skg-path-orbit-ticks{width:252px;height:252px}.skg-path-orbit-core{width:66px;height:66px}.skg-path-menu-copy h3{font-size:24px}.skg-path-menu-option{min-height:57px}.pro-player-result-window.pro-role-workspace-window{width:96vw!important;padding:20px 14px!important}.academy-world-orbit-hint,.skg-path-orbit-hint{font-size:6px;letter-spacing:.7px}}
.academy-world-orbit-node.orbit-right.is-current{transform:translateY(-50%) scale(1.06)}
.academy-world-orbit-node.orbit-left.is-current{transform:translateY(-50%) scale(1.06)}
.skg-path-orbit-node.orbit-right.is-current{transform:translateY(-50%) scale(1.06)}
.skg-path-orbit-node.orbit-left.is-current{transform:translateY(-50%) scale(1.06)}
.skg-path-orbit-node.orbit-bottom.is-current{transform:translateX(-50%) scale(1.06)}


/* V82 polish: points chip theme colors, star motion, stable selector spin, and watch-party cube spacing */
.coin-mini{background:rgba(153,163,176,.17);color:#b8c1cc;animation:skgPointsStarPulse 2.8s ease-in-out infinite;transform-origin:center}
@keyframes skgPointsStarPulse{0%,100%{transform:rotate(0) scale(1);filter:drop-shadow(0 0 0 rgba(184,193,204,0))}50%{transform:rotate(18deg) scale(1.09);filter:drop-shadow(0 0 7px rgba(184,193,204,.42))}}
html[data-skg-theme="dark"] .coin-mini{background:rgba(154,164,177,.19)!important;color:#c0c7d0!important}
html[data-skg-theme="light"] .coin-mini{background:rgba(255,129,92,.15)!important;color:#ffb38c!important}
html[data-skg-theme="special"] .coin-mini{background:rgba(106,211,255,.22)!important;color:#9ce8ff!important;box-shadow:inset 0 0 0 1px rgba(120,220,255,.15)}
.academy-world-choice.is-shifting .academy-world-orbit-track-a,.academy-world-choice.is-shifting .academy-world-orbit-ticks,.skg-path-orbit-menu.is-shifting .skg-path-orbit-ring-a,.skg-path-orbit-menu.is-shifting .skg-path-orbit-ticks{animation:skgSelectSpin .72s cubic-bezier(.15,.82,.2,1) both!important}
.watching-party-cube-launch{box-sizing:border-box;overflow:hidden;min-width:0;min-height:0;gap:0;padding:10px 14px 18px!important}
.watching-cube-stage{min-width:0;min-height:0;overflow:visible}
.watching-cube{flex-shrink:0;transform-origin:center center}
.watching-cube-face{box-sizing:border-box}
@media(prefers-reduced-motion:reduce){.coin-mini{animation:none!important}}


/* V83 polish: SKG Esports naming, no trophy burst, points styling, profile language menu and immersive Watch Party zoom. */
.academy-nav-button:after{content:none!important;display:none!important;animation:none!important}
.profile-dropdown .app-language-switcher{display:block!important;position:relative!important;z-index:45!important;flex:initial!important;align-self:stretch!important;width:auto!important;margin:8px 0 0!important;padding:10px 10px 4px!important;border-top:1px solid rgba(255,255,255,.12)!important}
.profile-dropdown .app-language-switcher .language-trigger{display:flex!important;width:100%!important;justify-content:flex-start!important;min-height:36px!important;padding:0 11px!important;background:#202024!important;border:1px solid #3b3b42!important;border-radius:8px!important;color:#e6e7eb!important;box-shadow:none!important}
.profile-dropdown .app-language-switcher .language-trigger:hover{background:#2c2c32!important;border-color:#5a5a64!important}
.profile-dropdown .app-language-switcher .language-menu{position:static!important;right:auto!important;top:auto!important;display:grid;min-width:0!important;width:100%!important;margin-top:6px!important;padding:4px!important;border-radius:8px!important;box-shadow:none!important}
html[data-skg-theme="light"] .profile-dropdown .app-language-switcher{border-top-color:rgba(105,75,48,.16)!important}
html[data-skg-theme="light"] .profile-dropdown .app-language-switcher .language-trigger{background:#f7f4f1!important;border-color:#ead7c5!important;color:#6b4931!important}
html[data-skg-theme="special"] .profile-dropdown .app-language-switcher{border-top-color:rgba(143,224,255,.2)!important}
html[data-skg-theme="special"] .profile-dropdown .app-language-switcher .language-trigger{background:rgba(11,43,71,.95)!important;border-color:rgba(143,224,255,.36)!important;color:#dff8ff!important}
.coin-mini{background:rgba(153,163,176,.17)!important;color:#c6ccd4!important;animation:skgPointsStarPulse 2.4s ease-in-out infinite!important;transform-origin:center!important}
html[data-skg-theme="dark"] .coin-mini{background:#3d3f44!important;color:#d2d6dc!important;box-shadow:inset 0 0 0 1px rgba(230,234,240,.08)!important}
html[data-skg-theme="light"] .coin-mini{background:#ffead7!important;color:#e46a17!important;box-shadow:inset 0 0 0 1px rgba(228,106,23,.06)!important}
html[data-skg-theme="special"] .coin-mini{background:#d9f5ff!important;color:#1584b5!important;box-shadow:inset 0 0 0 1px rgba(21,132,181,.15),0 0 12px rgba(95,208,255,.12)!important}
/* The real cube is dimmed while a fixed 3D clone passes through the viewport, creating a true zoom-into-the-cube transition. */
.watching-party-cube-launch{overflow:visible!important;position:relative!important;z-index:2}
.watching-party-cube-launch.is-launching .watching-cube{opacity:.08!important;animation:none!important}
.watching-cube-zoom-flight{position:fixed!important;z-index:10050!important;display:grid!important;place-items:center!important;perspective:1050px!important;transform-origin:center center!important;pointer-events:none!important;will-change:transform,opacity!important;animation:watching-cube-flight-zoom 920ms cubic-bezier(.16,.72,.16,1) forwards!important}
.watching-cube-flight-object{position:relative!important;display:block!important;transform-style:preserve-3d!important;transform:rotateX(-19deg) rotateY(-25deg)!important;animation-name:watching-cube-flight-spin!important;animation-timing-function:cubic-bezier(.16,.72,.16,1)!important;animation-fill-mode:forwards!important}
@keyframes watching-cube-flight-zoom{0%{transform:scale(1);opacity:1}58%{transform:scale(4.5);opacity:1}82%{transform:scale(8.5);opacity:.96}100%{transform:scale(13);opacity:.18}}
@keyframes watching-cube-flight-spin{0%{transform:rotateX(-19deg) rotateY(-25deg) scale(1)}48%{transform:rotateX(0) rotateY(145deg) scale(1.12)}100%{transform:rotateX(0) rotateY(360deg) scale(1.25)}}
.watching-wall-media-placeholder{display:none!important}
@media(prefers-reduced-motion:reduce){.watching-cube-zoom-flight,.watching-cube-flight-object{animation-duration:.01ms!important}}


/* V84: reordered top-right controls and expanded SKG Esports world selector. */
.app-header-right{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  flex-wrap:nowrap!important;gap:10px!important;margin-left:auto!important;min-width:0;
}
.app-header-right>.header-avatar-display{order:0!important;flex:0 0 42px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;display:block!important;position:relative!important;overflow:hidden!important;border-radius:12px!important;padding:0!important;cursor:default!important;box-shadow:0 0 0 1px rgba(190,202,215,.14)!important}
.header-avatar-display img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important}
.app-header-right>.app-theme-switcher{order:1!important;flex:0 0 auto!important;margin:0 2px!important;align-self:center!important}
.app-header-right>.wallet-mini{order:2!important;flex:0 0 auto!important;min-width:112px!important;min-height:48px!important;margin:0!important;gap:10px!important;padding:8px 13px!important}
.app-header-right>.admin-shortcut{order:3!important;flex:0 0 auto!important}
.app-header-right>.profile-menu-wrap{order:4!important;flex:0 0 auto!important;position:relative!important}
.header-settings-button{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;padding:0!important;border:1px solid rgba(175,188,202,.24)!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(79,88,101,.26),rgba(21,25,32,.94))!important;color:#d8dfe7!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important;transition:background .2s,border-color .2s,transform .2s!important}
.header-settings-button:hover,.header-settings-button[aria-expanded="true"]{border-color:rgba(207,218,229,.6)!important;background:linear-gradient(145deg,rgba(111,123,139,.35),rgba(27,32,40,.98))!important;transform:translateY(-1px)!important}
.header-settings-lines{width:18px;height:16px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
.header-settings-lines i{height:2px;width:18px;border-radius:2px;background:currentColor;display:block;transition:width .2s,transform .2s}
.header-settings-lines i:nth-child(2){width:13px}.header-settings-lines i:nth-child(3){width:16px}
.header-settings-button:hover .header-settings-lines i:nth-child(2),.header-settings-button[aria-expanded="true"] .header-settings-lines i:nth-child(2){width:18px}
.profile-dropdown{right:0!important;top:calc(100% + 10px)!important;width:min(238px,calc(100vw - 24px))!important;max-height:min(80vh,560px)!important;overflow:visible!important;z-index:150!important;padding:9px!important}
.profile-dropdown .app-language-switcher{order:-1!important;margin:5px 0 9px!important;padding:0 0 10px!important;border-top:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
.profile-dropdown .app-language-switcher .language-trigger{width:100%!important;justify-content:flex-start!important}
.profile-dropdown .app-language-switcher .language-menu{z-index:160!important}
.wallet-mini.points-updated{animation:skgWalletPointsPulseV84 .85s cubic-bezier(.2,.85,.25,1.2)}
@keyframes skgWalletPointsPulseV84{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(190,202,215,0)}35%{transform:scale(1.055);box-shadow:0 0 0 5px rgba(190,202,215,.12),0 0 24px rgba(190,202,215,.14)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(190,202,215,0)}}
html[data-skg-theme="light"] .header-settings-button{background:linear-gradient(145deg,#fff,#f2f0f8)!important;border-color:#ded9eb!important;color:#665b85!important}
html[data-skg-theme="light"] .header-settings-button:hover,html[data-skg-theme="light"] .header-settings-button[aria-expanded="true"]{background:#ece7fa!important;border-color:#c5b9e7!important}
html[data-skg-theme="light"] .profile-dropdown .app-language-switcher{border-bottom-color:rgba(95,82,135,.18)!important}
html[data-skg-theme="special"] .header-settings-button{background:linear-gradient(145deg,rgba(18,67,99,.72),rgba(5,20,37,.98))!important;border-color:rgba(125,218,255,.4)!important;color:#c8f3ff!important;box-shadow:0 0 16px rgba(72,194,255,.07)!important}
html[data-skg-theme="special"] .header-settings-button:hover,html[data-skg-theme="special"] .header-settings-button[aria-expanded="true"]{border-color:rgba(159,233,255,.75)!important;background:rgba(23,88,123,.75)!important}

/* The destination window and its left-side options/right-side orbit get more room. */
#academyMembersOverlay .academy-members-window:has(#academyWorldChoice:not(.hidden)){
  width:min(1340px,98vw)!important;max-width:1340px!important;max-height:96dvh!important;
  padding:clamp(22px,3vw,42px)!important;
}
#academyMembersOverlay #academyWorldChoice{width:100%!important;max-width:1250px!important;margin:0 auto!important;padding:22px clamp(6px,1.4vw,20px) 14px!important;overflow:visible!important}
#academyMembersOverlay .academy-world-choice h3{font-size:clamp(30px,3.6vw,48px)!important;margin:13px 0 9px!important}
#academyMembersOverlay .academy-world-description{font-size:13px!important;margin-bottom:28px!important}
#academyMembersOverlay .academy-world-selector-layout{grid-template-columns:minmax(310px,.86fr) minmax(440px,1.14fr)!important;gap:clamp(28px,4vw,72px)!important;width:100%!important;max-width:1220px!important;min-height:480px!important;margin:4px auto 12px!important;align-items:center!important}
#academyMembersOverlay .academy-world-options{gap:14px!important}
#academyMembersOverlay .academy-world-option{min-height:88px!important;padding:16px 17px!important;grid-template-columns:36px minmax(0,1fr) 18px!important;gap:15px!important}
#academyMembersOverlay .academy-world-number{width:34px!important;height:34px!important;font-size:10px!important}
#academyMembersOverlay .academy-world-option-name{font-size:15px!important;line-height:1.35!important}
#academyMembersOverlay .academy-world-option-note{font-size:11px!important;line-height:1.55!important;margin-top:6px!important}
#academyMembersOverlay .academy-world-option-arrow{font-size:20px!important}
#academyMembersOverlay .academy-world-orbit-stage{width:min(100%,510px)!important;height:470px!important}
#academyMembersOverlay .academy-world-orbit-stage:before{width:310px!important;height:310px!important}
#academyMembersOverlay .academy-world-orbit-track{width:340px!important;height:340px!important}
#academyMembersOverlay .academy-world-orbit-track-b{width:374px!important;height:374px!important}
#academyMembersOverlay .academy-world-orbit-ticks{width:410px!important;height:410px!important}
#academyMembersOverlay .academy-world-orbit-core{width:100px!important;height:100px!important}
#academyMembersOverlay .academy-world-orbit-core b{font-size:23px!important}
#academyMembersOverlay .academy-world-orbit-core small{font-size:7px!important;max-width:82px!important}
#academyMembersOverlay .academy-world-orbit-node{width:110px!important;height:110px!important;gap:7px!important;padding:10px!important}
#academyMembersOverlay .academy-world-orbit-node span{font-size:8px!important}
#academyMembersOverlay .academy-world-orbit-node b{font-size:9px!important;line-height:1.4!important}
#academyMembersOverlay .academy-world-orbit-hint{font-size:8px!important;bottom:-12px!important}
@media(max-width:900px){
 .app-header-right{gap:7px!important}.app-header-right>.wallet-mini{min-width:98px!important;padding:7px 9px!important;gap:7px!important}
 #academyMembersOverlay .academy-members-window:has(#academyWorldChoice:not(.hidden)){width:min(96vw,760px)!important;padding:24px 18px!important}
 #academyMembersOverlay .academy-world-selector-layout{grid-template-columns:minmax(0,1fr)!important;gap:20px!important;min-height:0!important}
 #academyMembersOverlay .academy-world-orbit-stage{order:1;width:min(100%,460px)!important;height:430px!important}
 #academyMembersOverlay .academy-world-options{order:2;width:100%!important}
 #academyMembersOverlay .academy-world-orbit-track{width:300px!important;height:300px!important}
 #academyMembersOverlay .academy-world-orbit-track-b{width:330px!important;height:330px!important}
 #academyMembersOverlay .academy-world-orbit-stage:before{width:270px!important;height:270px!important}
 #academyMembersOverlay .academy-world-orbit-ticks{width:365px!important;height:365px!important}
 #academyMembersOverlay .academy-world-orbit-node{width:98px!important;height:98px!important}
}
@media(max-width:760px){
 .app-header-right{order:2!important;flex:1 1 100%!important;justify-content:flex-end!important;gap:6px!important;min-width:0!important;flex-wrap:nowrap!important}
 .app-header-right>.header-avatar-display{width:36px!important;height:36px!important;min-width:36px!important;flex-basis:36px!important}
 .app-header-right>.app-theme-switcher{margin:0!important}
 .app-header-right>.wallet-mini{min-width:91px!important;min-height:42px!important;padding:6px 8px!important}
 .header-settings-button{width:37px!important;height:37px!important;border-radius:10px!important}
 .wallet-mini small{font-size:7px!important;letter-spacing:.8px!important}
 .wallet-mini b{font-size:12px!important}
 #academyMembersOverlay .academy-world-selector-layout{grid-template-columns:minmax(0,1fr)!important}
 #academyMembersOverlay .academy-world-orbit-stage{height:365px!important;max-width:390px!important}
 #academyMembersOverlay .academy-world-orbit-track{width:250px!important;height:250px!important}
 #academyMembersOverlay .academy-world-orbit-track-b{width:278px!important;height:278px!important}
 #academyMembersOverlay .academy-world-orbit-stage:before{width:225px!important;height:225px!important}
 #academyMembersOverlay .academy-world-orbit-ticks{width:300px!important;height:300px!important}
 #academyMembersOverlay .academy-world-orbit-node{width:86px!important;height:86px!important;padding:7px!important}
 #academyMembersOverlay .academy-world-orbit-node b{font-size:7px!important}
 #academyMembersOverlay .academy-world-orbit-core{width:77px!important;height:77px!important}
}
@media(max-width:440px){
 .app-header-right{gap:4px!important}
 .app-header-right>.header-avatar-display{width:32px!important;height:32px!important;min-width:32px!important;flex-basis:32px!important}
 .app-header-right>.app-theme-switcher .theme-trigger{min-height:33px!important;padding:0 6px!important;font-size:9px!important;gap:4px!important}
 .app-header-right>.wallet-mini{min-width:82px!important;gap:5px!important;padding:5px 6px!important}
 .app-header-right>.profile-menu-wrap{margin-left:0!important}
 .header-settings-button{width:33px!important;height:33px!important}
 .header-settings-lines{width:15px;height:14px}.header-settings-lines i{width:15px}.header-settings-lines i:nth-child(2){width:11px}.header-settings-lines i:nth-child(3){width:13px}
 #academyMembersOverlay .academy-world-orbit-stage{height:300px!important;max-width:310px!important}
 #academyMembersOverlay .academy-world-orbit-track{width:205px!important;height:205px!important}
 #academyMembersOverlay .academy-world-orbit-track-b{width:228px!important;height:228px!important}
 #academyMembersOverlay .academy-world-orbit-stage:before{width:185px!important;height:185px!important}
 #academyMembersOverlay .academy-world-orbit-ticks{width:252px!important;height:252px!important}
 #academyMembersOverlay .academy-world-orbit-node{width:74px!important;height:74px!important;padding:5px!important}
 #academyMembersOverlay .academy-world-orbit-core{width:66px!important;height:66px!important}
 #academyMembersOverlay .academy-world-orbit-core b{font-size:15px!important}
}
@media(prefers-reduced-motion:reduce){.wallet-mini.points-updated{animation:none!important}}


/* V85: swap the welcome headline and login card positions without altering the mascot panel. */
#loginView .landing-copy{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-width:0!important}
#loginView .landing-copy>.landing-eyebrow,#loginView .landing-copy>.eyebrow{order:0}
#loginView .landing-copy>h1{order:2!important;margin-top:22px!important}
#loginView .landing-copy>.manifesto{order:3!important}
#loginView .landing-copy>.login-card{order:1!important;margin-top:0!important;margin-bottom:8px!important}
#loginView .landing-copy>.landing-description{order:4!important}
#loginView .landing-copy>.landing-foot{order:5!important}
@media(max-width:900px){#loginView .landing-copy>h1{margin-top:18px!important}}

/* The user's avatar replaces the decorative coin inside the points wallet. */
.app-header-right>.wallet-with-avatar{display:flex!important;align-items:center!important;gap:11px!important;padding:7px 13px 7px 7px!important;min-height:58px!important;min-width:155px!important;border-radius:14px!important;overflow:visible!important}
.wallet-with-avatar .wallet-avatar{display:block!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;object-fit:cover!important;border-radius:10px!important;border:1px solid rgba(205,214,224,.34)!important;background:#171a20!important;box-shadow:0 3px 12px rgba(0,0,0,.22)!important;flex:0 0 46px!important}
.wallet-with-avatar .wallet-points-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-width:0!important;line-height:1.1!important;gap:3px!important}
.wallet-with-avatar .wallet-points-copy small{font-size:8px!important;letter-spacing:1.05px!important;white-space:nowrap!important}
.wallet-with-avatar .wallet-points-copy b{font-size:15px!important;font-family:var(--display)!important;font-weight:900!important;white-space:nowrap!important}
.app-header-right>.wallet-with-avatar.points-updated .wallet-avatar{animation:skgAvatarPointsPopV85 .85s cubic-bezier(.2,.85,.25,1.2)}
@keyframes skgAvatarPointsPopV85{0%{transform:scale(.91);filter:brightness(1)}40%{transform:scale(1.09);filter:brightness(1.35)}100%{transform:scale(1);filter:brightness(1)}}

/* Keep first-login account details fully expanded and naturally scrollable, not clipped. */
html:has(body.skg-onboarding),body.skg-onboarding{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important}
body.skg-onboarding #appView,body.skg-onboarding .app-shell,body.skg-onboarding .main-content-wrap,body.skg-onboarding .app-content{height:auto!important;min-height:100vh!important;max-height:none!important;overflow:visible!important}
body.skg-onboarding .main-content-wrap{width:100%!important;max-width:1040px!important;padding:clamp(18px,4vw,52px)!important;margin:0 auto!important}
body.skg-onboarding .onboarding-shell{display:block!important;width:min(940px,100%)!important;max-width:940px!important;min-height:max-content!important;height:auto!important;max-height:none!important;overflow:visible!important;margin:0 auto!important;padding:clamp(24px,4vw,50px)!important}
body.skg-onboarding .identity-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:min-content!important;align-items:start!important;overflow:visible!important;max-height:none!important;width:100%!important}
body.skg-onboarding .identity-form>*{min-width:0!important;max-width:100%!important}
body.skg-onboarding .identity-form>label:not(.public-identity-consent){align-self:stretch!important;min-height:0!important;overflow:visible!important}
body.skg-onboarding .identity-form input:not([type=checkbox]),body.skg-onboarding .identity-form select{min-width:0!important;width:100%!important;max-width:100%!important}
body.skg-onboarding .identity-form .public-identity-consent,body.skg-onboarding .identity-form #onboardingMessage,body.skg-onboarding .identity-form>button[type=submit]{grid-column:1/-1!important}
body.skg-onboarding .onboarding-footnote{white-space:normal!important;overflow-wrap:anywhere!important}
@media(max-width:650px){body.skg-onboarding .main-content-wrap{padding:12px!important}body.skg-onboarding .onboarding-shell{width:100%!important;padding:22px 16px!important;margin:0 auto!important}body.skg-onboarding .identity-form{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}body.skg-onboarding .identity-form .public-identity-consent,body.skg-onboarding .identity-form #onboardingMessage,body.skg-onboarding .identity-form>button[type=submit]{grid-column:1!important}}

/* When the external clip is blocked, Level 1 remains playable as an animated local scene. */
.top-training-fallback{position:absolute;inset:0;z-index:4;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 44%,rgba(79,132,88,.38),transparent 43%),linear-gradient(140deg,#0b1719 0%,#122225 48%,#080f13 100%);color:#e8f4ed;font-family:var(--font)}
.top-training-fallback:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.2;background-image:linear-gradient(rgba(188,226,187,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(188,226,187,.12) 1px,transparent 1px);background-size:32px 32px;transform:perspective(400px) rotateX(20deg) scale(1.25)}
.training-fallback-hud{position:absolute;z-index:8;left:16px;right:16px;top:14px;display:flex;justify-content:space-between;align-items:center;gap:9px;font:800 8px var(--display);letter-spacing:1px;color:#b8d8c2}
.training-fallback-hud span{display:flex;align-items:center;gap:6px}.training-fallback-hud i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8df0be;box-shadow:0 0 10px #8df0be}
.training-fallback-hud b{padding:6px 8px;border:1px solid rgba(204,231,209,.22);border-radius:6px;background:rgba(4,13,14,.5);font-size:10px;color:#fff}
.training-fallback-terrain{position:absolute;z-index:0;width:68%;height:125%;border-radius:50%;background:repeating-linear-gradient(118deg,rgba(51,101,74,.14) 0 9px,rgba(18,52,42,.17) 9px 20px);border:1px solid rgba(143,198,157,.14);transform:rotate(22deg)}
.training-fallback-terrain.terrain-one{left:-22%;top:-25%}.training-fallback-terrain.terrain-two{right:-21%;top:-29%;transform:rotate(-22deg)}
.training-fallback-river{position:absolute;z-index:1;left:20%;top:-35%;width:25%;height:170%;border-radius:50%;border:18px solid rgba(43,117,126,.22);transform:rotate(24deg);filter:blur(3px)}
.training-fallback-path{position:absolute;z-index:1;left:38%;top:12%;width:38%;height:76%;border:14px solid rgba(139,137,103,.18);border-left-color:transparent;border-radius:48%;transform:rotate(28deg)}
.training-fallback-camp{position:absolute;z-index:2;right:15%;top:32%;width:31%;height:38%;display:grid;place-items:center}
.training-fallback-camp-ring{position:absolute;width:100%;aspect-ratio:1;border-radius:50%;border:2px dashed rgba(255,155,102,.42);box-shadow:0 0 23px rgba(240,105,68,.13),inset 0 0 25px rgba(240,105,68,.12);animation:trainingCampRingV85 9s linear infinite}
.training-fallback-buff{position:relative;width:85px;height:90px;display:block;filter:drop-shadow(0 0 17px rgba(239,94,62,.3));animation:trainingBuffIdleV85 1.9s ease-in-out infinite}
.training-fallback-buff:before{content:"";position:absolute;left:16px;top:14px;width:55px;height:62px;background:linear-gradient(135deg,#e98f65,#a33a36 48%,#481e2b);clip-path:polygon(32% 0,68% 8%,100% 44%,77% 87%,44% 100%,4% 64%,0 27%);border:1px solid rgba(255,198,137,.45)}
.training-fallback-buff i,.training-fallback-buff b{position:absolute;z-index:2;top:37px;width:7px;height:8px;border-radius:50%;background:#ffd6a0;box-shadow:0 0 8px #ff8f63}.training-fallback-buff i{left:31px}.training-fallback-buff b{left:51px}
.training-fallback-camp small{position:absolute;bottom:-13px;color:#ffbc91;font:800 7px var(--display);letter-spacing:.8px;white-space:nowrap}
.training-fallback-champion{position:absolute;z-index:5;left:22%;top:48%;width:50px;height:72px;display:block;transform-origin:50% 80%;filter:drop-shadow(0 0 12px rgba(111,208,162,.35))}
.fallback-champion-glow{position:absolute;left:-20px;top:25px;width:90px;height:65px;border-radius:50%;background:radial-gradient(ellipse,rgba(115,233,166,.28),transparent 70%)}
.fallback-champion-body{position:absolute;left:15px;top:20px;width:24px;height:40px;background:linear-gradient(120deg,#b8d7d1,#3f8078 55%,#173f40);clip-path:polygon(25% 0,78% 5%,100% 80%,65% 100%,6% 86%,0 28%);border:1px solid rgba(222,255,229,.45)}
.fallback-champion-body:before{content:"";position:absolute;left:4px;top:-12px;width:18px;height:18px;border-radius:45% 45% 38% 38%;background:linear-gradient(135deg,#f1c7a0,#986b63)}
.fallback-champion-blade{position:absolute;right:-1px;top:7px;width:4px;height:43px;border-radius:4px;background:#d5f5ed;transform:rotate(-38deg);box-shadow:0 0 8px rgba(180,255,236,.75)}
.training-fallback-champion small{position:absolute;bottom:-3px;left:7px;font:800 6px var(--display);color:#d2f3e4;letter-spacing:1px}
.training-fallback-caption{position:absolute;z-index:7;left:14px;bottom:14px;display:flex;flex-direction:column;gap:5px;padding:9px 11px;border-left:2px solid #e58b63;background:rgba(2,10,12,.7);backdrop-filter:blur(7px)}
.training-fallback-caption b{font:800 8px var(--display);letter-spacing:1px;color:#ffc49e}.training-fallback-caption span{color:#b7c9c5;font-size:9px}
.training-fallback-play-mark{position:absolute;z-index:8;right:16px;bottom:17px;width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(214,247,229,.22);border-radius:50%;background:rgba(5,15,17,.65);color:#d8f7e8;font-size:10px;opacity:.7}
.training-fallback-impact{position:absolute;z-index:6;top:43%;right:25%;color:#ffe7a4;font-size:33px;opacity:0;transform:scale(.2);filter:drop-shadow(0 0 8px #ff9e56)}
.top-training-fallback.is-playing .training-fallback-champion{animation:trainingChampionMoveV85 6s cubic-bezier(.3,.05,.22,1) forwards}
.top-training-fallback.is-playing .training-fallback-buff{animation:trainingBuffHitV85 .9s ease-in-out 4.8s infinite alternate}
.top-training-fallback.is-playing .training-fallback-impact{animation:trainingImpactV85 .7s ease-out 4.9s both}
.top-training-fallback.is-playing .training-fallback-camp-ring{animation-duration:2s}
.top-training-fallback.is-paused .training-fallback-champion,.top-training-fallback.is-paused .training-fallback-buff,.top-training-fallback.is-paused .training-fallback-camp-ring,.top-training-fallback.is-paused .training-fallback-impact{animation-play-state:paused!important}
@keyframes trainingCampRingV85{to{transform:rotate(382deg)}}
@keyframes trainingBuffIdleV85{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg)}}
@keyframes trainingChampionMoveV85{0%{left:17%;top:60%;transform:rotate(-10deg)}45%{left:31%;top:50%;transform:rotate(5deg)}72%{left:45%;top:45%;transform:rotate(-6deg)}88%,100%{left:52%;top:45%;transform:rotate(4deg)}}
@keyframes trainingBuffHitV85{from{transform:translateY(0) rotate(-3deg);filter:brightness(1)}to{transform:translateY(-5px) rotate(4deg);filter:brightness(1.5)}}
@keyframes trainingImpactV85{0%{opacity:0;transform:scale(.2) rotate(0)}30%{opacity:1;transform:scale(1.25) rotate(30deg)}100%{opacity:.55;transform:scale(1) rotate(60deg)}}
@media(max-width:560px){.app-header-right>.wallet-with-avatar{min-width:123px!important;min-height:46px!important;padding:5px 8px 5px 5px!important;gap:7px!important}.wallet-with-avatar .wallet-avatar{width:37px!important;height:37px!important;min-width:37px!important;min-height:37px!important;flex-basis:37px!important}.wallet-with-avatar .wallet-points-copy small{font-size:6px!important;letter-spacing:.55px!important}.wallet-with-avatar .wallet-points-copy b{font-size:12px!important}.training-fallback-hud{left:8px;right:8px;top:8px;font-size:6px;letter-spacing:.4px}.training-fallback-camp{right:6%;width:42%}.training-fallback-champion{left:11%}.training-fallback-caption{left:8px;bottom:8px;max-width:76%;padding:7px}.training-fallback-caption span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.wallet-with-avatar.points-updated .wallet-avatar{animation:none!important}.top-training-fallback *{animation:none!important}}


/* V86 — larger SKG world selector and Pro Player training workspace */
@media (min-width: 901px) {
  #academyMembersOverlay .academy-members-window:has(#academyWorldChoice:not(.hidden)) {
    width: min(1400px, 97vw) !important;
    max-width: min(1400px, 97vw) !important;
    max-height: calc(100vh - 32px) !important;
    padding: clamp(28px, 3.2vw, 48px) !important;
  }
  #academyMembersOverlay .academy-world-heading h3 {
    font-size: clamp(34px, 3.3vw, 48px) !important;
    margin: 12px 0 9px !important;
  }
  #academyMembersOverlay .academy-world-heading .academy-world-description {
    font-size: 14px !important;
    margin-bottom: 26px !important;
  }
  #academyMembersOverlay .academy-world-selector-layout {
    grid-template-columns: minmax(390px, .92fr) minmax(560px, 1.08fr) !important;
    gap: clamp(36px, 4vw, 76px) !important;
    max-width: 1300px !important;
    min-height: 560px !important;
    margin: 14px auto 18px !important;
  }
  #academyMembersOverlay .academy-world-options { gap: 18px !important; }
  #academyMembersOverlay .academy-world-option {
    min-height: 108px !important;
    padding: 20px 22px !important;
    grid-template-columns: 42px minmax(0,1fr) 22px !important;
    gap: 18px !important;
  }
  #academyMembersOverlay .academy-world-number {
    width: 39px !important;
    height: 39px !important;
    font-size: 12px !important;
  }
  #academyMembersOverlay .academy-world-option-name {
    font-size: 18px !important;
    line-height: 1.35 !important;
  }
  #academyMembersOverlay .academy-world-option-note {
    font-size: 12px !important;
    line-height: 1.55 !important;
    margin-top: 7px !important;
  }
  #academyMembersOverlay .academy-world-option-arrow { font-size: 23px !important; }
  #academyMembersOverlay .academy-world-orbit-stage {
    width: min(100%, 590px) !important;
    height: 550px !important;
  }
  #academyMembersOverlay .academy-world-orbit-stage:before { width: 355px !important; height: 355px !important; }
  #academyMembersOverlay .academy-world-orbit-track { width: 390px !important; height: 390px !important; }
  #academyMembersOverlay .academy-world-orbit-track-b { width: 430px !important; height: 430px !important; }
  #academyMembersOverlay .academy-world-orbit-ticks { width: 470px !important; height: 470px !important; }
  #academyMembersOverlay .academy-world-orbit-core { width: 116px !important; height: 116px !important; }
  #academyMembersOverlay .academy-world-orbit-core b { font-size: 27px !important; }
  #academyMembersOverlay .academy-world-orbit-core small { font-size: 8px !important; max-width: 96px !important; }
  #academyMembersOverlay .academy-world-orbit-node { width: 124px !important; height: 124px !important; gap: 8px !important; padding: 12px !important; }
  #academyMembersOverlay .academy-world-orbit-node span { font-size: 9px !important; }
  #academyMembersOverlay .academy-world-orbit-node b { font-size: 10px !important; line-height: 1.45 !important; }
  #academyMembersOverlay .academy-world-orbit-hint { font-size: 9px !important; bottom: -14px !important; }
}

/* Make the Pro Player role workspace roomier, with larger circular path tabs. */
.pro-player-result-window.pro-role-workspace-window {
  width: min(1480px, 97vw) !important;
  max-width: min(1480px, 97vw) !important;
  max-height: min(95vh, 1200px) !important;
  padding: clamp(26px, 3.2vw, 48px) !important;
}
.pro-role-workspace-window > h2 {
  font-size: clamp(32px, 3.4vw, 50px) !important;
  margin-top: 14px !important;
  margin-bottom: 12px !important;
  letter-spacing: -.035em !important;
}
.pro-role-workspace-window > p {
  max-width: 1000px !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  margin-bottom: 26px !important;
}
.pro-role-workspace-window .pro-role-tabs:not(.hidden) {
  max-width: 1120px !important;
  width: min(100%, 1120px) !important;
  gap: 18px !important;
  padding: 36px 26px !important;
  margin: 30px auto 34px !important;
}
.pro-role-workspace-window .pro-role-tab {
  min-height: 112px !important;
  padding: 18px 14px !important;
  font-size: clamp(10px, 1vw, 13px) !important;
  line-height: 1.5 !important;
  letter-spacing: .07em !important;
}
.pro-role-workspace-window .pro-role-tab-panel { font-size: 1.04em; }
.pro-role-workspace-window .pro-player-result-actions { margin-top: 24px !important; gap: 12px !important; }
.pro-role-workspace-window .pro-player-result-actions button { min-height: 43px !important; padding: 0 17px !important; font-size: 9px !important; }

@media (max-width: 900px) {
  #academyMembersOverlay .academy-members-window:has(#academyWorldChoice:not(.hidden)) {
    width: min(96vw, 900px) !important;
    max-width: 96vw !important;
    max-height: calc(100vh - 24px) !important;
    padding: 24px 18px !important;
  }
  #academyMembersOverlay .academy-world-selector-layout { gap: 22px !important; }
  #academyMembersOverlay .academy-world-options { gap: 12px !important; }
  #academyMembersOverlay .academy-world-option { min-height: 88px !important; padding: 15px 16px !important; }
  #academyMembersOverlay .academy-world-option-name { font-size: 15px !important; }
  #academyMembersOverlay .academy-world-orbit-stage { height: 430px !important; }
  #academyMembersOverlay .academy-world-orbit-node { width: 98px !important; height: 98px !important; }
  .pro-player-result-window.pro-role-workspace-window {
    width: 97vw !important;
    max-width: 97vw !important;
    max-height: 94vh !important;
    padding: 24px 18px !important;
  }
  .pro-role-workspace-window .pro-role-tabs:not(.hidden) {
    max-width: 760px !important;
    gap: 12px !important;
    padding: 26px 16px !important;
  }
  .pro-role-workspace-window .pro-role-tab { min-height: 96px !important; padding: 13px 8px !important; font-size: 10px !important; }
}
@media (max-width: 560px) {
  #academyMembersOverlay .academy-members-window:has(#academyWorldChoice:not(.hidden)) { padding: 22px 13px !important; }
  #academyMembersOverlay .academy-world-heading h3 { font-size: 28px !important; }
  #academyMembersOverlay .academy-world-options { gap: 10px !important; }
  #academyMembersOverlay .academy-world-option { min-height: 78px !important; padding: 12px 10px !important; grid-template-columns: 31px minmax(0,1fr) 16px !important; gap: 9px !important; }
  #academyMembersOverlay .academy-world-option-name { font-size: 13px !important; }
  #academyMembersOverlay .academy-world-option-note { font-size: 10px !important; }
  #academyMembersOverlay .academy-world-orbit-stage { height: 300px !important; max-width: 310px !important; }
  #academyMembersOverlay .academy-world-orbit-stage:before { width: 185px !important; height: 185px !important; }
  #academyMembersOverlay .academy-world-orbit-track { width: 205px !important; height: 205px !important; }
  #academyMembersOverlay .academy-world-orbit-track-b { width: 228px !important; height: 228px !important; }
  #academyMembersOverlay .academy-world-orbit-ticks { width: 252px !important; height: 252px !important; }
  #academyMembersOverlay .academy-world-orbit-core { width: 66px !important; height: 66px !important; }
  #academyMembersOverlay .academy-world-orbit-node { width: 74px !important; height: 74px !important; padding: 6px !important; }
  #academyMembersOverlay .academy-world-orbit-node b { font-size: 7px !important; }
  .pro-player-result-window.pro-role-workspace-window { width: 97vw !important; padding: 19px 12px !important; }
  .pro-role-workspace-window > h2 { font-size: 29px !important; }
  .pro-role-workspace-window .pro-role-tabs:not(.hidden) {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px !important;
    padding: 24px 10px !important;
    margin: 22px auto 24px !important;
    border-radius: 20px !important;
  }
  .pro-role-workspace-window .pro-role-tabs:before,
  .pro-role-workspace-window .pro-role-tabs:after { border-radius: 20px !important; }
  .pro-role-workspace-window .pro-role-tab { min-height: 74px !important; border-radius: 13px !important; font-size: 9px !important; padding: 10px 7px !important; }
}


/* V87 — guided first-time dashboard tour */
.skg-dashboard-tutorial{position:fixed;inset:0;z-index:100000;isolation:isolate;pointer-events:auto;color:#f7faff;font-family:var(--font,Inter,system-ui,sans-serif)}
.skg-dashboard-tutorial.hidden{display:none!important}
.skg-dashboard-tutorial:before{content:"";position:absolute;inset:0;background:transparent;pointer-events:none}
.skg-tutorial-spotlight{position:fixed;border-radius:16px;box-shadow:0 0 0 160vmax rgba(3,6,13,.78),0 0 0 2px rgba(111,231,255,.95),0 0 35px 8px rgba(63,213,255,.34);transition:left .58s cubic-bezier(.2,.8,.2,1),top .58s cubic-bezier(.2,.8,.2,1),width .45s,height .45s;pointer-events:none;z-index:1}
.skg-tutorial-spotlight.is-off{display:none}
.skg-tutorial-extra-ring{position:fixed;border:2px solid #77ebff;border-radius:14px;box-shadow:0 0 24px rgba(78,220,255,.48),inset 0 0 14px rgba(78,220,255,.12);animation:skg-tutorial-ring-pulse 1.1s ease-in-out infinite alternate;transition:left .55s,top .55s,width .45s,height .45s;pointer-events:none;z-index:3}
.skg-tutorial-extra-ring.is-off{display:none}
@keyframes skg-tutorial-ring-pulse{to{box-shadow:0 0 36px rgba(78,220,255,.8),inset 0 0 20px rgba(78,220,255,.22)}}
.skg-tutorial-arrow{position:fixed;z-index:7;pointer-events:none;font:900 45px/1 var(--display,Orbitron,sans-serif);color:#ffcc68;text-shadow:0 0 8px #ffb741,0 0 22px rgba(255,178,55,.84);animation:skg-tutorial-arrow-bob .72s ease-in-out infinite alternate;transition:left .45s,top .45s,transform .35s}
.skg-tutorial-arrow.hidden{display:none!important}
@keyframes skg-tutorial-arrow-bob{from{translate:0 -4px}to{translate:0 5px}}
.skg-tutorial-stickman{position:fixed;z-index:5;width:118px;height:142px;pointer-events:none;transition:left 1.8s cubic-bezier(.15,.72,.23,1),top 1.8s cubic-bezier(.15,.72,.23,1);filter:drop-shadow(0 8px 12px rgba(0,0,0,.48))}
.skg-tutorial-stickman svg{position:relative;z-index:2;width:100%;height:100%;overflow:visible}
.skg-tutorial-beam{position:absolute;z-index:0;left:-64px;top:-72px;width:245px;height:270px;background:radial-gradient(ellipse at 53% 52%,rgba(255,231,160,.28),rgba(83,214,255,.12) 25%,transparent 69%);filter:blur(8px);pointer-events:none;animation:skg-tutorial-light-breathe 1.8s ease-in-out infinite alternate}
.skg-tutorial-shadow{position:absolute;z-index:1;left:20px;bottom:2px;width:74px;height:12px;border-radius:50%;background:rgba(72,190,255,.38);filter:blur(9px)}
.skg-tguide-arm-left,.skg-tguide-arm-cup,.skg-tguide-leg-left,.skg-tguide-leg-right{transform-box:fill-box;transform-origin:top center}
.skg-tutorial-stickman.is-walking .skg-tguide-arm-left{animation:skg-tutorial-arm 0.24s ease-in-out infinite alternate}
.skg-tutorial-stickman.is-walking .skg-tguide-arm-cup{animation:skg-tutorial-cup-arm 0.24s ease-in-out infinite alternate}
.skg-tutorial-stickman.is-walking .skg-tguide-leg-left{animation:skg-tutorial-leg 0.24s ease-in-out infinite alternate}
.skg-tutorial-stickman.is-walking .skg-tguide-leg-right{animation:skg-tutorial-leg 0.24s ease-in-out infinite alternate-reverse}
.skg-tutorial-stickman.is-walking .skg-tguide-cape{transform-origin:45% 25%;animation:skg-tutorial-cape .3s ease-in-out infinite alternate}
@keyframes skg-tutorial-arm{to{transform:rotate(16deg)}}@keyframes skg-tutorial-cup-arm{to{transform:rotate(-7deg)}}@keyframes skg-tutorial-leg{to{transform:rotate(22deg)}}@keyframes skg-tutorial-cape{to{transform:skewX(-8deg) scaleY(1.08)}}
@keyframes skg-tutorial-light-breathe{to{opacity:.58;transform:scale(1.11)}}
.skg-tutorial-bubble{position:fixed;z-index:8;right:clamp(16px,3vw,42px);bottom:clamp(16px,3vh,34px);width:min(470px,calc(100vw - 32px));padding:22px 23px 18px;border:1px solid rgba(133,231,255,.42);border-radius:19px;background:linear-gradient(145deg,rgba(17,27,43,.98),rgba(8,12,22,.99));box-shadow:0 22px 75px rgba(0,0,0,.58),0 0 36px rgba(44,192,255,.15),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(22px);opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}
.skg-tutorial-bubble.is-hidden-until-arrival{opacity:0;transform:translateY(16px);pointer-events:none}
.skg-tutorial-bubble-top{display:flex;align-items:center;gap:8px;color:#a9bccd;font-size:9px;letter-spacing:1.65px;font-weight:900}
.skg-tutorial-live-dot{width:7px;height:7px;border-radius:50%;background:#75e6ff;box-shadow:0 0 12px #47dfff;animation:skg-tutorial-dot 1.2s ease-in-out infinite alternate}
@keyframes skg-tutorial-dot{to{opacity:.45;box-shadow:0 0 3px #47dfff}}
.skg-tutorial-step-count{margin-left:auto;color:#738ba5;font-family:var(--display,monospace);font-size:10px}
.skg-tutorial-title{font-family:var(--display,'Orbitron',sans-serif);font-size:clamp(19px,2.2vw,27px);letter-spacing:-.5px;line-height:1.25;margin:14px 0 9px;color:#f6fbff}
.skg-tutorial-copy{font-size:12px;color:#becbd8;line-height:1.8;margin:0}
.skg-tutorial-progress{height:3px;background:rgba(255,255,255,.09);border-radius:5px;overflow:hidden;margin:17px 0 15px}
.skg-tutorial-progress i{height:100%;width:16%;display:block;background:linear-gradient(90deg,#53d9ff,#b6f6ff);box-shadow:0 0 12px rgba(83,217,255,.6);transition:width .35s}
.skg-tutorial-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
.skg-tutorial-actions button{font:800 9px var(--font,Inter,system-ui,sans-serif);letter-spacing:.9px;min-height:38px;border-radius:9px;padding:0 12px;cursor:pointer}
.skg-tutorial-skip{background:transparent;border:1px solid rgba(255,255,255,.13);color:#9eafc0}
.skg-tutorial-skip:hover{color:#fff;border-color:rgba(255,255,255,.32)}
.skg-tutorial-next{border:1px solid #8deaff;background:linear-gradient(110deg,#b6f4ff,#57c9ec);color:#061321;box-shadow:0 6px 24px rgba(67,211,255,.2)}
.skg-tutorial-next span{font-size:14px;margin-left:8px}
.skg-tutorial-next:disabled{opacity:.5;cursor:default}
.skg-tutorial-feature-window{position:fixed;z-index:6;width:300px;max-width:calc(100vw - 24px);padding:17px 18px;border:1px solid rgba(122,227,255,.6);border-radius:14px;background:linear-gradient(145deg,rgba(17,31,47,.98),rgba(7,13,23,.99));box-shadow:0 12px 40px rgba(0,0,0,.45),0 0 25px rgba(69,214,255,.18);pointer-events:none}
.skg-tutorial-feature-window.hidden{display:none!important}
.skg-tutorial-window-kicker{font-size:8px;letter-spacing:1.5px;color:#7fe5ff;font-weight:900}
.skg-tutorial-feature-window h3{font-family:var(--display,'Orbitron',sans-serif);font-size:15px;letter-spacing:.3px;margin:9px 0 7px}
.skg-tutorial-feature-window p{font-size:11px;line-height:1.7;color:#b5c7d5;margin:0}
.skg-tutorial-flash{position:fixed;inset:0;z-index:10;background:radial-gradient(ellipse at 50% 45%,rgba(255,255,255,.98),rgba(95,226,255,.82) 14%,rgba(21,153,255,.28) 43%,transparent 72%);opacity:0;pointer-events:none}
.skg-dashboard-tutorial.is-exiting .skg-tutorial-flash{animation:skg-tutorial-lightning-exit .82s steps(1,end) forwards}
.skg-dashboard-tutorial.is-exiting .skg-tutorial-stickman{animation:skg-tutorial-lightning-vanish .78s ease-in forwards}
.skg-dashboard-tutorial.is-exiting .skg-tutorial-bubble{animation:skg-tutorial-bubble-out .6s ease-in forwards}
@keyframes skg-tutorial-lightning-exit{0%,14%,30%{opacity:.95}7%,23%{opacity:.15}40%,100%{opacity:0}}
@keyframes skg-tutorial-lightning-vanish{0%{filter:brightness(1);opacity:1;transform:scale(1)}25%{filter:brightness(3) drop-shadow(0 0 22px #8cf1ff);opacity:1}65%,100%{filter:brightness(3);opacity:0;transform:scale(.45) translateY(-28px)}}
@keyframes skg-tutorial-bubble-out{to{opacity:0;transform:translateY(20px) scale(.98)}}
body.skg-tutorial-active{overflow:hidden}
@media(max-width:700px){.skg-tutorial-stickman{width:92px;height:112px}.skg-tutorial-beam{left:-69px;top:-60px;width:225px;height:225px}.skg-tutorial-arrow{font-size:34px}.skg-tutorial-bubble{left:12px;right:12px;bottom:12px;width:auto;padding:18px 17px 14px}.skg-tutorial-title{font-size:20px}.skg-tutorial-copy{font-size:11px;line-height:1.7}.skg-tutorial-feature-window{max-width:calc(100vw - 24px)}.skg-tutorial-step-count{font-size:9px}}
@media(prefers-reduced-motion:reduce){.skg-tutorial-arrow,.skg-tutorial-extra-ring,.skg-tutorial-beam,.skg-tutorial-live-dot,.skg-dashboard-tutorial.is-exiting .skg-tutorial-flash{animation-duration:.01ms!important;animation-iteration-count:1!important}.skg-tutorial-stickman{transition-duration:.01ms!important}}


/* V88 — expanded identity form, larger tutorial copy, and larger Grandmaster emblem */
/* The identity board must size to its content and must never be clipped by app shells. */
html:has(body.skg-onboarding),
body.skg-onboarding {
  height: auto !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
body.skg-onboarding #appView,
body.skg-onboarding .app-shell,
body.skg-onboarding .main-content-wrap,
body.skg-onboarding #appContent,
body.skg-onboarding .app-content {
  height: auto !important;
  min-height: 100vh !important;
  max-height: none !important;
  overflow: visible !important;
  align-self: stretch !important;
}
body.skg-onboarding .main-content-wrap {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: clamp(18px, 3vw, 42px) !important;
}
body.skg-onboarding .onboarding-shell {
  display: block !important;
  width: min(1080px, 100%) !important;
  max-width: 1080px !important;
  height: auto !important;
  min-height: max-content !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 0 auto 32px !important;
  padding: clamp(26px, 4vw, 56px) !important;
}
body.skg-onboarding .identity-form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  grid-auto-rows: min-content !important;
  align-items: start !important;
  gap: 22px 26px !important;
  width: 100% !important;
  height: auto !important;
  min-height: max-content !important;
  max-height: none !important;
  overflow: visible !important;
}
body.skg-onboarding .identity-form > *,
body.skg-onboarding .identity-form > label {
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
body.skg-onboarding .identity-form > label:not(.public-identity-consent) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
  line-height: 1.5 !important;
}
body.skg-onboarding .identity-form input:not([type="checkbox"]),
body.skg-onboarding .identity-form select {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 58px !important;
  height: auto !important;
  max-height: none !important;
  padding: 15px 16px !important;
  line-height: 1.35 !important;
  white-space: normal !important;
}
body.skg-onboarding .identity-form .public-identity-consent,
body.skg-onboarding .identity-form #onboardingMessage,
body.skg-onboarding .identity-form > button[type="submit"] {
  grid-column: 1 / -1 !important;
}
body.skg-onboarding .identity-form .public-identity-consent {
  display: flex !important;
  align-items: flex-start !important;
  min-height: 0 !important;
  height: auto !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
body.skg-onboarding .identity-form .public-identity-consent span,
body.skg-onboarding .onboarding-footnote,
body.skg-onboarding .onboarding-lead {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
body.skg-onboarding .identity-form #onboardingMessage { height: auto !important; min-height: 0 !important; }
body.skg-onboarding .identity-form > button[type="submit"] { min-height: 58px !important; }

/* Larger onboarding tutorial explanations; no skip tour control is shown. */
.skg-tutorial-bubble { width: min(560px, calc(100vw - 32px)) !important; padding: 26px 28px 22px !important; }
.skg-tutorial-title { font-size: clamp(23px, 2.8vw, 32px) !important; }
.skg-tutorial-copy { font-size: clamp(16px, 1.45vw, 18px) !important; line-height: 1.8 !important; }
.skg-tutorial-feature-window { width: 340px !important; }
.skg-tutorial-feature-window h3 { font-size: 19px !important; line-height: 1.35 !important; }
.skg-tutorial-feature-window p { font-size: 15px !important; line-height: 1.75 !important; }
.skg-tutorial-actions { justify-content: flex-end !important; }
.skg-tutorial-actions .skg-tutorial-next { min-height: 44px !important; font-size: 11px !important; padding: 0 18px !important; }
.skg-tutorial-skip { display: none !important; }

/* Enlarge the Super Sion God Grandmaster emblem inside the TOP lane card. */
.academy-card-art-grandmaster .player-rank-emblem {
  width: clamp(138px, 17vw, 176px) !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  flex: 0 0 auto !important;
  max-width: 90% !important;
}
.academy-card-art-grandmaster .grandmaster-rank-logo {
  width: 112% !important;
  height: 112% !important;
  max-width: none !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 12px rgba(236,57,74,.82)) drop-shadow(0 6px 16px rgba(0,0,0,.45)) !important;
}
@media (max-width: 650px) {
  body.skg-onboarding .main-content-wrap { padding: 12px !important; }
  body.skg-onboarding .onboarding-shell { width: 100% !important; padding: 24px 17px !important; margin: 0 auto 20px !important; }
  body.skg-onboarding .identity-form { grid-template-columns: minmax(0, 1fr) !important; gap: 17px !important; }
  body.skg-onboarding .identity-form .public-identity-consent,
  body.skg-onboarding .identity-form #onboardingMessage,
  body.skg-onboarding .identity-form > button[type="submit"] { grid-column: 1 !important; }
  .skg-tutorial-bubble { left: 12px !important; right: 12px !important; bottom: 12px !important; width: auto !important; padding: 22px 20px 18px !important; }
  .skg-tutorial-copy { font-size: 15px !important; line-height: 1.75 !important; }
  .skg-tutorial-feature-window p { font-size: 14px !important; }
  .academy-card-art-grandmaster .player-rank-emblem { width: clamp(116px, 37vw, 158px) !important; max-width: 88% !important; }
}

/* V89: Faserli b Tounsi and coach application */
.skg-coaching-nav-button{margin-left:8px}.coach-access-overlay{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:22px}.coach-access-overlay.hidden{display:none}.coach-access-backdrop{position:absolute;inset:0;border:0;background:rgba(2,7,14,.82);backdrop-filter:blur(10px)}.coach-access-card{position:relative;z-index:1;width:min(760px,96vw);max-height:90vh;overflow:auto;padding:clamp(22px,4vw,42px);border:1px solid rgba(137,196,232,.35);border-radius:24px;background:linear-gradient(145deg,#111b29,#080d16);color:#eef6ff;box-shadow:0 30px 100px #000b}.coach-access-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}.coach-access-kicker{font-size:11px;letter-spacing:.2em;color:#8dd9ff}.coach-access-card h2{font-size:clamp(28px,4vw,44px);margin:8px 0 20px}.coach-access-card h2 em{color:#8dd9ff;font-style:normal}.coach-access-login,.coach-apply-details{padding:18px;margin-top:14px;border:1px solid #ffffff20;border-radius:16px;background:#ffffff08}.coach-access-card label{display:grid;gap:7px;margin:12px 0;color:#d8e7f5;font-size:13px}.coach-access-card input,.coach-access-card select{width:100%;min-height:42px;padding:10px 12px;border:1px solid #ffffff2c;border-radius:9px;background:#0b1420;color:#fff}.coach-access-card fieldset{border:1px solid #ffffff26;border-radius:12px;padding:12px}.coach-access-card .coach-check{display:flex;align-items:center;gap:8px}.coach-access-card .coach-check input{width:auto;min-height:auto}.coach-primary-button,.faserli-tounsi-step button{padding:12px 18px;border:1px solid #8dd9ff;border-radius:10px;background:#8dd9ff;color:#08111c;font-weight:800;cursor:pointer}.coach-access-card p{color:#b5c6d8;font-size:13px;line-height:1.6}.coach-apply-details summary{cursor:pointer;font-weight:800;padding:5px}.faserli-tounsi-section{padding:30px;max-width:1100px;margin:auto}.faserli-tounsi-section.hidden{display:none}.faserli-tounsi-card{padding:clamp(22px,4vw,46px);border:1px solid var(--border-color,#ffffff20);border-radius:24px;background:var(--panel-bg,rgba(20,28,40,.9));color:var(--text-color,inherit)}.faserli-tounsi-card>span,.faserli-tounsi-step>b{font-size:11px;letter-spacing:.16em;color:#8dd9ff}.faserli-tounsi-card h2{font-size:clamp(28px,4vw,48px);margin:14px 0}.faserli-tounsi-card>p,.faserli-tounsi-step p{font-size:clamp(16px,1.7vw,21px);line-height:1.7}.faserli-tounsi-step{margin-top:22px;padding:20px;border:1px solid #8dd9ff35;border-radius:16px;background:#8dd9ff08}.faserli-tounsi-step h3{font-size:clamp(19px,2.5vw,27px)}
/* V90 coaching hub */
.coach-hub-card{width:min(1020px,97vw)}.coach-role-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:18px 0 10px}.coach-role-circle{aspect-ratio:1/1;max-width:320px;width:100%;justify-self:center;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;padding:28px;border:1px solid #8dd9ff55;background:radial-gradient(circle at 35% 25%,#223c53,#0b1420 70%);color:#f3f8ff;box-shadow:inset 0 0 35px #8dd9ff12,0 20px 50px #0005;transition:transform .22s,border-color .22s,box-shadow .22s}.coach-role-circle:hover{transform:translateY(-5px) scale(1.02);border-color:#8dd9ff;box-shadow:0 0 0 5px #8dd9ff10,0 25px 60px #0007}.coach-role-circle span{width:74px;height:74px;border-radius:24px;display:grid;place-items:center;font-size:43px;background:#8dd9ff16;border:1px solid #8dd9ff35;color:#a9e5ff}.coach-role-circle strong{font-family:var(--display);font-size:clamp(14px,2vw,20px);letter-spacing:.06em}.coach-role-circle small{max-width:180px;color:#9eafc1;line-height:1.6}.coach-circle-user{background:radial-gradient(circle at 35% 25%,#382d57,#0d101c 70%);border-color:#b9a0ff55}.coach-circle-user span{color:#c5b7ff;border-color:#b9a0ff55;background:#b9a0ff16}.coach-panel{margin-top:15px;padding:clamp(15px,3vw,28px);border:1px solid #ffffff20;border-radius:18px;background:#080e17a8}.coach-panel h3{font-size:24px;margin:8px 0 18px}.coach-back-link{border:0;background:transparent;color:#9cdefd;padding:5px 0;font-weight:800}.coach-panel form label{display:grid;gap:7px;margin:13px 0;color:#d8e7f5;font-size:12px}.coach-panel input:not([type=checkbox]),.coach-panel select,.coach-panel textarea{width:100%;min-height:42px;padding:10px 12px;border:1px solid #ffffff2c;border-radius:9px;background:#0b1420;color:#fff}.coach-panel textarea{resize:vertical}.coach-panel fieldset{border:1px solid #ffffff26;border-radius:12px;padding:12px}.coach-panel .coach-check{display:flex;align-items:center;gap:8px}.coach-panel .coach-check input{width:auto;min-height:auto}.coach-panel p{color:#b5c6d8;font-size:12px;line-height:1.65}.coach-prototype-note{padding:10px;border-left:2px solid #8dd9ff;color:#9eafc1!important;background:#8dd9ff08}.coach-browser-tabs,.coach-dashboard-tabs{display:flex;gap:8px;margin:14px 0 20px}.coach-browser-tabs button,.coach-dashboard-tabs button{padding:11px 15px;border:1px solid #ffffff1c;border-radius:9px;background:#ffffff07;color:#a9b6c6;font-size:10px;font-weight:900;letter-spacing:.1em}.coach-browser-tabs button.active,.coach-dashboard-tabs button.active{background:#8dd9ff;color:#06111c;border-color:#8dd9ff}.coach-services-grid,.coach-profile-grid,.coach-service-manage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.coach-service-card,.coach-profile-card,.coach-manage-service{min-width:0;overflow:hidden;border:1px solid #ffffff1b;border-radius:13px;background:#ffffff06}.coach-service-card>img,.coach-manage-service>img{display:block;width:100%;height:140px;object-fit:cover;background:#0a111b}.coach-service-placeholder{height:140px;display:grid;place-items:center;background:radial-gradient(circle,#203448,#0a111b);color:#8dd9ff;font-size:35px}.coach-service-copy{padding:13px}.coach-service-copy h4{font-size:15px;margin:0 0 8px}.coach-service-copy p{font-size:11px;color:#9eafc1;min-height:32px}.coach-service-copy>strong{display:block;margin:10px 0;color:#9ce5ff}.coach-service-copy .coach-primary-button{width:100%;font-size:10px;padding:11px 8px}.coach-profile-card{display:flex;align-items:center;flex-direction:column;text-align:center;padding:17px 10px;gap:9px;color:#f3f8ff}.coach-profile-card>img,.coach-public-profile>img,.coach-avatar-edit>img{width:82px;height:82px;border-radius:50%;object-fit:cover;border:1px solid #8dd9ff65}.coach-avatar-placeholder{display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:#8dd9ff12;border:1px solid #8dd9ff55;color:#8dd9ff;font-size:35px}.coach-profile-card small{color:#9eafc1;line-height:1.5}.coach-profile-card>span:last-child{font-size:9px;letter-spacing:.08em;color:#8dd9ff;font-weight:900}.coach-empty{grid-column:1/-1;padding:28px;border:1px dashed #ffffff24;border-radius:12px;text-align:center;color:#a2b0c0;line-height:1.7}.coach-public-profile{display:flex;align-items:center;gap:20px;padding:16px 0 24px}.coach-public-profile h3{margin:8px 0}.coach-public-profile p{margin:4px 0}.coach-bio{white-space:pre-wrap;overflow-wrap:anywhere}.coach-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.coach-dashboard-head h3{margin-bottom:0}.coach-logout-button{font-size:9px}.coach-profile-form,.coach-service-form{max-width:680px}.coach-profile-form small{display:block;color:#8f9fb0;margin-top:2px}.coach-avatar-edit{display:flex;align-items:center;gap:18px}.coach-avatar-edit label{flex:1}.coach-service-form{padding:18px;margin-bottom:20px;border:1px solid #ffffff1c;border-radius:12px}.coach-service-form h4{margin:0 0 10px}.coach-manage-service{display:flex;flex-direction:column;gap:9px;padding-bottom:12px}.coach-manage-service strong,.coach-manage-service span{padding:0 11px}.coach-delete-button{align-self:flex-start;margin:0 11px;padding:8px 10px;border:1px solid #ff8e8e66;border-radius:7px;background:#ff6c6c12;color:#ffaaaa;font-size:9px;font-weight:900}.coach-access-card .coach-admin-request p{margin:7px 0;color:#aab9c9}.coach-admin-request{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;margin:12px 0;border:1px solid #ffffff18;border-radius:12px;background:#ffffff05}.coach-admin-request small{color:#8594a5}.coach-admin-actions{display:flex;gap:8px;flex-wrap:wrap}.coach-admin-actions button{padding:9px 12px;border:1px solid #8dd9ff66;border-radius:8px;background:#8dd9ff;color:#06111c;font-size:9px;font-weight:900}.coach-admin-actions button[data-reject-coach]{background:#ff8e8e14;color:#ffaaaa;border-color:#ff8e8e66}.coach-admin-actions span{font-size:10px;color:#9eafc1}@media(max-width:650px){.coach-role-choice{gap:12px}.coach-role-circle{padding:16px}.coach-role-circle span{width:55px;height:55px;font-size:30px;border-radius:18px}.coach-services-grid,.coach-profile-grid,.coach-service-manage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coach-admin-request{align-items:flex-start;flex-direction:column}.coach-public-profile{align-items:flex-start}.coach-public-profile>img,.coach-public-profile>.coach-avatar-placeholder{flex:0 0 65px;width:65px;height:65px}}

/* V91 — Faserli b Tounsi four-window layout */
.faserli-tounsi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1100px;margin:0 auto}
.faserli-tounsi-window{min-width:0;min-height:210px;display:flex;flex-direction:column;justify-content:center;padding:clamp(22px,3vw,34px);margin:0;background:linear-gradient(145deg,var(--panel-bg,rgba(20,28,40,.94)),rgba(8,15,25,.88));box-shadow:0 16px 42px rgba(0,0,0,.14)}
.faserli-tounsi-window h2{font-size:clamp(27px,3.2vw,42px);line-height:1.12;margin:15px 0}
.faserli-tounsi-window h3{font-size:clamp(20px,2.3vw,29px);line-height:1.3;margin:15px 0 22px}
.faserli-tounsi-window p{margin:12px 0 0;overflow-wrap:anywhere}
.faserli-find-duo-only{margin-top:4px}
.faserli-find-duo-only button{font-size:13px;letter-spacing:.08em}
@media(max-width:700px){.faserli-tounsi-section{padding:16px}.faserli-tounsi-grid{grid-template-columns:1fr}.faserli-tounsi-window{min-height:170px}}

/* V92 coaching shop polish */
.coach-access-card.coach-hub-card{width:min(1280px,98vw);max-height:94vh;padding:clamp(22px,3.4vw,48px);border-radius:28px;background:radial-gradient(ellipse at 85% 0%,rgba(74,113,170,.18),transparent 40%),linear-gradient(145deg,#111a29 0%,#070c14 72%);}
.coach-access-card #coachAccessTitle{max-width:900px;line-height:1.08;letter-spacing:-.035em;font-size:clamp(30px,4vw,58px);}
.coach-commission-note{max-width:820px;margin:-8px 0 22px;padding:13px 16px;border-left:3px solid #8dd9ff;background:linear-gradient(90deg,#8dd9ff12,transparent);border-radius:0 10px 10px 0;color:#d7e8f6!important;font-size:14px!important;}
.coach-user-content{min-height:300px;}
.coach-browser-tabs button{min-width:130px;}
.coach-services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.coach-service-card{display:flex;flex-direction:column;border-radius:18px;border-color:#ffffff20;background:linear-gradient(155deg,#121d2c,#0a1019 76%);box-shadow:0 12px 35px #0003;transition:transform .2s,border-color .2s,box-shadow .2s;}
.coach-service-card:hover{transform:translateY(-4px);border-color:#8dd9ff77;box-shadow:0 18px 42px #0006,0 0 0 1px #8dd9ff15;}
.coach-service-card>img,.coach-service-card>.coach-service-placeholder{height:clamp(190px,21vw,280px);width:100%;object-fit:cover;}
.coach-service-copy{display:flex;flex:1;flex-direction:column;padding:20px;}
.coach-service-tag{display:inline-flex;align-self:flex-start;margin-bottom:9px;padding:5px 8px;border:1px solid #8dd9ff38;border-radius:999px;color:#9ce5ff;font-size:9px;font-weight:900;letter-spacing:.13em;}
.coach-service-copy h4{font-size:clamp(16px,1.4vw,21px);line-height:1.3;}
.coach-service-copy p{font-size:13px;min-height:46px;line-height:1.6;}
.coach-dual-price{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px;}
.coach-dual-price span{display:inline-flex;align-items:center;padding:8px 11px;border-radius:9px;font-size:13px;font-weight:900;}
.coach-price-tnd{background:#8dd9ff18;border:1px solid #8dd9ff40;color:#a5e7ff;}
.coach-price-usd{background:#b9a0ff14;border:1px solid #b9a0ff40;color:#d0c4ff;}
.coach-service-copy .coach-primary-button{margin-top:auto;min-height:44px;border-radius:11px;letter-spacing:.04em;}
.coach-price-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.coach-price-hint{margin:0 0 14px!important;color:#91a4b8!important;}
.coach-file-field .coach-file-control{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:15px;border:1px dashed #8dd9ff75;border-radius:13px;background:linear-gradient(120deg,#8dd9ff0d,#ffffff04);transition:border-color .2s,background .2s;}
.coach-file-field .coach-file-control:hover{border-color:#8dd9ff;background:#8dd9ff12;}
.coach-file-field .coach-file-control>span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:9px;background:#8dd9ff;color:#06111c;font-size:12px;font-weight:900;}
.coach-file-field .coach-file-control>span:before{content:'↑';font-size:17px;line-height:1;}
.coach-file-field .coach-file-control small{color:#94a9bd;font-size:11px;}
.coach-file-field input[type=file]{margin-top:4px;padding:8px;background:#080f19;border:1px solid #ffffff1b;font-size:11px;}
.coach-file-field input[type=file]::file-selector-button{margin-right:12px;padding:9px 12px;border:0;border-radius:7px;background:#243b50;color:#e8f7ff;font-weight:800;cursor:pointer;}
.coach-avatar-edit{align-items:stretch;}
.coach-avatar-edit>img,.coach-avatar-edit>.coach-avatar-placeholder{flex:0 0 82px;align-self:center;}
.coach-manage-service span{color:#a7e6ff;font-weight:800;}
@media(max-width:850px){.coach-services-grid,.coach-profile-grid,.coach-service-manage-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.coach-service-card>img,.coach-service-card>.coach-service-placeholder{height:210px;}}
@media(max-width:560px){.coach-access-overlay{padding:8px}.coach-access-card.coach-hub-card{width:100%;max-height:96vh;padding:20px 15px;border-radius:18px}.coach-services-grid,.coach-profile-grid,.coach-service-manage-grid,.coach-price-fields{grid-template-columns:1fr}.coach-service-card>img,.coach-service-card>.coach-service-placeholder{height:220px}.coach-commission-note{font-size:12px!important}.coach-public-profile{flex-wrap:wrap}.coach-avatar-edit{flex-direction:column;align-items:flex-start}}

/* V93: keep coach earnings message inside the coach-only login/application panel. */
.coach-earnings-banner{margin:14px 0 22px;padding:clamp(15px,2.3vw,26px);border:1px solid #8dd9ff30;border-radius:16px;background:radial-gradient(ellipse at top right,#8dd9ff16,transparent 60%),linear-gradient(135deg,#101e2d,#0a111b);}
.coach-earnings-banner h2{margin:0 0 12px!important;font-size:clamp(24px,3vw,40px)!important;line-height:1.08;letter-spacing:-.035em;color:#f0f7ff;}
.coach-earnings-banner h2 em{font-style:normal;color:#8dd9ff;}
.coach-earnings-banner .coach-commission-note{max-width:850px;margin:0!important;padding:11px 14px;font-size:13px!important;}

/* SKG Community V94 — Coaching orders, private chat, and inbox */
.coach-buyer-identity{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 14px;border:1px solid #ffffff18;border-radius:12px;background:#ffffff05;margin:12px 0}.coach-buyer-identity label{font-size:9px;letter-spacing:.12em;font-weight:900;color:#9fb2c6;white-space:nowrap}.coach-buyer-identity input{max-width:320px;min-height:37px!important;margin:0!important}.coach-tab-badge{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;margin-left:3px;border-radius:99px;background:#ff8967;color:#170d0d;font-size:8px;font-weight:900;vertical-align:middle}.coach-order-list-head{display:flex;justify-content:space-between;align-items:flex-start;margin:4px 0 17px}.coach-order-list-head h3{margin:6px 0 4px!important}.coach-order-list-head p{margin:0;color:#9eafc1;font-size:11px;line-height:1.7}.coach-order-list{display:grid;gap:10px}.coach-order-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px;border:1px solid #ffffff1d;border-radius:14px;background:linear-gradient(130deg,#101c2b,#0a1019);box-shadow:0 10px 28px #0002}.coach-order-card-main{min-width:0;flex:1}.coach-order-card-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.coach-order-card-title strong{font-size:13px;color:#f1f8ff}.coach-order-card p{margin:8px 0 5px;color:#a7b7c8;font-size:11px}.coach-order-card small{color:#8193a6;font-size:9px}.coach-order-status{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:99px;border:1px solid #8dd9ff38;background:#8dd9ff10;color:#a8e5ff;font-size:8px;font-weight:900;letter-spacing:.08em;white-space:nowrap}.coach-order-status.incomplete{border-color:#ffcb7c55;background:#ffcb7c12;color:#ffcf86}.coach-order-status.completed{border-color:#84e4b455;background:#84e4b411;color:#9af0c9}.coach-order-open{width:auto;min-width:118px;white-space:nowrap}.coach-chat-window{display:flex;flex-direction:column;min-height:350px;max-height:68vh;gap:14px}.coach-chat-head{display:flex;align-items:flex-start;gap:14px;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #ffffff18}.coach-chat-head>div{flex:1;min-width:0}.coach-chat-head h3{margin:6px 0!important;font-size:19px!important}.coach-chat-head p{margin:0;font-size:10px!important;color:#99afc2!important}.coach-chat-history{flex:1;min-height:180px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid #ffffff12;border-radius:12px;background:#050b12}.coach-chat-message{max-width:min(85%,650px);align-self:flex-start;border:1px solid #8dd9ff20;border-radius:12px 12px 12px 3px;background:#142337;padding:10px 12px}.coach-chat-message.client{align-self:flex-end;border-color:#b9a0ff25;background:#211e36;border-radius:12px 12px 3px 12px}.coach-chat-message.system{align-self:center;max-width:100%;border-style:dashed;background:#ffffff05;text-align:center}.coach-chat-message small{display:block;margin-bottom:5px;color:#90a7ba;font-size:8px;letter-spacing:.05em}.coach-chat-message p{margin:0;color:#e8f1fa;font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.coach-chat-compose{display:flex;align-items:stretch;gap:9px;margin:0!important}.coach-chat-compose textarea{flex:1;min-height:48px!important;margin:0!important;resize:vertical}.coach-chat-compose .coach-primary-button{align-self:stretch;white-space:nowrap}.coach-chat-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding-top:13px;border-top:1px solid #ffffff18}.coach-chat-actions p{flex:1 1 100%;margin:0 0 2px!important;font-size:10px!important;color:#91a3b5!important}.coach-chat-actions button,.coach-chat-closed-note button{padding:11px 14px;border-radius:9px;font-size:9px;letter-spacing:.07em;font-weight:900}.coach-chat-incomplete{border:1px solid #ffcb7c55;background:#ffcb7c10;color:#ffce85}.coach-chat-complete{border:1px solid #84e4b455;background:#84e4b411;color:#9af0c9}.coach-chat-closed-note{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid #ffffff19;border-radius:10px;color:#aab9c8;font-size:11px;background:#ffffff05}.coach-chat-closed-note button{border:1px solid #8dd9ff55;background:#8dd9ff12;color:#a8e5ff}.coach-order-status.pending{border-color:#8dd9ff38;background:#8dd9ff10;color:#a8e5ff}
@media(max-width:650px){.coach-buyer-identity{align-items:stretch;flex-direction:column;gap:7px}.coach-buyer-identity input{max-width:none}.coach-order-card{align-items:stretch;flex-direction:column}.coach-order-open{width:100%}.coach-chat-head{flex-wrap:wrap}.coach-chat-history{min-height:150px}.coach-chat-compose{flex-direction:column}.coach-chat-compose .coach-primary-button{width:100%}.coach-chat-actions button{flex:1}.coach-chat-closed-note{align-items:stretch;flex-direction:column}}
.coach-order-filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 15px}.coach-order-filters button{padding:9px 12px;border:1px solid #ffffff20;border-radius:9px;background:#ffffff06;color:#a4b4c5;font-size:8px;font-weight:900;letter-spacing:.08em}.coach-order-filters button.active{background:#8dd9ff;color:#06111c;border-color:#8dd9ff}

/* V95 coaching notifications and permanently closed incomplete orders */
.coach-notification-center{margin:14px 0 18px;padding:15px;border:1px solid #8dd9ff2c;border-radius:16px;background:linear-gradient(135deg,#102033e8,#090f18f5);box-shadow:0 12px 34px #0003}
.coach-notification-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.coach-notification-head>div{display:grid;gap:4px}
.coach-notification-head strong{color:#f1f8ff;font-size:13px}
.coach-notification-mark{border:1px solid #8dd9ff45;border-radius:9px;padding:9px 11px;background:#8dd9ff0d;color:#a7e2ff;font-size:8px;font-weight:900;letter-spacing:.08em;cursor:pointer}
.coach-notification-list{display:grid;gap:8px}
.coach-notification-item{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid #ffffff14;border-radius:11px;background:#ffffff04}
.coach-notification-item.unread{border-color:#8dd9ff3c;background:#8dd9ff08}
.coach-notification-dot{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#5bd5ff;box-shadow:0 0 12px #5bd5ff55}
.coach-notification-item.read .coach-notification-dot{background:#57697b;box-shadow:none}
.coach-notification-copy{min-width:0;flex:1}
.coach-notification-copy strong{display:block;color:#eef6ff;font-size:11px}
.coach-notification-copy p{margin:4px 0;color:#a9bbce;font-size:10px;line-height:1.6;overflow-wrap:anywhere}
.coach-notification-copy small{color:#74899c;font-size:8px}
.coach-notification-item>button{flex:0 0 auto;border:1px solid #8dd9ff33;border-radius:8px;padding:9px 10px;background:#8dd9ff0a;color:#a9e4ff;font-size:8px;font-weight:900;letter-spacing:.04em;cursor:pointer}
.coach-order-open.is-closed,.coach-order-open:disabled{opacity:.6;cursor:not-allowed;border-color:#ffcb7c40;color:#d8bd8f;background:#ffcb7c0c}
.coach-chat-closed-note{line-height:1.7}
@media(max-width:650px){.coach-notification-head{align-items:flex-start;flex-direction:column}.coach-notification-item{align-items:flex-start;flex-wrap:wrap}.coach-notification-item>button{margin-left:18px;width:calc(100% - 18px)} }

/* V97 — Make the actual dashboard Faserli b Tounsi button open the four requested windows. */
.faserli-tounsi-section {
  position: fixed;
  z-index: 14000;
  inset: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  max-width: none;
  margin: 0;
  padding: clamp(14px, 2.5vw, 34px);
  overflow: auto;
  background:
    radial-gradient(ellipse at 12% 8%, rgba(86, 163, 218, .17), transparent 32%),
    radial-gradient(ellipse at 90% 92%, rgba(255, 170, 72, .10), transparent 35%),
    rgba(5, 10, 18, .97);
  color: #f3f7fb;
  backdrop-filter: blur(18px);
}
.faserli-tounsi-section.hidden { display: none !important; }
.faserli-tounsi-topbar {
  width: min(1100px, 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 auto 20px;
  padding: 0 2px 16px;
  border-bottom: 1px solid rgba(200, 225, 245, .16);
}
.faserli-tounsi-topbar > div { display: flex; align-items: center; gap: 12px; min-width: 0; }
.faserli-tounsi-brand-mark {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  border: 1px solid rgba(141, 217, 255, .56);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(141, 217, 255, .22), rgba(141, 217, 255, .04));
  color: #a9e3ff;
  font: 900 17px/1 Orbitron, sans-serif;
  letter-spacing: -.08em;
}
.faserli-tounsi-topbar > div > span:last-child { display: grid; gap: 4px; }
.faserli-tounsi-topbar strong { font-size: 12px; letter-spacing: .16em; }
.faserli-tounsi-topbar small { color: #8ca4bb; font-size: 10px; letter-spacing: .16em; }
.faserli-tounsi-close {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 13px;
  background: rgba(255,255,255,.06);
  color: #fff;
  font-size: 29px;
  line-height: 1;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.faserli-tounsi-close:hover { transform: translateY(-2px); border-color: #8dd9ff; background: rgba(141,217,255,.12); }
.faserli-tounsi-grid { width: min(1100px, 100%); padding-bottom: 10px; }
.faserli-tounsi-window { min-height: 250px; border-color: rgba(174, 205, 231, .18); background: linear-gradient(145deg, rgba(20, 31, 46, .98), rgba(10, 17, 28, .97)); box-shadow: 0 18px 54px rgba(0,0,0,.24); }
.faserli-tounsi-window:nth-child(1) { background: radial-gradient(circle at 90% 8%, rgba(141,217,255,.10), transparent 42%), linear-gradient(145deg, rgba(23,37,54,.99), rgba(10,17,28,.97)); }
.faserli-tounsi-window:nth-child(2) { background: radial-gradient(circle at 90% 8%, rgba(255,191,94,.10), transparent 42%), linear-gradient(145deg, rgba(25,33,44,.99), rgba(10,17,28,.97)); }
.faserli-tounsi-window:nth-child(3) { background: radial-gradient(circle at 90% 8%, rgba(132,231,192,.09), transparent 42%), linear-gradient(145deg, rgba(20,36,42,.99), rgba(10,17,28,.97)); }
.faserli-tounsi-window:nth-child(4) { background: radial-gradient(circle at 90% 8%, rgba(198,167,255,.10), transparent 42%), linear-gradient(145deg, rgba(30,28,46,.99), rgba(10,17,28,.97)); }
.faserli-tounsi-find-duo-only button,
.faserli-find-duo-only button { min-height: 46px; padding: 13px 18px; border-radius: 12px; }
body.faserli-guide-open { overflow: hidden; }
@media (max-width: 700px) {
  .faserli-tounsi-section { padding: 12px; }
  .faserli-tounsi-topbar { margin-bottom: 13px; }
  .faserli-tounsi-grid { gap: 12px; }
  .faserli-tounsi-window { min-height: 0; padding: 24px 21px; }
  .faserli-tounsi-topbar strong { font-size: 10px; }
  .faserli-tounsi-topbar small { font-size: 8px; letter-spacing: .1em; }
}


/* V98 FIX: onboarding identity form must never be collapsed or clipped by older theme overrides. */
body.skg-onboarding #app, body.skg-onboarding .app-shell, body.skg-onboarding .main-content-wrap { min-height:100vh!important; height:auto!important; max-height:none!important; overflow:visible!important; }
body.skg-onboarding .onboarding-shell { display:block!important; position:relative!important; width:min(960px,100%)!important; max-width:960px!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; margin:24px auto!important; padding:clamp(22px,4vw,48px)!important; }
body.skg-onboarding .identity-form { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-auto-flow:row!important; grid-auto-rows:min-content!important; align-items:start!important; gap:20px 24px!important; width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; }
body.skg-onboarding .identity-form>label { display:flex!important; flex-direction:column!important; gap:9px!important; min-width:0!important; width:100%!important; height:auto!important; max-height:none!important; overflow:visible!important; }
body.skg-onboarding .identity-form input:not([type=checkbox]), body.skg-onboarding .identity-form select { display:block!important; width:100%!important; min-height:50px!important; height:auto!important; max-height:none!important; visibility:visible!important; opacity:1!important; }
body.skg-onboarding .identity-form .public-identity-consent, body.skg-onboarding .identity-form #onboardingMessage, body.skg-onboarding .identity-form>button[type=submit] { grid-column:1/-1!important; }
body.skg-onboarding .onboarding-footnote { display:block!important; margin-top:18px!important; }
@media(max-width:650px){body.skg-onboarding .identity-form{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}body.skg-onboarding .identity-form .public-identity-consent,body.skg-onboarding .identity-form #onboardingMessage,body.skg-onboarding .identity-form>button[type=submit]{grid-column:1!important}}

/* V99 — onboarding card stays expanded and dashboard shortcuts are easier to read. */
body.skg-onboarding,
body.skg-onboarding #appView,
body.skg-onboarding .app-shell,
body.skg-onboarding .main-content-wrap,
body.skg-onboarding #appContent {
  height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important;
}
body.skg-onboarding #appContent { display:block!important; align-content:start!important; }
body.skg-onboarding .onboarding-shell {
  display:block!important; position:relative!important; box-sizing:border-box!important;
  width:min(100%,1000px)!important; max-width:1000px!important; height:auto!important;
  min-height:max-content!important; max-height:none!important; overflow:visible!important;
  margin:22px auto 40px!important; padding:clamp(28px,4.5vw,54px)!important;
}
body.skg-onboarding .onboarding-shell h1 { line-height:1.18!important; }
body.skg-onboarding .identity-form { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:20px 24px!important; height:auto!important; overflow:visible!important; }
body.skg-onboarding .identity-form>label { display:flex!important; flex-direction:column!important; min-width:0!important; gap:9px!important; font-size:16px!important; line-height:1.5!important; }
body.skg-onboarding .identity-form input:not([type=checkbox]),
body.skg-onboarding .identity-form select { box-sizing:border-box!important; width:100%!important; min-height:54px!important; padding:13px 15px!important; font-size:16px!important; line-height:1.4!important; }
body.skg-onboarding .identity-form .public-identity-consent,
body.skg-onboarding .identity-form #onboardingMessage,
body.skg-onboarding .identity-form>button[type=submit] { grid-column:1/-1!important; }
body.skg-onboarding .identity-form .public-identity-consent { flex-direction:row!important; align-items:flex-start!important; }
body.skg-onboarding .identity-form>button[type=submit] { min-height:58px!important; font-size:15px!important; }
body.skg-onboarding .onboarding-lead,
body.skg-onboarding .onboarding-footnote { font-size:15px!important; line-height:1.7!important; }
.dashboard-home-welcome .home-quick-actions { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px!important; }
.dashboard-home-welcome .home-action-button { min-height:88px!important; padding:17px 16px!important; gap:13px!important; border-radius:12px!important; }
.dashboard-home-welcome .home-action-icon { width:44px!important; height:44px!important; flex:0 0 44px!important; font-size:23px!important; }
.dashboard-home-welcome .home-action-button b { display:block!important; font-size:15px!important; line-height:1.35!important; }
.dashboard-home-welcome .home-action-button small { display:block!important; font-size:12px!important; line-height:1.5!important; margin-top:4px!important; }
.dashboard-home-welcome .home-action-button>i { font-size:20px!important; }
.dashboard-home-welcome .home-action-coaching .home-action-icon { background:rgba(138,92,246,.12)!important; color:#a98aff!important; }
.dashboard-home-welcome .home-action-pro .home-action-icon { background:rgba(242,184,75,.15)!important; color:#e9b94d!important; }
.dashboard-home-welcome .home-action-book-game .home-action-icon { background:rgba(59,171,139,.14)!important; color:#58c5a4!important; }
@media(max-width:650px) {
 body.skg-onboarding .onboarding-shell { width:100%!important; margin:10px auto 24px!important; padding:23px 17px!important; }
 body.skg-onboarding .identity-form { grid-template-columns:minmax(0,1fr)!important; gap:17px!important; }
 body.skg-onboarding .identity-form>label,
 body.skg-onboarding .identity-form .public-identity-consent,
 body.skg-onboarding .identity-form #onboardingMessage,
 body.skg-onboarding .identity-form>button[type=submit] { grid-column:1!important; }
 .dashboard-home-welcome .home-quick-actions { grid-template-columns:minmax(0,1fr)!important; }
 .dashboard-home-welcome .home-action-button { min-height:78px!important; }
}

/* V102: live SKG player presence badges */
.skg-presence-badge{display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;padding:3px 7px;border:1px solid rgba(248,75,75,.26);border-radius:999px;background:rgba(248,75,75,.09);color:#ff7777;font:800 9px/1.1 Inter,system-ui,sans-serif;letter-spacing:.09em;white-space:nowrap;vertical-align:middle}
.skg-presence-badge i{display:block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#ff4545;box-shadow:0 0 7px rgba(255,69,69,.55)}
.skg-presence-badge.is-online{border-color:rgba(51,220,119,.3);background:rgba(51,220,119,.09);color:#4be38a}
.skg-presence-badge.is-online i{background:#2ee879;box-shadow:0 0 8px rgba(46,232,121,.75)}
.player-card-avatar{position:relative}
.player-card-avatar>.skg-presence-badge{position:absolute;left:50%;bottom:-11px;transform:translateX(-50%);z-index:3;box-shadow:0 5px 18px rgba(0,0,0,.4)}
.social-friend-avatar-wrap,.message-contact-avatar,.thread-header-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.social-friend-avatar-wrap>.skg-presence-badge,.message-contact-avatar>.skg-presence-badge,.thread-header-avatar>.skg-presence-badge{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);z-index:3;font-size:8px;padding:3px 5px}
.social-friend-avatar-wrap .social-avatar{display:block}
.message-contact-avatar img,.thread-header-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.message-contact-avatar{width:42px;height:42px;border-radius:12px;overflow:visible}
.message-contact-avatar img{border-radius:12px}
.thread-header-avatar{width:48px;height:48px;border-radius:14px;overflow:visible}
.thread-header-avatar img{border-radius:14px}
.message-contact-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.message-contact-copy>.skg-presence-badge{font-size:8px;padding:2px 5px}
.thread-header-identity{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.social-friend-main>.skg-presence-badge{margin:0 0 8px}
/* Faster navigation transition: keep the lightning effect, shorten the cover and exit. */
#cloudTransition.cloud-transition.cloud-cover{animation:skg-lightning-cover .45s cubic-bezier(.55,.02,.24,1) forwards!important}
#cloudTransition.cloud-transition.cloud-away{animation:skg-lightning-away .45s cubic-bezier(.68,0,.3,1) forwards!important}
#cloudTransition.cloud-transition.cloud-running .transition-logo{animation:skg-logo-mega .85s cubic-bezier(.16,.72,.2,1) both!important}
#cloudTransition.cloud-transition.cloud-running .cloud-drift-one{animation:cloud-drift .75s ease-in-out both!important}
#cloudTransition.cloud-transition.cloud-running .cloud-drift-two{animation:cloud-drift .78s .06s ease-in-out both!important}

/* V103 — Coaching user marketplace: cream + citrus orange, sliding window and swipeable rails */
@keyframes skgCoachMarketSlideIn {
  0% { opacity:0; transform:translate3d(0,42px,0) scale(.975); }
  68% { opacity:1; transform:translate3d(0,-4px,0) scale(1.002); }
  100% { opacity:1; transform:translate3d(0,0,0) scale(1); }
}
@keyframes skgCoachPanelSlideIn {
  from { opacity:0; transform:translate3d(24px,0,0); }
  to { opacity:1; transform:translate3d(0,0,0); }
}
@keyframes skgCoachCarouselAppear {
  from { opacity:0; transform:translate3d(26px,0,0); }
  to { opacity:1; transform:translate3d(0,0,0); }
}
#coachAccessOverlay.coach-user-experience { padding:clamp(8px,2.3vw,26px); }
#coachAccessOverlay.coach-user-experience .coach-access-backdrop { background:rgba(107,71,28,.3); backdrop-filter:blur(13px) saturate(1.1); }
#coachAccessOverlay.coach-user-experience .coach-access-card.coach-hub-card {
  width:min(1160px,97vw); max-height:94vh; overflow:auto; padding:clamp(18px,3vw,36px);
  border:1px solid rgba(255,255,255,.9); border-radius:32px;
  background:linear-gradient(145deg,#fffaf2 0%,#fff2dd 100%); color:#4c4d55;
  box-shadow:0 34px 110px rgba(100,63,16,.26),0 7px 24px rgba(111,73,29,.1);
  animation:skgCoachMarketSlideIn .48s cubic-bezier(.2,.8,.2,1) both;
}
#coachAccessOverlay.coach-user-experience .coach-access-card.coach-hub-card>.coach-access-kicker,
#coachAccessOverlay.coach-user-experience #coachAccessTitle { display:none; }
#coachAccessOverlay.coach-user-experience .coach-access-close {
  position:sticky; float:right; top:0; z-index:5; display:grid; place-items:center;
  width:38px; height:38px; margin:0 -5px 0 12px; border-radius:50%; border:1px solid #ffe0b0;
  background:#fff; color:#fa8b00; font-size:27px; line-height:1; box-shadow:0 5px 14px #8a57171a;
}
#coachAccessOverlay.coach-user-experience #coachUserPanel,
#coachAccessOverlay.coach-user-experience #coachShopPanel {
  margin:0; padding:0; border:0; border-radius:0; background:transparent; color:#4c4d55;
}
#coachAccessOverlay.coach-user-experience .coach-panel:not(.hidden) { animation:skgCoachPanelSlideIn .36s cubic-bezier(.2,.8,.2,1) both; }
#coachAccessOverlay.coach-user-experience .coach-back-link { display:inline-flex; align-items:center; gap:7px; color:#85858c; font-size:13px; font-weight:800; padding:7px 0 12px; }
#coachAccessOverlay.coach-user-experience .coach-back-link:hover { color:#fa8b00; }
#coachAccessOverlay.coach-user-experience .coach-market-header {
  position:relative; display:flex; align-items:center; justify-content:space-between; gap:20px;
  min-height:150px; margin:0 0 18px; padding:clamp(22px,3vw,34px);
  overflow:hidden; border:1px solid #fff; border-radius:24px;
  background:linear-gradient(108deg,#fff 0%,#fff 54%,#fff0d3 100%); box-shadow:0 10px 28px rgba(144,92,22,.07);
}
#coachAccessOverlay.coach-user-experience .coach-market-header:after {
  content:""; position:absolute; right:-55px; top:-105px; width:270px; height:270px; border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#ffb62e 0%,#ff9800 53%,#ff8700 100%); opacity:.96;
}
#coachAccessOverlay.coach-user-experience .coach-market-header>div { position:relative; z-index:1; }
#coachAccessOverlay.coach-user-experience .coach-market-eyebrow { display:inline-block; color:#ef8b00; font-size:10px; font-weight:950; letter-spacing:.17em; }
#coachAccessOverlay.coach-user-experience .coach-market-header h3 { margin:8px 0 7px; color:#454750; font-size:clamp(27px,4vw,43px); line-height:1.08; letter-spacing:-.045em; }
#coachAccessOverlay.coach-user-experience .coach-market-header p { margin:0; color:#888891; font-size:13px; line-height:1.6; }
#coachAccessOverlay.coach-user-experience .coach-market-mark { display:grid; place-items:center; flex:0 0 64px; width:64px; height:64px; border:1px solid #ffffff90; border-radius:22px; background:#ffffff26; color:#fff; font-size:33px; font-weight:600; box-shadow:inset 0 1px 0 #ffffff65; }
#coachAccessOverlay.coach-user-experience .coach-buyer-identity { display:flex; align-items:center; gap:15px; margin:0 0 18px; padding:12px 15px; border:1px solid #fff; border-radius:16px; background:#ffffffbd; }
#coachAccessOverlay.coach-user-experience .coach-buyer-identity label { flex:0 0 auto; margin:0; color:#96959b; font-size:9px; font-weight:950; letter-spacing:.12em; }
#coachAccessOverlay.coach-user-experience #coachBuyerName { min-height:38px; margin:0; padding:8px 12px; border:1px solid #f0eee9; border-radius:11px; background:#fff; color:#474851; font-size:13px; }
#coachAccessOverlay.coach-user-experience #coachBuyerName::placeholder { color:#c5c2bd; }
#coachAccessOverlay.coach-user-experience .coach-browser-tabs { display:flex; flex-wrap:nowrap; gap:8px; margin:0 0 22px; padding:0 0 8px; overflow-x:auto; scrollbar-width:none; }
#coachAccessOverlay.coach-user-experience .coach-browser-tabs::-webkit-scrollbar { display:none; }
#coachAccessOverlay.coach-user-experience .coach-browser-tabs button {
  flex:0 0 auto; min-width:0; padding:12px 18px; border:1px solid #f5e8d6; border-radius:999px;
  background:#fff; color:#9b9892; font-size:10px; font-weight:950; letter-spacing:.09em; transition:background .2s,color .2s,transform .2s,box-shadow .2s;
}
#coachAccessOverlay.coach-user-experience .coach-browser-tabs button:hover { transform:translateY(-1px); border-color:#ffce8a; color:#ee8800; }
#coachAccessOverlay.coach-user-experience .coach-browser-tabs button.active { border-color:#ff9900; background:#ff9500; color:#fff; box-shadow:0 7px 18px #ff950036; }
#coachAccessOverlay.coach-user-experience .coach-tab-badge { display:inline-grid; place-items:center; min-width:17px; height:17px; margin-left:4px; padding:0 4px; border-radius:999px; background:#fff0d6; color:#e17e00; }
#coachAccessOverlay.coach-user-experience .coach-user-content { min-height:220px; }
#coachAccessOverlay.coach-user-experience .coach-carousel { min-width:0; animation:skgCoachCarouselAppear .34s ease both; }
#coachAccessOverlay.coach-user-experience .coach-carousel-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:2px 0 13px; }
#coachAccessOverlay.coach-user-experience .coach-carousel-head p { margin:5px 0 0; color:#a09c96; font-size:11px; }
#coachAccessOverlay.coach-user-experience .coach-carousel-actions { display:flex; gap:8px; }
#coachAccessOverlay.coach-user-experience .coach-carousel-actions button {
  display:grid; place-items:center; width:39px; height:39px; border:1px solid #f4e3cd; border-radius:50%;
  background:#fff; color:#eb8900; font-size:25px; line-height:1; cursor:pointer; transition:transform .18s,background .18s,color .18s,box-shadow .18s;
}
#coachAccessOverlay.coach-user-experience .coach-carousel-actions button:hover { transform:translateY(-2px); background:#ff9600; color:#fff; box-shadow:0 7px 17px #ff960033; }
#coachAccessOverlay.coach-user-experience .coach-carousel-actions button:active { transform:scale(.94); }
#coachAccessOverlay.coach-user-experience .coach-carousel-track {
  display:flex !important; flex-wrap:nowrap !important; align-items:stretch; gap:17px; min-width:0; padding:4px 5px 20px;
  overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scroll-behavior:smooth; overscroll-behavior-x:contain;
  scrollbar-width:none; -webkit-overflow-scrolling:touch;
}
#coachAccessOverlay.coach-user-experience .coach-carousel-track::-webkit-scrollbar { display:none; }
#coachAccessOverlay.coach-user-experience .coach-services-grid .coach-service-card { flex:0 0 clamp(245px,29%,310px); width:clamp(245px,29%,310px); min-width:0; scroll-snap-align:start; border:1px solid #fff; border-radius:22px; overflow:hidden; background:#fff; box-shadow:0 8px 24px rgba(120,76,22,.09); }
#coachAccessOverlay.coach-user-experience .coach-service-card:hover { transform:translateY(-4px); border-color:#ffd59b; box-shadow:0 16px 30px rgba(146,91,22,.14); }
#coachAccessOverlay.coach-user-experience .coach-service-card>img,
#coachAccessOverlay.coach-user-experience .coach-service-card>.coach-service-placeholder { display:flex; align-items:center; justify-content:center; width:100%; height:clamp(170px,19vw,218px); object-fit:cover; border:0; background:linear-gradient(145deg,#ffb426,#ff8800); }
#coachAccessOverlay.coach-user-experience .coach-service-placeholder { flex-direction:column; gap:4px; color:#fff; }
#coachAccessOverlay.coach-user-experience .coach-service-placeholder span { display:grid; place-items:center; width:76px; height:76px; border:1px solid #ffffff8a; border-radius:25px; background:#ffffff24; font-size:42px; box-shadow:inset 0 1px 0 #ffffff5c; }
#coachAccessOverlay.coach-user-experience .coach-service-placeholder small { color:#fff; font-size:9px; font-weight:900; letter-spacing:.18em; }
#coachAccessOverlay.coach-user-experience .coach-service-copy { padding:18px 18px 19px; background:linear-gradient(180deg,#fff 0%,#fffaf4 100%); }
#coachAccessOverlay.coach-user-experience .coach-service-tag { max-width:100%; margin-bottom:10px; padding:5px 9px; overflow:hidden; border:0; border-radius:999px; background:#fff0d7; color:#eb8700; font-size:8px; letter-spacing:.1em; text-overflow:ellipsis; white-space:nowrap; }
#coachAccessOverlay.coach-user-experience .coach-service-copy h4 { margin:0 0 8px; color:#4a4b53; font-size:19px; font-weight:900; line-height:1.25; }
#coachAccessOverlay.coach-user-experience .coach-service-copy p { min-height:45px; margin:0; color:#929099; font-size:11px; line-height:1.65; }
#coachAccessOverlay.coach-user-experience .coach-dual-price { gap:7px; margin:14px 0 15px; }
#coachAccessOverlay.coach-user-experience .coach-dual-price span { padding:7px 10px; border:0; border-radius:999px; font-size:11px; }
#coachAccessOverlay.coach-user-experience .coach-price-tnd { background:#ffebcc; color:#e98300; }
#coachAccessOverlay.coach-user-experience .coach-price-usd { background:#f4f3f0; color:#93919a; }
#coachAccessOverlay.coach-user-experience .coach-service-copy .coach-primary-button { display:flex; align-items:center; justify-content:center; gap:13px; min-height:44px; border:0; border-radius:999px; background:#ff9500; color:#fff; font-size:10px; box-shadow:0 8px 17px #ff950027; }
#coachAccessOverlay.coach-user-experience .coach-service-copy .coach-primary-button:hover { background:#f18700; }
#coachAccessOverlay.coach-user-experience .coach-service-copy .coach-primary-button span { font-size:17px; }
#coachAccessOverlay.coach-user-experience .coach-profile-grid .coach-profile-card { position:relative; display:flex; flex:0 0 clamp(190px,22%,235px); width:clamp(190px,22%,235px); min-height:290px; flex-direction:column; align-items:center; gap:10px; padding:0 16px 19px; scroll-snap-align:start; overflow:hidden; border:1px solid #fff; border-radius:22px; background:linear-gradient(180deg,#ff9800 0,#ff9800 118px,#fff 118px,#fffaf4 100%); box-shadow:0 8px 24px rgba(120,76,22,.09); color:#4a4b53; transition:transform .23s,box-shadow .23s; }
#coachAccessOverlay.coach-user-experience .coach-profile-grid .coach-profile-card:hover { transform:translateY(-4px); box-shadow:0 15px 30px rgba(146,91,22,.15); }
#coachAccessOverlay.coach-user-experience .coach-profile-card>img,
#coachAccessOverlay.coach-user-experience .coach-profile-card>.coach-avatar-placeholder { width:88px; height:88px; flex:0 0 88px; margin-top:26px; border:4px solid #fff; border-radius:50%; background:#fff4e3; color:#f08b00; font-size:35px; box-shadow:0 7px 20px #9a5c2425; object-fit:cover; }
#coachAccessOverlay.coach-user-experience .coach-profile-card>strong { width:100%; color:#494a52; font-size:16px; font-weight:900; overflow-wrap:anywhere; }
#coachAccessOverlay.coach-user-experience .coach-profile-card small { min-height:32px; color:#929099; font-size:10px; line-height:1.5; }
#coachAccessOverlay.coach-user-experience .coach-profile-card>span:last-child { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:auto; padding:10px 14px; border-radius:999px; background:#fff0d7; color:#eb8700; font-size:8px; font-weight:950; letter-spacing:.08em; }
#coachAccessOverlay.coach-user-experience .coach-profile-card>span:last-child b { font-size:14px; }
#coachAccessOverlay.coach-user-experience .coach-carousel-footer { display:flex; align-items:center; gap:10px; padding:0 5px; color:#aaa6a0; font-size:8px; font-weight:900; letter-spacing:.13em; }
#coachAccessOverlay.coach-user-experience .coach-carousel-trackline { display:block; flex:1; height:3px; overflow:hidden; border-radius:99px; background:#f1e5d4; }
#coachAccessOverlay.coach-user-experience .coach-carousel-trackline i { display:block; width:32%; height:100%; border-radius:99px; background:#ff9700; }
#coachAccessOverlay.coach-user-experience .coach-empty { padding:28px; border:1px dashed #f0d7b4; border-radius:19px; background:#fffaf3; color:#918b82; }
#coachAccessOverlay.coach-user-experience .coach-public-profile { gap:18px; margin:5px 0 22px; padding:20px; border:1px solid #fff; border-radius:22px; background:#fff; box-shadow:0 8px 24px rgba(120,76,22,.07); }
#coachAccessOverlay.coach-user-experience .coach-public-profile>img,
#coachAccessOverlay.coach-user-experience .coach-public-profile>.coach-avatar-placeholder { width:82px; height:82px; flex:0 0 82px; border:3px solid #fff0d7; background:#ffebcf; color:#ee8b00; }
#coachAccessOverlay.coach-user-experience .coach-public-profile h3 { margin:8px 0; color:#474851; font-size:25px; }
#coachAccessOverlay.coach-user-experience .coach-public-profile p { color:#929099; }
#coachAccessOverlay.coach-user-experience .coach-public-profile .coach-access-kicker { color:#ef8b00; }
#coachAccessOverlay.coach-user-experience .coach-public-profile+.coach-carousel { margin-top:12px; }
#coachAccessOverlay.coach-user-experience #coachShopContent { animation:skgCoachPanelSlideIn .36s ease both; }
@media(max-width:700px) {
  #coachAccessOverlay.coach-user-experience .coach-access-card.coach-hub-card { width:100%; max-height:96vh; padding:15px 13px 20px; border-radius:24px; }
  #coachAccessOverlay.coach-user-experience .coach-market-header { min-height:130px; padding:20px 17px; border-radius:19px; }
  #coachAccessOverlay.coach-user-experience .coach-market-header:after { right:-100px; top:-58px; width:200px; height:200px; }
  #coachAccessOverlay.coach-user-experience .coach-market-header h3 { max-width:75%; font-size:28px; }
  #coachAccessOverlay.coach-user-experience .coach-market-header p { max-width:75%; font-size:11px; }
  #coachAccessOverlay.coach-user-experience .coach-market-mark { flex-basis:44px; width:44px; height:44px; border-radius:15px; font-size:23px; }
  #coachAccessOverlay.coach-user-experience .coach-buyer-identity { align-items:flex-start; flex-direction:column; gap:7px; padding:11px; }
  #coachAccessOverlay.coach-user-experience #coachBuyerName { box-sizing:border-box; width:100%; }
  #coachAccessOverlay.coach-user-experience .coach-browser-tabs button { padding:10px 14px; font-size:9px; }
  #coachAccessOverlay.coach-user-experience .coach-carousel-track { gap:12px; }
  #coachAccessOverlay.coach-user-experience .coach-services-grid .coach-service-card { flex-basis:80%; width:80%; max-width:330px; }
  #coachAccessOverlay.coach-user-experience .coach-service-card>img,
  #coachAccessOverlay.coach-user-experience .coach-service-card>.coach-service-placeholder { height:190px; }
  #coachAccessOverlay.coach-user-experience .coach-profile-grid .coach-profile-card { flex-basis:68%; width:68%; max-width:250px; }
}
@media(prefers-reduced-motion:reduce) {
  #coachAccessOverlay.coach-user-experience .coach-access-card.coach-hub-card,
  #coachAccessOverlay.coach-user-experience .coach-panel:not(.hidden),
  #coachAccessOverlay.coach-user-experience .coach-carousel,
  #coachAccessOverlay.coach-user-experience #coachShopContent { animation:none!important; }
  #coachAccessOverlay.coach-user-experience .coach-carousel-track { scroll-behavior:auto; }
}


/* V104 — Restore the Coaching user marketplace to neutral grey; preserve V103 sliding and carousel motion. */
#coachAccessOverlay.coach-user-experience .coach-access-backdrop { background:rgba(5,6,8,.68); backdrop-filter:blur(13px) saturate(.65); }
#coachAccessOverlay.coach-user-experience .coach-access-card.coach-hub-card {
  border-color:#505157; background:linear-gradient(145deg,#34353a 0%,#242529 100%); color:#e6e6e9;
  box-shadow:0 34px 110px rgba(0,0,0,.55),0 7px 24px rgba(0,0,0,.24);
}
#coachAccessOverlay.coach-user-experience .coach-access-close { border-color:#55565d; background:#3b3c42; color:#ececef; box-shadow:0 5px 14px #0003; }
#coachAccessOverlay.coach-user-experience #coachUserPanel,
#coachAccessOverlay.coach-user-experience #coachShopPanel { color:#e5e5e8; }
#coachAccessOverlay.coach-user-experience .coach-back-link { color:#c4c5ca; }
#coachAccessOverlay.coach-user-experience .coach-back-link:hover { color:#fff; }
#coachAccessOverlay.coach-user-experience .coach-market-header {
  border-color:#55565c; background:linear-gradient(108deg,#414247 0%,#303136 56%,#38393e 100%);
  box-shadow:0 10px 28px rgba(0,0,0,.18);
}
#coachAccessOverlay.coach-user-experience .coach-market-header:after { background:radial-gradient(circle at 35% 35%,#66676e 0%,#48494f 53%,#38393e 100%); opacity:.7; }
#coachAccessOverlay.coach-user-experience .coach-market-eyebrow { color:#d1d2d6; }
#coachAccessOverlay.coach-user-experience .coach-market-header h3 { color:#f4f4f6; }
#coachAccessOverlay.coach-user-experience .coach-market-header p { color:#c0c1c6; }
#coachAccessOverlay.coach-user-experience .coach-market-mark { border-color:#ffffff36; background:#ffffff0d; color:#f5f5f6; box-shadow:inset 0 1px 0 #ffffff1c; }
#coachAccessOverlay.coach-user-experience .coach-buyer-identity { border-color:#4d4e54; background:#2d2e33; }
#coachAccessOverlay.coach-user-experience .coach-buyer-identity label { color:#b4b5ba; }
#coachAccessOverlay.coach-user-experience #coachBuyerName { border-color:#55565c; background:#202125; color:#f0f0f2; }
#coachAccessOverlay.coach-user-experience #coachBuyerName::placeholder { color:#8f9097; }
#coachAccessOverlay.coach-user-experience .coach-browser-tabs button {
  border-color:#525359; background:#38393e; color:#c1c2c7;
}
#coachAccessOverlay.coach-user-experience .coach-browser-tabs button:hover { border-color:#777880; color:#fff; }
#coachAccessOverlay.coach-user-experience .coach-browser-tabs button.active { border-color:#d0d1d5; background:#c7c8cd; color:#242529; box-shadow:0 7px 18px #0002; }
#coachAccessOverlay.coach-user-experience .coach-tab-badge { background:#4b4c52; color:#f0f0f2; }
#coachAccessOverlay.coach-user-experience .coach-carousel-head p { color:#adaeb4; }
#coachAccessOverlay.coach-user-experience .coach-carousel-actions button { border-color:#55565d; background:#3a3b40; color:#e1e2e6; }
#coachAccessOverlay.coach-user-experience .coach-carousel-actions button:hover { background:#c7c8cd; color:#242529; box-shadow:0 7px 17px #0003; }
#coachAccessOverlay.coach-user-experience .coach-carousel-trackline { background:#4b4c52; }
#coachAccessOverlay.coach-user-experience .coach-carousel-trackline i { background:#bfc0c5; }
#coachAccessOverlay.coach-user-experience .coach-services-grid .coach-service-card {
  border-color:#515258; background:#303136; box-shadow:0 8px 24px rgba(0,0,0,.22);
}
#coachAccessOverlay.coach-user-experience .coach-service-card:hover { border-color:#74757c; box-shadow:0 16px 30px rgba(0,0,0,.34); }
#coachAccessOverlay.coach-user-experience .coach-service-card>img,
#coachAccessOverlay.coach-user-experience .coach-service-card>.coach-service-placeholder { background:linear-gradient(145deg,#65666d,#3a3b40); }
#coachAccessOverlay.coach-user-experience .coach-service-placeholder span { border-color:#ffffff35; background:#ffffff10; box-shadow:inset 0 1px 0 #ffffff1c; }
#coachAccessOverlay.coach-user-experience .coach-service-copy { background:linear-gradient(180deg,#38393e 0%,#2e2f34 100%); }
#coachAccessOverlay.coach-user-experience .coach-service-tag { background:#494a50; color:#e0e1e5; }
#coachAccessOverlay.coach-user-experience .coach-service-copy h4 { color:#f1f1f3; }
#coachAccessOverlay.coach-user-experience .coach-service-copy p { color:#b7b8bd; }
#coachAccessOverlay.coach-user-experience .coach-price-tnd,
#coachAccessOverlay.coach-user-experience .coach-price-usd { background:#48494f; color:#e2e3e6; }
#coachAccessOverlay.coach-user-experience .coach-service-copy .coach-primary-button { background:#c7c8cd; color:#242529; box-shadow:0 8px 17px #0003; }
#coachAccessOverlay.coach-user-experience .coach-service-copy .coach-primary-button:hover { background:#e1e2e5; }
#coachAccessOverlay.coach-user-experience .coach-profile-grid .coach-profile-card { border-color:#515258; background:linear-gradient(180deg,#66676e 0,#66676e 118px,#37383d 118px,#303136 100%); box-shadow:0 8px 24px rgba(0,0,0,.22); color:#e8e8eb; }
#coachAccessOverlay.coach-user-experience .coach-profile-grid .coach-profile-card:hover { box-shadow:0 15px 30px rgba(0,0,0,.34); }
#coachAccessOverlay.coach-user-experience .coach-profile-card>img,
#coachAccessOverlay.coach-user-experience .coach-profile-card>.coach-avatar-placeholder { border-color:#d9dade; background:#4c4d53; color:#f0f0f2; box-shadow:0 7px 20px #0004; }
#coachAccessOverlay.coach-user-experience .coach-profile-card>strong { color:#f0f0f2; }
#coachAccessOverlay.coach-user-experience .coach-profile-card small { color:#c0c1c6; }
#coachAccessOverlay.coach-user-experience .coach-profile-card>span:last-child { background:#4a4b51; color:#ededf0; }
#coachAccessOverlay.coach-user-experience .coach-empty { border-color:#585960; background:#303136; color:#c0c1c6; }
#coachAccessOverlay.coach-user-experience .coach-public-profile { border-color:#515258; background:#303136; box-shadow:0 8px 24px rgba(0,0,0,.2); }
#coachAccessOverlay.coach-user-experience .coach-public-profile>img,
#coachAccessOverlay.coach-user-experience .coach-public-profile>.coach-avatar-placeholder { border-color:#66676e; background:#46474d; color:#ececef; }
#coachAccessOverlay.coach-user-experience .coach-public-profile h3 { color:#f1f1f3; }
#coachAccessOverlay.coach-user-experience .coach-public-profile p { color:#bebfc4; }
#coachAccessOverlay.coach-user-experience .coach-public-profile .coach-access-kicker { color:#d3d4d8; }
@media(max-width:560px) {
  #coachAccessOverlay.coach-user-experience .coach-market-header { border-color:#505157; }
}


/* V105 — animated SKG monthly subscription shop, inspired by the supplied browser-shop reference. */
.skg-monthly-plan-panel{min-height:0!important;overflow:visible!important}
.skg-monthly-subscription{--ms-purple:#2563eb;--ms-purple-dark:#173b83;--ms-yellow:#7dd3fc;--ms-orange:#3b82f6;--ms-ink:#172a4a;--ms-muted:#62718a;position:relative;width:100%;padding:12px 12px 10px;overflow:hidden;border:1px solid rgba(96,165,250,.38);border-radius:17px;background:linear-gradient(140deg,#fbfdff 0%,#f0f7ff 60%,#e6f2ff 100%);color:var(--ms-ink);box-shadow:0 24px 60px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.95);isolation:isolate}
.skg-monthly-subscription:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 27% 27%,rgba(96,165,250,.22),transparent 40%),radial-gradient(ellipse at 80% 70%,rgba(59,130,246,.16),transparent 42%)}
.skg-monthly-browserbar{height:37px;display:flex;align-items:center;gap:7px;position:relative;z-index:3;margin:0 4px 13px}
.skg-browser-nav{flex:0 0 28px;width:28px;height:28px;border:1.5px solid #6f9df0;border-radius:50%;display:grid;place-items:center;background:#f4faff;color:var(--ms-purple);font-size:22px;line-height:1;box-shadow:0 2px 0 rgba(23,59,131,.1)}
.skg-browser-address{height:34px;min-width:0;flex:1;border:2px solid #669ce8;border-radius:22px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 11px;box-shadow:0 3px 0 rgba(23,59,131,.09);color:#89808b;font-size:10px;letter-spacing:.04em}
.skg-browser-address svg{width:18px;height:18px;fill:none;stroke:#2563eb;stroke-width:3;flex:0 0 auto}
.skg-browser-address span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.skg-browser-address i{margin-left:auto;flex:0 0 17px;height:17px;border-radius:50%;background:#2563eb;position:relative}
.skg-browser-address i:before,.skg-browser-address i:after{content:"";position:absolute;top:7px;left:4px;width:9px;height:2px;border-radius:2px;background:#fff;transform:rotate(45deg)}
.skg-browser-address i:after{transform:rotate(-45deg)}
.skg-browser-star{font-size:27px;color:#60a5fa;text-shadow:0 1px #2563eb,1px 0 #2563eb,-1px 0 #2563eb,0 -1px #2563eb;transform:rotate(7deg);animation:skgMonthlyStarBop 2.8s ease-in-out infinite}
.skg-monthly-shop-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(205px,.78fr);align-items:stretch;gap:clamp(12px,2vw,22px)}
.skg-monthly-scene{min-width:0;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:15px 10px 0;isolation:isolate;perspective:900px}
.skg-monthly-blob{position:absolute;z-index:-1;pointer-events:none;border:2px solid rgba(255,255,255,.84);background:linear-gradient(145deg,#9bdcff,#4e9bff 75%,#2563eb);box-shadow:0 0 0 2px rgba(59,130,246,.3),inset 0 3px 0 rgba(255,255,255,.3)}
.skg-monthly-blob-a{top:22px;left:3%;width:88%;height:210px;border-radius:29% 41% 24% 32%/23% 26% 31% 40%;transform:rotate(-2deg);animation:skgMonthlyBlobMove 8s ease-in-out infinite}
.skg-monthly-blob-b{left:9%;right:6%;bottom:20px;height:75px;background:linear-gradient(145deg,#a5ddff,#38bdf8);border-radius:47% 40% 22% 24%;transform:rotate(-2deg);opacity:.94;animation:skgMonthlyLeafMove 5s ease-in-out infinite}
.skg-monthly-window{position:relative;z-index:2;width:100%;max-width:625px;margin:8px auto 0;border:2px solid #6292e6;border-radius:4px;background:linear-gradient(#fff,#f5faff);box-shadow:7px 7px 0 #7ca8f8,14px 14px 0 #2563eb,0 18px 30px rgba(23,59,131,.15);transform-origin:50% 100%;overflow:hidden}
.skg-monthly-window-toolbar{height:36px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9e8fa;background:rgba(255,255,255,.96)}
.skg-monthly-menu-mark{width:23px;display:grid;gap:4px}.skg-monthly-menu-mark i{height:2px;width:20px;background:#2563eb;border-radius:3px}
.skg-monthly-mini-label{color:#8199c4;font-size:8px;font-weight:900;letter-spacing:.16em}
.skg-monthly-bag-mark{width:25px;height:25px;display:grid;place-items:center;color:#2563eb}.skg-monthly-bag-mark svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.skg-monthly-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:9px}
.skg-monthly-benefit-card{--benefit-delay:0s;position:relative;min-width:0;min-height:182px;padding:12px 9px 10px;border:1.5px solid #6f9df0;border-radius:16px;background:linear-gradient(160deg,#fff 0%,#f6faff 100%);box-shadow:0 4px 0 rgba(37,99,235,.08);display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;animation:skgBenefitFloat 4s ease-in-out var(--benefit-delay) infinite}
.skg-benefit-one{--benefit-delay:0s}.skg-benefit-two{--benefit-delay:.45s}.skg-benefit-three{--benefit-delay:.9s}
.skg-monthly-benefit-card:after{content:"";position:absolute;inset:-50% auto -50% -55%;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);transform:rotate(19deg);animation:skgBenefitShine 5s ease-in-out infinite;pointer-events:none}
.skg-benefit-number{position:absolute;left:8px;top:7px;color:#a2badf;font:900 8px/1 Orbitron,sans-serif;letter-spacing:.08em}
.skg-benefit-icon{width:60px;height:54px;margin:8px 0 7px;display:grid;place-items:center;position:relative;filter:drop-shadow(0 5px 5px rgba(37,99,235,.16));animation:skgBenefitIconBob 2.8s ease-in-out infinite}
.skg-benefit-icon svg{width:54px;height:54px;fill:#7dd3fc;stroke:#2563eb;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.skg-icon-controller svg{fill:#60a5fa}.skg-icon-controller .skg-icon-cut{fill:none;stroke:#2563eb;stroke-width:4}.skg-icon-controller .skg-icon-cut-fill{fill:#38bdf8;stroke:#2563eb;stroke-width:1.5}
.skg-icon-review svg{fill:#e3f0ff}.skg-icon-growth svg{fill:#93c5fd}
.skg-monthly-benefit-card h4{margin:0 0 6px;color:#17345f;font-size:clamp(8px,.78vw,11px);font-weight:1000;line-height:1.15;letter-spacing:.02em}
.skg-monthly-benefit-card p{margin:0;color:#586d8b;font-size:clamp(7px,.68vw,9px);font-weight:600;line-height:1.45}
.skg-benefit-tag{margin-top:auto;padding-top:8px;color:#4774b8;font-size:6px;font-weight:1000;letter-spacing:.13em}
.skg-monthly-window-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:#edf6ff;border-top:1px solid #dbeafe;color:#5977aa;font-size:7px;font-weight:900;letter-spacing:.1em}
.skg-monthly-window-bottom span{display:inline-flex;align-items:center;gap:5px}.skg-monthly-window-bottom i{width:5px;height:5px;border-radius:50%;background:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.18)}
.skg-monthly-window-bottom b{color:#255bb1;font-size:7px;text-align:right}
.skg-monthly-tablet{position:relative;z-index:1;width:112%;height:75px;margin:-1px -5% 0;border:4px solid #7aa9f8;border-bottom-width:8px;border-radius:6px 6px 19px 19px;background:linear-gradient(165deg,#9ac8ff,#5098f7 70%,#1d4ed8);box-shadow:0 8px 0 #173b83,0 14px 17px rgba(23,59,131,.18);transform:rotate(-.3deg)}
.skg-tablet-screen{position:absolute;inset:5px 8% 10px;border:3px solid #f0f7ff;border-radius:2px;background:linear-gradient(120deg,#fbfdff,#f5faff 70%,#e8f4ff);display:grid;place-items:center;overflow:hidden}
.skg-tablet-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 30%,rgba(255,255,255,.9) 45%,transparent 55%);transform:translateX(-120%);animation:skgMonthlyScreenGlint 4.5s ease-in-out infinite}
.skg-tablet-side-button{position:absolute;left:1%;top:27px;width:5px;height:12px;border-radius:8px;background:#eef6ff}.skg-tablet-front-button{position:absolute;left:27%;bottom:-6px;width:20%;height:4px;border-radius:8px;background:#b8d5ff}
.skg-tablet-core{z-index:2;color:#1d4ed8;font:900 14px/1 Orbitron,sans-serif;letter-spacing:.18em;text-align:center;text-shadow:0 1px #fff}.skg-tablet-core small{display:block;margin-top:4px;font:900 6px/1 'DM Sans',sans-serif;letter-spacing:.22em;color:#528df0}
.skg-tablet-orbit{position:absolute;width:70px;height:29px;border:1px solid rgba(59,130,246,.5);border-radius:50%;transform:rotate(-18deg);animation:skgMonthlyOrbit 5.5s linear infinite}.skg-tablet-orbit-two{width:50px;height:44px;transform:rotate(49deg);animation-direction:reverse}
.skg-tablet-spark{position:absolute;color:#7dd3fc;font-size:13px;animation:skgMonthlySparkle 2s ease-in-out infinite}.skg-spark-a{left:27%;top:16%}.skg-spark-b{right:26%;top:17%;animation-delay:.65s}.skg-spark-c{right:33%;bottom:7%;animation-delay:1s}
.skg-monthly-floating-star{position:absolute;z-index:4;color:#60a5fa;text-shadow:0 1px #2563eb,1px 0 #2563eb,-1px 0 #2563eb,0 -1px #2563eb;animation:skgMonthlyStarBop 3s ease-in-out infinite}
.skg-floating-star-a{right:2%;top:22px;font-size:31px;transform:rotate(10deg)}.skg-floating-star-b{left:0;bottom:80px;font-size:20px;animation-delay:.7s}
.skg-monthly-float-pill{position:absolute;right:1%;bottom:3px;z-index:4;padding:6px 9px;border:1px solid rgba(59,130,246,.35);border-radius:30px;background:#f4faff;color:#3467bd;font-size:6px;font-weight:1000;letter-spacing:.1em;box-shadow:0 5px 14px rgba(23,59,131,.12);animation:skgMonthlyPillFloat 3.2s ease-in-out infinite}
.skg-monthly-price-card{position:relative;align-self:stretch;min-width:0;padding:15px 15px 11px;border:1.5px solid #b7d0f9;border-radius:14px;background:linear-gradient(158deg,#fff 0%,#f5faff 58%,#e7f2ff 100%);box-shadow:0 12px 24px rgba(23,59,131,.12),inset 0 1px 0 white;overflow:hidden;display:flex;flex-direction:column;isolation:isolate}
.skg-monthly-price-card:before{content:"";position:absolute;z-index:-1;right:-48px;top:50px;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.24),transparent 70%)}
.skg-promo-ribbon{align-self:flex-start;display:flex;align-items:center;gap:5px;margin:-15px -15px 14px;padding:8px 12px;background:linear-gradient(90deg,#3b82f6,#2563eb);color:#ffffff;font-size:7px;font-weight:1000;letter-spacing:.1em;border-radius:12px 0 10px 0;box-shadow:0 5px 11px rgba(37,99,235,.2);animation:skgPromoRibbonEnter .72s cubic-bezier(.16,.9,.3,1.3) both;white-space:nowrap}
.skg-promo-ribbon span{font-size:10px;animation:skgMonthlySparkle 1.8s ease-in-out infinite}
.skg-monthly-price-brand{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.skg-price-brand-mark{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:2px solid #3b82f6;border-radius:11px;background:linear-gradient(145deg,#fff,#e7f2ff);color:#1d4ed8;font:900 12px/1 Orbitron,sans-serif;box-shadow:3px 3px 0 #c0d8ff}
.skg-monthly-price-brand b{display:block;color:#17345f;font-size:15px;line-height:1.1;letter-spacing:.02em}.skg-monthly-price-brand small{display:block;margin-top:4px;color:#7f95b9;font-size:7px;font-weight:1000;letter-spacing:.13em}
.skg-monthly-price-intro{margin:0 0 15px;color:#5c6c87;font-size:10px;line-height:1.55}
.skg-monthly-price-was{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:8px;background:#eef5ff;color:#7b8ca7;animation:skgPriceWasEnter .5s .15s both}
.skg-monthly-price-was>span{font-size:7px;font-weight:1000;letter-spacing:.08em}.skg-monthly-price-was>b{position:relative;color:#6d86b3;font:800 20px/1 'DM Sans',sans-serif;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#60a5fa}.skg-monthly-price-was b small{font-size:9px}
.skg-monthly-price-now{position:relative;margin:10px 0;padding:13px 12px 11px;border:1.5px solid #60a5fa;border-radius:11px;background:linear-gradient(135deg,#cbe9ff,#8ecbff 58%,#60a5fa);box-shadow:0 7px 0 rgba(37,99,235,.16),0 12px 20px rgba(37,99,235,.15);overflow:hidden;animation:skgPromoPricePop .78s .35s cubic-bezier(.15,.9,.24,1.2) both;transform-origin:center}
.skg-monthly-price-now:before{content:"";position:absolute;top:-50%;bottom:-50%;left:-75%;width:44%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);transform:rotate(19deg);animation:skgPromoPriceShine 3.6s 1.2s ease-in-out infinite}
.skg-price-now-label{display:block;color:#1d4ed8;font-size:7px;font-weight:1000;letter-spacing:.14em}.skg-monthly-price-now>div{display:flex;align-items:baseline;gap:7px;margin:1px 0 -1px}.skg-monthly-price-now strong{color:#15325c;font:1000 clamp(43px,4vw,58px)/.95 'DM Sans',sans-serif;letter-spacing:-.075em;text-shadow:0 2px 0 rgba(255,255,255,.7);animation:skgPromoNumberPulse 2.2s 1.2s ease-in-out infinite}.skg-monthly-price-now>div>span{color:#255bb1;font-size:12px;font-weight:1000;letter-spacing:.08em}.skg-monthly-price-now>small{display:block;color:#275ca8;font-size:7px;font-weight:1000;letter-spacing:.2em}
.skg-monthly-savings{display:flex;align-items:center;gap:8px;margin:2px 0 13px;padding:9px 10px;border:1px dashed #9ec5ff;border-radius:9px;background:#eaf3ff;animation:skgSavingsSlide  .7s .55s both}
.skg-savings-burst{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;border-radius:50%;background:#60a5fa;color:#133b7a;font-size:19px;font-weight:1000;animation:skgSavingsTurn 2.5s ease-in-out infinite}
.skg-monthly-savings b{display:block;color:#1d4ed8;font-size:10px;font-weight:1000;letter-spacing:.04em}.skg-monthly-savings small{display:block;margin-top:3px;color:#5276ae;font-size:6px;font-weight:1000;letter-spacing:.08em}
.skg-monthly-price-perks{display:grid;gap:8px;margin:0 0 14px}.skg-monthly-price-perks span{display:flex;align-items:flex-start;gap:6px;color:#63748d;font-size:8px;line-height:1.4;font-weight:700}.skg-monthly-price-perks i{flex:0 0 13px;width:13px;height:13px;display:grid;place-items:center;border-radius:50%;background:#dbeafe;color:#255bb1;font-size:8px;font-style:normal;font-weight:1000}
.skg-monthly-price-footer{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:10px;border-top:1px solid #dbeafe;color:#7a91b5;font-size:6px;font-weight:1000;letter-spacing:.11em;line-height:1.4}.skg-promo-pulse{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#60a5fa;box-shadow:0 0 0 0 rgba(96,165,250,.55);animation:skgPromoPulse 1.7s ease-out infinite}
.skg-monthly-scene-caption{display:flex;justify-content:space-between;gap:10px;width:100%;margin-top:15px;padding:0 3px;color:#7e93b8;font-size:6px;font-weight:1000;letter-spacing:.14em}.skg-monthly-scene-caption span:first-child{display:flex;align-items:center;gap:5px}.skg-monthly-scene-caption i{width:5px;height:5px;border-radius:50%;background:#60a5fa}
.skg-monthly-subscription.is-animating .skg-monthly-browserbar{animation:skgMonthlyBrowserEnter .6s cubic-bezier(.18,.9,.24,1) both}
.skg-monthly-subscription.is-animating .skg-monthly-window{animation:skgMonthlyWindowEnter .82s .12s cubic-bezier(.16,.9,.24,1.1) both}
.skg-monthly-subscription.is-animating .skg-monthly-benefit-card{animation:skgMonthlyCardEnter .68s calc(.42s + var(--benefit-delay)) cubic-bezier(.18,.8,.25,1.15) both,skgBenefitFloat 4s calc(1.3s + var(--benefit-delay)) ease-in-out infinite}
.skg-monthly-subscription.is-animating .skg-monthly-tablet{animation:skgMonthlyTabletEnter .65s .48s cubic-bezier(.16,.9,.24,1.2) both,skgTabletIdle 4s 1.2s ease-in-out infinite}
.skg-monthly-subscription.is-animating .skg-monthly-price-card{animation:skgMonthlyPricePanelEnter .72s .2s cubic-bezier(.18,.85,.3,1) both}
.skg-monthly-subscription.is-animating .skg-monthly-price-now{animation:skgPromoPricePop .78s .6s cubic-bezier(.15,.9,.24,1.2) both}
@keyframes skgMonthlyBrowserEnter{from{opacity:0;transform:translateY(-20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes skgMonthlyWindowEnter{0%{opacity:0;transform:translateY(32px) rotateX(-9deg) scale(.94)}68%{opacity:1;transform:translateY(-3px) rotateX(1deg) scale(1.01)}100%{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}
@keyframes skgMonthlyCardEnter{0%{opacity:0;transform:translateY(24px) scale(.78) rotate(-3deg)}74%{opacity:1;transform:translateY(-4px) scale(1.035) rotate(.7deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}}
@keyframes skgBenefitFloat{0%,100%{translate:0 0}50%{translate:0 -3px}}
@keyframes skgBenefitIconBob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg)}}
@keyframes skgBenefitShine{0%,63%,100%{left:-55%;opacity:0}70%{opacity:.9}83%{left:130%;opacity:0}}
@keyframes skgMonthlyTabletEnter{0%{opacity:0;transform:translateY(-18px) scaleX(.9) rotate(-1deg)}100%{opacity:1;transform:translateY(0) scaleX(1) rotate(-.3deg)}}
@keyframes skgTabletIdle{0%,100%{translate:0 0}50%{translate:0 3px}}
@keyframes skgMonthlyPricePanelEnter{from{opacity:0;transform:translateX(28px) scale(.96)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes skgPriceWasEnter{from{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}
@keyframes skgPromoPricePop{0%{opacity:0;transform:scale(.72) rotate(-2deg)}70%{opacity:1;transform:scale(1.045) rotate(.5deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes skgPromoPriceShine{0%,48%,100%{left:-75%}65%{left:135%}}
@keyframes skgPromoNumberPulse{0%,100%{transform:scale(1)}48%{transform:scale(1.045)}}
@keyframes skgPromoRibbonEnter{from{opacity:0;transform:translate(-20px,-12px) rotate(-4deg)}to{opacity:1;transform:translate(0) rotate(0)}}
@keyframes skgSavingsSlide{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes skgSavingsTurn{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(-14deg) scale(1.08)}}
@keyframes skgPromoPulse{0%{box-shadow:0 0 0 0 rgba(96,165,250,.55)}70%{box-shadow:0 0 0 7px rgba(96,165,250,0)}100%{box-shadow:0 0 0 0 rgba(96,165,250,0)}}
@keyframes skgMonthlyStarBop{0%,100%{translate:0 0;rotate:-3deg}50%{translate:0 -7px;rotate:9deg}}
@keyframes skgMonthlySparkle{0%,100%{opacity:.55;scale:.75}50%{opacity:1;scale:1.2}}
@keyframes skgMonthlyBlobMove{0%,100%{border-radius:29% 41% 24% 32%/23% 26% 31% 40%;transform:rotate(-2deg) translateY(0)}50%{border-radius:37% 31% 29% 40%/32% 38% 23% 29%;transform:rotate(1.5deg) translateY(-3px)}}
@keyframes skgMonthlyLeafMove{0%,100%{transform:rotate(-2deg) translateX(0)}50%{transform:rotate(1deg) translateX(4px)}}
@keyframes skgMonthlyPillFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes skgMonthlyOrbit{from{rotate:0deg}to{rotate:360deg}}
@keyframes skgMonthlyScreenGlint{0%,65%,100%{transform:translateX(-120%)}80%{transform:translateX(220%)}}
@media(max-width:850px){.skg-monthly-shop-layout{grid-template-columns:minmax(0,1.5fr) minmax(185px,.82fr);gap:12px}.skg-monthly-benefit-grid{gap:5px;padding:7px}.skg-monthly-benefit-card{min-height:175px;padding:10px 6px 8px;border-radius:12px}.skg-benefit-icon{width:48px;height:48px}.skg-benefit-icon svg{width:46px;height:46px}.skg-monthly-price-card{padding:13px 12px 10px}.skg-promo-ribbon{margin:-13px -12px 12px;padding:7px 9px;font-size:6px}.skg-monthly-price-brand b{font-size:13px}.skg-monthly-price-intro{font-size:9px}.skg-monthly-price-now strong{font-size:44px}}
@media(max-width:650px){.skg-monthly-subscription{padding:8px;border-radius:13px}.skg-monthly-browserbar{height:31px;margin-bottom:8px;gap:5px}.skg-browser-nav{width:24px;height:24px;flex-basis:24px;font-size:18px}.skg-browser-address{height:29px;padding:0 7px;font-size:8px;gap:5px}.skg-browser-address svg{width:14px;height:14px}.skg-monthly-shop-layout{grid-template-columns:1fr;gap:14px}.skg-monthly-scene{padding:9px 5px 0}.skg-monthly-blob-a{top:13px;height:185px}.skg-monthly-window{margin-top:6px}.skg-monthly-benefit-card{min-height:162px;padding:10px 6px 8px}.skg-benefit-number{top:6px;left:6px;font-size:7px}.skg-benefit-icon{margin:7px 0 5px;width:42px;height:42px}.skg-benefit-icon svg{width:40px;height:40px}.skg-monthly-benefit-card h4{font-size:8px}.skg-monthly-benefit-card p{font-size:7px}.skg-benefit-tag{font-size:5px;letter-spacing:.07em}.skg-monthly-window-toolbar{height:31px;padding:0 8px}.skg-monthly-mini-label{font-size:6px}.skg-monthly-window-bottom{padding:7px 8px;font-size:6px}.skg-monthly-window-bottom b{font-size:6px}.skg-monthly-tablet{height:65px}.skg-monthly-float-pill{bottom:0;right:0}.skg-monthly-price-card{padding:14px}.skg-promo-ribbon{margin:-14px -14px 13px;padding:8px 12px;font-size:7px}.skg-monthly-price-brand b{font-size:15px}.skg-monthly-price-intro{font-size:10px;margin-bottom:12px}.skg-monthly-price-was{padding:8px 10px}.skg-monthly-price-now{padding:12px}.skg-monthly-price-now strong{font-size:52px}.skg-monthly-price-perks span{font-size:9px}.skg-monthly-scene-caption{font-size:5px;letter-spacing:.08em}.skg-monthly-blob-b{bottom:17px}}
@media(max-width:390px){.skg-monthly-benefit-grid{gap:4px;padding:5px}.skg-monthly-benefit-card{min-height:153px;padding:8px 4px 7px}.skg-benefit-icon{width:36px;height:38px}.skg-benefit-icon svg{width:36px;height:36px}.skg-monthly-benefit-card h4{font-size:7px}.skg-monthly-benefit-card p{font-size:6.5px}.skg-benefit-tag{letter-spacing:0}.skg-monthly-mini-label{letter-spacing:.08em}.skg-monthly-scene-caption span:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){.skg-monthly-subscription *, .skg-monthly-subscription *:before,.skg-monthly-subscription *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.skg-monthly-subscription.is-animating .skg-monthly-window,.skg-monthly-subscription.is-animating .skg-monthly-benefit-card,.skg-monthly-subscription.is-animating .skg-monthly-price-card,.skg-monthly-subscription.is-animating .skg-monthly-tablet,.skg-monthly-subscription.is-animating .skg-monthly-browserbar,.skg-monthly-subscription.is-animating .skg-monthly-price-now{animation:none!important}}


/* V106 — blue subscription palette, animated order form, and direct plan modal. */
.skg-monthly-subscription{--ms-purple:#2563eb;--ms-purple-dark:#173b83;--ms-yellow:#7dd3fc;--ms-orange:#3b82f6;--ms-ink:#172a4a;--ms-muted:#62718a;border-color:rgba(96,165,250,.42)!important;background:linear-gradient(140deg,#fbfdff 0%,#f0f7ff 60%,#e6f2ff 100%)!important;color:#172a4a!important}
.skg-monthly-subscription:before{background:radial-gradient(ellipse at 27% 27%,rgba(96,165,250,.22),transparent 40%),radial-gradient(ellipse at 80% 70%,rgba(59,130,246,.16),transparent 42%)!important}
.skg-monthly-blob{background:linear-gradient(145deg,#9bdcff,#4e9bff 75%,#2563eb)!important;box-shadow:0 0 0 2px rgba(59,130,246,.3),inset 0 3px 0 rgba(255,255,255,.3)!important}
.skg-monthly-blob-b{background:linear-gradient(145deg,#a5ddff,#38bdf8)!important}
.skg-monthly-window{border-color:#6292e6!important;background:linear-gradient(#fff,#f5faff)!important;box-shadow:7px 7px 0 #7ca8f8,14px 14px 0 #2563eb,0 18px 30px rgba(23,59,131,.15)!important}
.skg-monthly-window-toolbar{border-bottom-color:#d9e8fa!important}
.skg-monthly-tablet{background:linear-gradient(165deg,#9ac8ff,#5098f7 70%,#1d4ed8)!important;border-color:#7aa9f8!important}
.skg-tablet-screen{background:linear-gradient(120deg,#fbfdff,#f5faff 70%,#e8f4ff)!important;border-color:#f0f7ff!important}
.skg-monthly-price-card{border-color:#b7d0f9!important;background:linear-gradient(158deg,#fff 0%,#f5faff 58%,#e7f2ff 100%)!important}
.skg-promo-ribbon{background:linear-gradient(90deg,#3b82f6,#2563eb)!important;color:#fff!important}
.skg-monthly-price-now{border-color:#60a5fa!important;background:linear-gradient(135deg,#cbe9ff,#8ecbff 58%,#60a5fa)!important;box-shadow:0 7px 0 rgba(37,99,235,.16),0 12px 20px rgba(37,99,235,.15)!important}
.skg-monthly-price-was{background:#eef5ff!important}
.skg-monthly-savings{border-color:#9ec5ff!important;background:#eaf3ff!important}
.skg-savings-burst{background:#60a5fa!important;color:#133b7a!important}
.skg-monthly-savings b{color:#1d4ed8!important}.skg-monthly-savings small{color:#5276ae!important}
.skg-monthly-window-bottom{background:#edf6ff!important;border-top-color:#dbeafe!important;color:#5977aa!important}
.skg-monthly-window-bottom b{color:#255bb1!important}
.skg-monthly-benefit-card{border-color:#6f9df0!important;background:linear-gradient(160deg,#fff 0%,#f6faff 100%)!important;box-shadow:0 4px 0 rgba(37,99,235,.08)!important}
.skg-monthly-benefit-card h4{color:#17345f!important}.skg-monthly-benefit-card p{color:#586d8b!important}.skg-benefit-tag{color:#4774b8!important}
.skg-benefit-icon svg{stroke:#2563eb!important}.skg-icon-controller svg{fill:#7dd3fc!important}.skg-icon-controller .skg-icon-cut{stroke:#2563eb!important}.skg-icon-controller .skg-icon-cut-fill{fill:#38bdf8!important;stroke:#2563eb!important}.skg-icon-review svg{fill:#e3f0ff!important}.skg-icon-growth svg{fill:#93c5fd!important}
.skg-monthly-price-brand b{color:#15325c!important}.skg-price-brand-mark{border-color:#3b82f6!important;background:linear-gradient(145deg,#fff,#e7f2ff)!important;color:#1d4ed8!important}
.skg-monthly-price-now strong{color:#15325c!important}.skg-monthly-price-now>div>span{color:#255bb1!important}.skg-price-now-label,.skg-monthly-price-now>small{color:#1d4ed8!important}
.skg-monthly-order-actions{margin:3px 0 12px}
.skg-monthly-order-button,.skg-monthly-order-submit{width:100%;min-height:42px;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 13px;border:1px solid #60a5fa;border-radius:10px;background:linear-gradient(110deg,#3b82f6,#1d4ed8);box-shadow:0 7px 18px rgba(37,99,235,.24),inset 0 1px rgba(255,255,255,.25);color:#fff;font-size:10px;font-weight:1000;letter-spacing:.075em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.skg-monthly-order-button span,.skg-monthly-order-submit span{font-size:16px;transition:transform .2s ease}.skg-monthly-order-button:hover,.skg-monthly-order-submit:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(37,99,235,.32);filter:brightness(1.07)}.skg-monthly-order-button:hover span,.skg-monthly-order-submit:hover span{transform:translate(2px,-2px)}
.skg-monthly-order-form{display:grid;gap:10px;margin:6px 0 12px;padding:12px;border:1px solid #b7d0f9;border-radius:12px;background:linear-gradient(155deg,#fbfdff,#edf6ff);box-shadow:0 7px 18px rgba(37,99,235,.09);animation:skgMonthlyWindowEnter .4s ease both}
.skg-monthly-order-form[hidden],.skg-monthly-order-confirmation[hidden],[hidden].skg-monthly-order-open{display:none!important}
.skg-order-form-heading{display:grid;gap:4px;padding-bottom:7px;border-bottom:1px solid #dbeafe}.skg-order-form-heading b{color:#173b83;font-size:10px;letter-spacing:.11em}.skg-order-form-heading small{color:#7186a8;font-size:7px;font-weight:900;letter-spacing:.08em}
.skg-monthly-order-form label{display:grid;gap:5px;color:#395779;font-size:9px;font-weight:900;letter-spacing:.03em}.skg-monthly-order-form input{width:100%;min-width:0;min-height:38px;padding:9px 10px;border:1px solid #c4d7f5;border-radius:8px;outline:none;background:#fff;color:#172a4a;font:600 11px/1.35 'DM Sans',sans-serif;box-shadow:inset 0 1px 2px rgba(23,59,131,.04)}.skg-monthly-order-form input::placeholder{color:#94a6c1}.skg-monthly-order-form input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}
.skg-order-form-actions{display:grid;grid-template-columns:.7fr 1.3fr;gap:8px;margin-top:2px}.skg-monthly-order-cancel{min-height:38px;padding:9px 10px;border:1px solid #c4d7f5;border-radius:8px;background:#fff;color:#49658a;font-size:9px;font-weight:900;cursor:pointer}.skg-monthly-order-submit{min-height:38px;padding:8px;font-size:9px}
.skg-monthly-order-confirmation{display:grid;justify-items:center;gap:8px;margin:5px 0 12px;padding:15px 12px;border:1px solid #9ec5ff;border-radius:12px;background:linear-gradient(145deg,#fafdff,#e7f2ff);text-align:center;animation:skgMonthlyWindowEnter .45s cubic-bezier(.18,.9,.24,1) both}.skg-order-confirmation-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#3b82f6;color:#fff;font-size:19px;font-weight:1000;box-shadow:0 0 0 6px rgba(96,165,250,.15);animation:skgSavingsTurn 2.5s ease-in-out infinite}.skg-monthly-order-confirmation>b{color:#173b83;font-size:10px;line-height:1.4;overflow-wrap:anywhere}.skg-monthly-order-confirmation p{margin:0;color:#536d91;font-size:9px;font-weight:600;line-height:1.6}.skg-monthly-order-confirmation a{width:100%;min-height:40px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:1px solid #5b9af5;border-radius:9px;background:linear-gradient(100deg,#3b82f6,#1d4ed8);color:#fff;text-decoration:none;font-size:9px;font-weight:1000;letter-spacing:.06em;box-shadow:0 5px 14px rgba(37,99,235,.22)}.skg-monthly-order-confirmation a:hover{filter:brightness(1.1);transform:translateY(-1px)}.skg-monthly-order-confirmation>small{color:#7186a8;font-size:7px;line-height:1.55}
.skg-monthly-price-footer{border-top-color:#dbeafe!important;color:#7a91b5!important}.skg-promo-pulse{background:#60a5fa!important;animation:skgPromoPulseBlue 1.7s ease-out infinite!important}
@keyframes skgPromoPulseBlue{0%{box-shadow:0 0 0 0 rgba(96,165,250,.55)}70%{box-shadow:0 0 0 7px rgba(96,165,250,0)}100%{box-shadow:0 0 0 0 rgba(96,165,250,0)}}
.skg-monthly-nav-button{max-width:205px!important;min-width:162px!important;border-color:rgba(96,165,250,.75)!important;background:linear-gradient(115deg,rgba(15,47,105,.98),rgba(10,20,40,.98) 60%,rgba(23,72,150,.98))!important;color:#eaf5ff!important;box-shadow:0 0 0 1px rgba(96,165,250,.08),0 0 16px rgba(59,130,246,.22),inset 0 1px rgba(219,239,255,.14)!important}
.skg-monthly-nav-button:before{background:linear-gradient(90deg,transparent,rgba(219,239,255,.68),transparent)!important}.skg-monthly-nav-button:after{border-color:rgba(147,197,253,.2)!important}.skg-monthly-nav-button:hover,.skg-monthly-nav-button:focus-visible{border-color:#93c5fd!important;box-shadow:0 0 0 1px rgba(96,165,250,.18),0 0 22px rgba(59,130,246,.36),inset 0 1px rgba(219,239,255,.2)!important}.skg-monthly-nav-button:focus-visible{outline-color:#93c5fd!important}
.skg-monthly-nav-symbol{flex:0 0 31px;width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(147,197,253,.7);border-radius:9px;background:linear-gradient(145deg,#7dd3fc,#2563eb);color:#fff;font:1000 13px/1 Orbitron,sans-serif;box-shadow:0 3px 10px rgba(37,99,235,.3)}
.skg-direct-monthly-overlay{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:clamp(10px,2.4vw,28px);background:rgba(3,12,30,.82);backdrop-filter:blur(13px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}
.skg-direct-monthly-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.skg-direct-monthly-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:pointer}
.skg-direct-monthly-dialog{position:relative;z-index:1;width:min(1240px,96vw);max-height:min(94dvh,1100px);overflow:auto;padding:clamp(13px,2vw,25px);border:1px solid rgba(147,197,253,.42);border-radius:19px;background:linear-gradient(145deg,#071831,#0b2247);box-shadow:0 35px 110px rgba(0,0,0,.5),0 0 0 1px rgba(96,165,250,.08);transform:translateY(28px) scale(.965);opacity:.7;transition:transform .5s cubic-bezier(.16,.9,.24,1),opacity .35s ease;scrollbar-color:#3979d5 #0a1b35}
.skg-direct-monthly-overlay.is-open .skg-direct-monthly-dialog{transform:translateY(0) scale(1);opacity:1}.skg-direct-monthly-close{position:sticky;top:0;z-index:5;float:right;width:35px;height:35px;margin:-4px -4px 5px 8px;border:1px solid rgba(147,197,253,.42);border-radius:10px;background:#102a50;color:#dbeafe;font-size:25px;line-height:1;cursor:pointer;box-shadow:0 5px 15px rgba(0,0,0,.2)}.skg-direct-monthly-close:hover{background:#1d4ed8;color:#fff}
.skg-direct-monthly-intro{display:grid;gap:5px;margin:2px 43px 14px 2px}.skg-direct-monthly-intro span{color:#60a5fa;font-size:8px;font-weight:1000;letter-spacing:.2em}.skg-direct-monthly-intro b{color:#eff6ff;font-size:clamp(20px,2.4vw,30px);font-weight:1000;letter-spacing:-.04em}.skg-direct-monthly-intro small{color:#91b5e8;font-size:8px;font-weight:900;letter-spacing:.12em}
.skg-direct-monthly-content .skg-monthly-subscription{max-width:100%;box-shadow:0 12px 40px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.95)}
body.skg-direct-monthly-open{overflow:hidden!important}
@media(max-width:1150px){.skg-monthly-nav-button{min-width:145px!important;max-width:180px!important}.skg-monthly-nav-button .pro-player-nav-copy strong{font-size:8px!important}.skg-monthly-nav-button .pro-player-nav-copy small{font-size:6px!important}}
@media(max-width:900px){.skg-monthly-nav-button{min-width:0!important;max-width:174px!important}.skg-monthly-nav-symbol{width:28px;height:28px;flex-basis:28px}}
@media(max-width:760px){.skg-monthly-nav-button{order:5;flex:1 1 240px;max-width:none!important;min-height:42px}.skg-monthly-nav-button .pro-player-nav-copy strong{font-size:9px!important}.skg-monthly-nav-button .pro-player-nav-copy small{display:block!important;font-size:6px!important}}
@media(max-width:480px){.skg-monthly-nav-button{flex-basis:100%;min-height:39px}.skg-direct-monthly-overlay{padding:7px}.skg-direct-monthly-dialog{width:100%;max-height:96dvh;padding:10px;border-radius:13px}.skg-direct-monthly-intro{margin-bottom:10px}.skg-monthly-order-form{padding:9px}}
@media(prefers-reduced-motion:reduce){.skg-direct-monthly-overlay,.skg-direct-monthly-dialog,.skg-monthly-order-form,.skg-monthly-order-confirmation{transition:none!important;animation:none!important}.skg-monthly-nav-button:before{animation:none!important}}
.skg-monthly-order-summary{width:100%;margin:0;padding:10px;border:1px dashed #9ec5ff;border-radius:8px;background:#fff;color:#214878;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;font:600 9px/1.6 'DM Sans',sans-serif}
.skg-monthly-order-copy{width:100%;min-height:35px;padding:8px 10px;border:1px solid #c4d7f5;border-radius:8px;background:#f5faff;color:#255bb1;font-size:8px;font-weight:1000;letter-spacing:.06em;cursor:pointer;transition:background .2s,border-color .2s}
.skg-monthly-order-copy:hover{background:#e7f2ff;border-color:#60a5fa}


/* V107 — order-completion-only Coaching reviews */
.skg-v107-review-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:4px auto 8px;color:#f6c967;text-align:center;font-size:11px}
.skg-v107-review-summary b{font-weight:900}
.skg-v107-review-summary small{color:var(--muted,#9aa0ad);font-size:9px;letter-spacing:.02em}
.skg-v107-coach-reviews{margin:18px 0 22px;padding:18px;border:1px solid rgba(106,158,220,.24);border-radius:18px;background:linear-gradient(135deg,rgba(32,45,65,.78),rgba(20,24,34,.94));animation:skgV107ReviewSlide .42s cubic-bezier(.2,.8,.2,1) both}
.skg-v107-reviews-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.skg-v107-reviews-heading>div>span,.skg-v107-review-editor-head>div>span{color:#72b5ff;font:800 9px var(--display,Orbitron),sans-serif;letter-spacing:1.3px}
.skg-v107-reviews-heading h4{margin:4px 0 0;color:var(--text,#f5f6fb);font:800 22px var(--display,Orbitron),sans-serif}
.skg-v107-reviews-heading h4 small{color:#a5acba;font:700 11px var(--body,'DM Sans'),sans-serif}
.skg-v107-reviews-heading>strong{padding:8px 11px;border-radius:12px;background:rgba(244,192,81,.1);color:#ffd16b;font-weight:900;white-space:nowrap}
.skg-v107-reviews-heading>strong small{color:#aab1bf;font-size:10px}
.skg-v107-review-list{display:grid;gap:10px}
.skg-v107-review-card{padding:13px 14px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(255,255,255,.035)}
.skg-v107-review-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.skg-v107-review-stars{color:#ffc95e;letter-spacing:1px;font-size:14px}
.skg-v107-review-card time{color:#8792a4;font-size:10px}
.skg-v107-review-card>p{margin:9px 0;color:#dbe1ed;font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.skg-v107-review-card>footer{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.skg-v107-review-card>footer b{color:#f1f4fa;font-size:11px}
.skg-v107-review-card>footer small{color:#8b96a8;font-size:10px}
.skg-v107-no-reviews{margin:0;color:#9da7b8;font-size:12px;line-height:1.6}
.skg-v107-review-open,.skg-v107-review-submit{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:9px 0 0;padding:10px 13px;border:1px solid rgba(94,165,255,.48);border-radius:11px;background:linear-gradient(110deg,#164d8c,#2479d4);color:white;font:900 10px var(--display,Orbitron),sans-serif;letter-spacing:.45px;cursor:pointer;transition:transform .2s,box-shadow .2s}
.skg-v107-review-open:hover,.skg-v107-review-submit:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(39,127,219,.24)}
.skg-v107-review-submitted{display:inline-flex;align-items:center;justify-content:center;margin:9px 0 0;padding:9px 12px;border:1px solid rgba(245,201,97,.18);border-radius:10px;background:rgba(245,201,97,.08);color:#eac66b;font-size:10px;font-weight:900;letter-spacing:.35px}
.skg-v107-review-editor{grid-column:1/-1;margin:12px 0 2px;padding:17px;border:1px solid rgba(86,160,255,.32);border-radius:16px;background:linear-gradient(145deg,rgba(29,52,79,.97),rgba(17,22,33,.98));animation:skgV107ReviewSlide .35s cubic-bezier(.2,.8,.2,1) both}
.skg-v107-review-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.skg-v107-review-editor-head h4{margin:5px 0;color:#f4f7ff;font-size:18px}
.skg-v107-review-editor-head p{margin:0;color:#a8b9d1;font-size:11px}
.skg-v107-review-editor-head>[data-v107-review-cancel]{width:29px;height:29px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(255,255,255,.06);color:white;font-size:20px;cursor:pointer}
.skg-v107-review-rating-label,.skg-v107-review-text-label{display:block;margin:14px 0 7px;color:#e7edf8;font-size:10px;font-weight:900;letter-spacing:.8px}
.skg-v107-review-rating-label span{float:right;color:#90a2bb;font-weight:500;letter-spacing:0}
.skg-v107-review-rating{display:flex;gap:8px}
.skg-v107-review-rating button{padding:3px;border:0;background:transparent;color:#5b6577;font-size:30px;line-height:1;cursor:pointer;transition:color .15s,transform .15s}
.skg-v107-review-rating button.selected{color:#ffcc64;text-shadow:0 0 12px rgba(255,200,83,.25)}
.skg-v107-review-rating button:hover{transform:scale(1.13);color:#ffcc64}
.skg-v107-review-text-label textarea{display:block;width:100%;box-sizing:border-box;min-height:82px;margin-top:8px;padding:12px;border:1px solid rgba(174,195,224,.22);border-radius:11px;outline:none;background:rgba(5,11,21,.45);color:#eff4ff;font:500 12px var(--body,'DM Sans'),sans-serif;resize:vertical}
.skg-v107-review-text-label textarea:focus{border-color:#4297f5;box-shadow:0 0 0 3px rgba(66,151,245,.1)}
.skg-v107-review-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.skg-v107-review-editor-actions small{max-width:230px;color:#98a6ba;font-size:10px;line-height:1.5}
.skg-v107-review-editor-actions .skg-v107-review-submit{margin:0;white-space:nowrap}
.skg-v107-review-error,.skg-v107-review-inline-error{display:block;margin:8px 0 0;color:#ff9fae;font-size:11px}
@keyframes skgV107ReviewSlide{from{opacity:0;transform:translateY(11px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}

/* V107 — monthly-plan dashboard shortcut and 30-minute reminder */
.skg-v107-dashboard-monthly .home-action-icon{background:rgba(54,139,245,.15)!important;color:#61aaff!important;font:900 13px var(--display,Orbitron),sans-serif!important}
.skg-v107-dashboard-monthly{border-color:rgba(70,145,241,.22)!important}
.skg-v107-monthly-reminder-note{display:flex;align-items:center;gap:11px;margin:12px 0;padding:12px 14px;border:1px solid rgba(62,145,255,.32);border-radius:14px;background:linear-gradient(100deg,rgba(21,74,133,.88),rgba(24,40,68,.94));color:#f1f7ff;box-shadow:0 10px 28px rgba(19,91,171,.2);animation:skgV107ReminderSlide .45s cubic-bezier(.2,.8,.2,1) both}
.skg-v107-monthly-reminder-note>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:11px;background:rgba(80,165,255,.17);color:#82c1ff;font-size:20px}
.skg-v107-monthly-reminder-note>div{display:grid;gap:3px;flex:1}
.skg-v107-monthly-reminder-note b{font:900 10px var(--display,Orbitron),sans-serif;letter-spacing:.9px}
.skg-v107-monthly-reminder-note small{color:#bdd8f5;font-size:11px;line-height:1.45}
.skg-v107-monthly-reminder-note button{align-self:flex-start;border:0;background:transparent;color:#dceeff;font-size:20px;cursor:pointer}
@keyframes skgV107ReminderSlide{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}

/* V107 — live rolling-24-hour Clips like-limit timer */
.skg-v107-clips-limit-timer{display:flex;align-items:center;gap:12px;margin:13px 0 18px;padding:13px 16px;border:1px solid rgba(88,203,255,.23);border-radius:15px;background:linear-gradient(100deg,rgba(14,47,66,.92),rgba(26,24,42,.95));box-shadow:inset 0 1px rgba(255,255,255,.04);animation:skgV107ReviewSlide .35s ease both}
.skg-v107-timer-icon{display:grid;place-items:center;flex:0 0 39px;height:39px;border:1px solid rgba(90,210,255,.2);border-radius:12px;background:rgba(55,178,227,.1);color:#7fe0ff;font-size:22px}
.skg-v107-timer-copy{display:grid;gap:4px;flex:1;min-width:0}
.skg-v107-timer-copy b{color:#8de3ff;font:900 10px var(--display,Orbitron),sans-serif;letter-spacing:.8px}
.skg-v107-timer-copy small{color:#a6b7c8;font-size:11px;line-height:1.45}
.skg-v107-timer-clock{color:#f5fcff;font:900 clamp(14px,2vw,20px) var(--display,Orbitron),sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.8px;white-space:nowrap;text-shadow:0 0 14px rgba(87,218,255,.18)}
.skg-v107-limit-overlay-timer{display:grid;gap:5px;margin:14px 0;padding:13px;border:1px solid rgba(86,205,255,.2);border-radius:12px;background:rgba(27,91,124,.16)}
.skg-v107-limit-overlay-timer span{color:#8adfff;font:900 9px var(--display,Orbitron),sans-serif;letter-spacing:1px}
.skg-v107-limit-overlay-timer b{color:#fff;font:900 21px var(--display,Orbitron),sans-serif;font-variant-numeric:tabular-nums}
@media(max-width:600px){.skg-v107-review-editor-actions{align-items:stretch;flex-direction:column}.skg-v107-review-editor-actions .skg-v107-review-submit{width:100%}.skg-v107-clips-limit-timer{padding:11px;gap:8px}.skg-v107-timer-icon{flex-basis:32px;height:32px}.skg-v107-timer-copy b{font-size:9px}.skg-v107-timer-copy small{font-size:10px}.skg-v107-timer-clock{font-size:12px}.skg-v107-coach-reviews{padding:13px}}
.skg-v107-review-summary{width:100%;flex-direction:column;gap:2px}
.coach-order-card:has(.skg-v107-review-editor){flex-wrap:wrap}
.skg-v107-review-editor{flex:1 0 100%;box-sizing:border-box}
.skg-v107-coach-reviews+.coach-carousel{margin-top:12px}
.skg-v107-review-editor{flex:1 0 100%;width:100%;box-sizing:border-box}


/* V108: mission card, arrow-only guide, and login ad timing. */

/* V108 mission card beside the dashboard heading */
.dashboard-minimal-heading{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:14px 18px!important}
.dashboard-minimal-heading>div:first-child{flex:1 1 220px;min-width:185px}
.skg-v108-mission-card{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);gap:7px;flex:1 1 330px;min-width:min(275px,100%);max-width:410px;padding:13px 14px;border:1px solid rgba(70,167,255,.45);border-radius:14px;background:radial-gradient(ellipse at 90% 0,rgba(26,137,255,.20),transparent 58%),linear-gradient(145deg,rgba(12,31,55,.97),rgba(7,14,26,.98));box-shadow:0 0 0 1px rgba(45,146,255,.08),0 0 24px rgba(28,126,255,.16),inset 0 1px 0 rgba(255,255,255,.06);color:#eaf5ff;overflow:visible;animation:skgV108MissionGlow 2.8s ease-in-out infinite}
.skg-v108-mission-card:before{content:"";position:absolute;inset:-4px;border:1px solid rgba(79,173,255,.26);border-radius:17px;z-index:-1;pointer-events:none;animation:skgV108MissionRing 2.8s ease-out infinite}
.skg-v108-mission-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8fcfff;font:900 8px/1.25 Orbitron,system-ui,sans-serif;letter-spacing:.14em}
.skg-v108-mission-tag{display:inline-flex;align-items:center;gap:5px;border:1px solid #2d8ffb6b;border-radius:999px;padding:4px 7px;background:#1687f31e;color:#9dd7ff;white-space:nowrap}
.skg-v108-mission-card h3{margin:0;color:#f3f9ff;font:900 14px/1.25 "DM Sans",system-ui,sans-serif;letter-spacing:-.02em}
.skg-v108-mission-card p{margin:0;color:#aebfd1;font-size:10px;line-height:1.5}
.skg-v108-mission-card p strong{color:#b5e1ff}
.skg-v108-mission-button{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:37px;margin-top:2px;border:1px solid rgba(98,190,255,.82);border-radius:9px;background:linear-gradient(110deg,#0752b6,#1687ff 53%,#0d58c7);color:#fff;font:900 10px/1.2 Orbitron,system-ui,sans-serif;letter-spacing:.045em;cursor:pointer;box-shadow:0 0 10px #087aff70,0 0 23px #087aff40,inset 0 1px 0 #ffffff45;animation:skgV108MissionButton 1.7s ease-in-out infinite;transition:transform .2s ease,filter .2s ease}
.skg-v108-mission-button:hover{transform:translateY(-2px);filter:brightness(1.2)}
.skg-v108-mission-button:disabled{opacity:.65;cursor:wait;animation:none;transform:none}
.skg-v108-mission-button .skg-v108-mission-star{font-size:14px;line-height:1;text-shadow:0 0 11px #fff}
.skg-v108-mission-status{display:none;color:#8fcfff;font-size:9px;line-height:1.45;overflow-wrap:anywhere}
.skg-v108-mission-status.is-visible{display:block}
@keyframes skgV108MissionGlow{0%,100%{box-shadow:0 0 0 1px #2d91ff14,0 0 15px #1c7eff12,inset 0 1px 0 #ffffff06}50%{box-shadow:0 0 0 1px #2d91ff27,0 0 28px #1c7eff35,inset 0 1px 0 #ffffff0a}}
@keyframes skgV108MissionRing{0%{opacity:.55;transform:scale(.995)}80%,100%{opacity:0;transform:scale(1.035)}}
@keyframes skgV108MissionButton{0%,100%{filter:brightness(1);box-shadow:0 0 10px #087aff70,0 0 23px #087aff35,inset 0 1px 0 #ffffff45}50%{filter:brightness(1.2);box-shadow:0 0 14px #249affbb,0 0 33px #087aff77,inset 0 1px 0 #ffffff65}}
/* V108 arrow-only onboarding: transparent, click-through, and no text bubble */
.skg-v108-mission-guide{position:fixed;inset:0;z-index:9999998;pointer-events:none;overflow:visible}
.skg-v108-guide-arrow{position:fixed;display:grid;place-items:center;width:56px;height:56px;color:#83d2ff;font:1000 54px/1 Arial,sans-serif;text-shadow:0 0 5px #e4f7ff,0 0 13px #198cff,0 0 28px #0b7cff;filter:drop-shadow(0 0 7px rgba(38,153,255,.9));transform-origin:center;animation:skgV108ArrowNudge .8s ease-in-out infinite alternate;pointer-events:none}
.skg-v108-guide-arrow:after{content:"";position:absolute;inset:7px;border:2px solid #70c6ffb0;border-radius:50%;box-shadow:0 0 13px #168cff85;animation:skgV108ArrowPulse 1.25s ease-out infinite}
.skg-v108-guide-target{outline:2px solid #5dbbff!important;outline-offset:5px!important;box-shadow:0 0 0 5px #178cff26,0 0 22px #198cff98!important;animation:skgV108TargetPulse 1.15s ease-in-out infinite!important}
@keyframes skgV108ArrowNudge{from{margin-left:0}to{margin-left:9px}}
@keyframes skgV108ArrowPulse{0%{transform:scale(.86);opacity:.9}100%{transform:scale(1.22);opacity:0}}
@keyframes skgV108TargetPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.3)}}
.skg-v108-mission-toast{position:fixed;z-index:9999999;right:20px;bottom:20px;display:flex;align-items:center;gap:12px;width:min(360px,calc(100vw - 28px));padding:14px 16px;border:1px solid #47a9ff88;border-radius:14px;background:linear-gradient(145deg,#0b2647,#071322);color:#f1f9ff;box-shadow:0 15px 55px #0008,0 0 24px #147cff55;animation:skgV108ToastIn .38s cubic-bezier(.2,.8,.2,1) both}
.skg-v108-mission-toast>i{display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;border-radius:11px;background:linear-gradient(145deg,#128dff,#064aaf);color:white;font-style:normal;font-size:20px;box-shadow:0 0 19px #138cff70}
.skg-v108-mission-toast strong{display:block;font:900 10px Orbitron,system-ui,sans-serif;letter-spacing:.08em}
.skg-v108-mission-toast span{display:block;margin-top:5px;color:#add8ff;font-size:11px;line-height:1.45}
@keyframes skgV108ToastIn{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
/* V108 login spotlight: keep the existing ad, with a five-second close unlock */
.login-ad-countdown-row [data-v108-ad-count-label]{display:block;color:#dceeff}
.login-ad-countdown-row [data-v108-ad-count-label] b{color:#79c7ff!important}
.hourly-ad-close:disabled{opacity:.66;cursor:wait}
@media(max-width:850px){.dashboard-minimal-heading{align-items:flex-start!important}.skg-v108-mission-card{order:2;flex:1 1 100%;max-width:none}.dashboard-minimal-heading>.tounsi-explain-button{order:3;margin-left:auto}}
@media(max-width:560px){.skg-v108-mission-card{min-width:0;padding:12px}.skg-v108-mission-card h3{font-size:13px}.skg-v108-guide-arrow{width:48px;height:48px;font-size:47px}.skg-v108-mission-toast{right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){.skg-v108-mission-card,.skg-v108-mission-card:before,.skg-v108-mission-button,.skg-v108-guide-arrow,.skg-v108-guide-arrow:after,.skg-v108-guide-target{animation:none!important}}



/* V111: final dashboard mission arrow and a completed reward state. */
.skg-v108-mission-button.is-completed,
.skg-v108-mission-button:disabled.is-completed{
  border-color:rgba(93,232,177,.72)!important;
  background:linear-gradient(105deg,#075b45,#0d916e 52%,#087154)!important;
  color:#effff8!important;
  box-shadow:0 0 10px rgba(33,201,141,.25),0 0 22px rgba(33,201,141,.16),inset 0 1px 0 rgba(255,255,255,.16)!important;
  animation:none!important;
  opacity:1!important;
  cursor:default!important;
  filter:none!important;
}
.skg-v108-mission-card.is-completed{border-color:rgba(73,213,158,.55);box-shadow:0 0 0 1px rgba(73,213,158,.08),0 0 20px rgba(25,180,124,.1),inset 0 1px 0 rgba(255,255,255,.05);}
/* The notification envelope and message card remain; only the running stickman is removed. */
.notification-delivery-runner,.skg-tutorial-stickman{display:none!important;animation:none!important;}


/* V114: responsive shop catalogue with optional floating custom PNGs. */
.shop-layout-v114{grid-template-columns:minmax(0,1fr) minmax(215px,.34fr);align-items:start;gap:18px}
.shop-items-grid{min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,275px),1fr));gap:16px;align-items:stretch}
.shop-product-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;position:relative;isolation:isolate}
.shop-product-card .shop-copy{position:relative;z-index:1;padding:22px 22px 12px;flex:1}
.shop-product-card .shop-copy h3{font-size:clamp(19px,2vw,25px);line-height:1.25;overflow-wrap:anywhere}
.shop-product-card .shop-copy p{line-height:1.75}
.shop-product-card .shop-actions{flex-wrap:wrap}
.shop-product-card .shop-actions .primary-button{flex:1;min-width:160px}
.shop-item-art{position:relative;display:grid;place-items:center;min-height:188px;margin:0 14px 15px;overflow:hidden;border:1px solid rgba(100,187,239,.13);border-radius:14px;background:radial-gradient(ellipse at 50% 50%,rgba(43,145,214,.17),rgba(6,17,30,.3) 65%,transparent 100%)}
.shop-item-art:before{content:"";position:absolute;width:155px;height:155px;border-radius:50%;border:1px solid rgba(122,207,255,.16);box-shadow:0 0 0 16px rgba(86,175,231,.025),0 0 0 32px rgba(86,175,231,.018);animation:shop-art-orbit 8s linear infinite}
.shop-item-art.has-custom-image{background:radial-gradient(ellipse at 50% 50%,rgba(60,160,229,.2),rgba(5,15,27,.3) 68%,transparent 100%)}
.shop-product-image{position:relative;z-index:1;width:min(68%,230px);height:164px;object-fit:contain;filter:drop-shadow(0 13px 18px rgba(0,0,0,.32));animation:shop-product-float 3.8s ease-in-out infinite;transform-origin:center;will-change:transform}
.shop-rp-token{position:relative;z-index:1;transform:scale(.75);animation:shop-product-float 3.8s ease-in-out infinite}
.shop-product-reward{display:flex;justify-content:space-between;gap:12px;padding:10px 0 12px;border-top:1px solid rgba(108,180,221,.1);font-size:9px}
.shop-product-reward span{color:#8ba9bf;font-weight:800;letter-spacing:1px}
.shop-product-reward b{color:#d9eeff;text-align:right;overflow-wrap:anywhere}
@keyframes shop-product-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}
@keyframes shop-art-orbit{0%{transform:rotate(0deg) scale(.94)}50%{transform:rotate(180deg) scale(1.04)}100%{transform:rotate(360deg) scale(.94)}}
@media(max-width:1050px){.shop-layout-v114{grid-template-columns:1fr}.shop-layout-v114 .side-shop-panel{order:-1}.shop-items-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}}
@media(max-width:600px){.shop-product-card .shop-copy{padding:18px 16px 10px}.shop-item-art{min-height:165px}.shop-product-image{height:145px}.shop-product-reward{font-size:8px}}
@media(prefers-reduced-motion:reduce){.shop-product-image,.shop-rp-token,.shop-item-art:before{animation:none!important}}

/* V115 — shop item image path/floating polish and individual member room. */
.shop-item-art.has-custom-image{overflow:visible;min-height:204px;margin-bottom:18px}
.shop-product-image{width:min(76%,250px);height:184px;animation:shop-product-float 3.2s ease-in-out infinite;filter:drop-shadow(0 14px 22px rgba(196,47,65,.24))}
.shop-product-image:hover{filter:drop-shadow(0 16px 28px rgba(255,78,95,.45))}
.academy-gate-form-title{margin:0 0 5px;color:#f4f2f5;font:800 25px/1.05 "Barlow Condensed","DM Sans",sans-serif;letter-spacing:.1px}
.academy-gate-form .academy-gate-password-label{font-size:11px;letter-spacing:1.2px;color:#f1b4bc;font-weight:900}
.academy-solo-login-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.72fr);gap:20px;width:min(938px,100%);margin:22px auto 34px;padding:24px;border:1px solid rgba(220,91,109,.38);border-radius:16px;background:linear-gradient(140deg,rgba(36,23,28,.9),rgba(13,15,20,.95));box-shadow:0 14px 45px rgba(0,0,0,.22)}
.academy-solo-login-copy{align-self:start}
.academy-solo-login-kicker{display:inline-block;color:#e17c89;font-size:9px;letter-spacing:1.8px;font-weight:900}
.academy-solo-login-copy h3{margin:9px 0 10px;color:#f5f3f5;font:800 clamp(27px,3vw,36px)/1.05 "Barlow Condensed","DM Sans",sans-serif;letter-spacing:-.3px}
.academy-solo-login-copy p{max-width:470px;margin:0;color:#b8b5bf;font-size:12px;line-height:1.8}
.academy-solo-login-form{display:grid;gap:8px;align-content:start;min-width:0;padding:16px;border:1px solid #3d3037;border-radius:12px;background:rgba(6,7,10,.4)}
.academy-solo-login-form label{margin-top:3px;color:#d8d2da;font-size:10px;font-weight:900;letter-spacing:1px}
.academy-solo-login-form input{width:100%;min-width:0;box-sizing:border-box;min-height:44px;padding:0 12px;border:1px solid #49404a;border-radius:8px;background:#101014;color:#f6f4f7;outline:none}
.academy-solo-login-form input:focus{border-color:#cf5365;box-shadow:0 0 0 3px rgba(207,83,101,.12)}
.academy-solo-security-note{grid-column:1/-1;margin:0;color:#a5a2ac;font-size:10px;line-height:1.7}
.academy-solo-login-error{margin:3px 0 0;color:#ff9ba5;font-size:11px;line-height:1.5}
.academy-solo-login-error.hidden{display:none!important}
.academy-solo-room.hidden{display:none!important}
.academy-solo-room{position:relative;z-index:1;padding:clamp(22px,4vw,48px)}
.academy-solo-room-header-actions{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.academy-solo-logout{flex:0 0 auto;padding:11px 13px;border:1px solid #48434d;border-radius:8px;background:#17171c;color:#d9d5df;font-size:9px;font-weight:900;letter-spacing:.7px;cursor:pointer}
.academy-solo-booking-panel{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:25px 0 18px;padding:22px;border:1px solid #3a343d;border-radius:14px;background:linear-gradient(120deg,#201b22,#111217)}
.academy-solo-booking-panel h3{margin:6px 0;color:#f5f2f6;font:800 25px/1.1 "Barlow Condensed","DM Sans",sans-serif}
.academy-solo-booking-panel p{margin:0;color:#a8a6b1;font-size:11px;line-height:1.7}
.academy-solo-booking-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.academy-solo-booking-status{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:1px}
.academy-solo-booking-status.is-off{border:1px solid #53515b;background:#292831;color:#c7c4ce}
.academy-solo-booking-status.is-on{border:1px solid #347f62;background:rgba(35,126,87,.18);color:#8ce2ba}
.academy-solo-book-button{min-height:36px;padding:0 13px;border:1px solid #b93d51;border-radius:8px;background:linear-gradient(100deg,#a72b3d,#6c202d);color:#fff;font-size:9px;font-weight:900;letter-spacing:.8px;cursor:pointer}
.academy-solo-book-button.secondary{border-color:#4b4852;background:#222129;color:#ddd9e2}
.academy-solo-notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.academy-solo-editor-panel{min-width:0;padding:20px;border:1px solid #37343d;border-radius:14px;background:rgba(16,16,21,.8)}
.academy-solo-editor-panel label{display:block;color:#edb1bb;font-size:10px;font-weight:900;letter-spacing:1.4px}
.academy-solo-editor-panel p{margin:7px 0 14px;color:#a5a2ad;font-size:11px;line-height:1.7}
.academy-solo-editor-panel textarea{display:block;width:100%;min-height:165px;box-sizing:border-box;resize:vertical;padding:13px;border:1px solid #403d48;border-radius:9px;background:#0d0e12;color:#efedf3;font:13px/1.7 "DM Sans",sans-serif;outline:none}
.academy-solo-editor-panel textarea:focus{border-color:#b94b5b;box-shadow:0 0 0 3px rgba(185,75,91,.1)}
.academy-solo-room-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:16px;padding:16px 18px;border:1px dashed #4a3c45;border-radius:12px;background:rgba(25,20,25,.55)}
.academy-solo-room-footer p{flex:1;min-width:220px;margin:0;color:#aaa6b0;font-size:10px;line-height:1.7}
.academy-solo-room-footer .academy-gate-submit{margin:0;white-space:nowrap}
#academySoloSaveStatus{width:100%;color:#a5dbba;font-size:10px}
@media(max-width:760px){.academy-solo-login-card{grid-template-columns:minmax(0,1fr);padding:18px}.academy-solo-security-note{grid-column:auto}.academy-solo-booking-panel{align-items:flex-start;flex-direction:column}.academy-solo-booking-controls{justify-content:flex-start}.academy-solo-notes-grid{grid-template-columns:minmax(0,1fr)}.academy-solo-room-header-actions{justify-content:flex-start}.academy-solo-room-footer{align-items:stretch;flex-direction:column}.academy-solo-room-footer .academy-gate-submit{width:100%}}
@media(prefers-reduced-motion:reduce){.shop-product-image{animation:none!important}}

/* V116 individual-room availability and scrim calendars */
.solo-grid-scroll{max-width:100%;overflow:auto;border:1px solid #393640;border-radius:10px}
.solo-schedule-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:3px;background:#101015;padding:5px}
.solo-schedule-table th{padding:8px 5px;color:#d7d2dc;background:#201e25;font-size:9px;font-weight:900;letter-spacing:.5px;text-align:center;white-space:nowrap}
.solo-schedule-table td{padding:2px;min-width:30px}
.solo-grid-cell{display:block;width:100%;min-width:25px;height:26px;border:1px solid #48434e;border-radius:4px;background:#1b1a21;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.solo-grid-cell:hover{border-color:#75d8a4;transform:scale(1.04)}
.solo-grid-cell.is-selected,.solo-scrim-cell.is-selected{background:#18834f;border-color:#5ce5a0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.solo-grid-note{margin:10px 0 0;color:#a9a5b0;font-size:10px;line-height:1.6}
.solo-scrim-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
.solo-scrim-cell{display:flex;min-height:82px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #403c47;border-radius:9px;background:#17161d;color:#e8e4ed;cursor:pointer}
.solo-scrim-cell small{font-size:8px;letter-spacing:1px;color:#d8a7b0;font-weight:900}
.solo-scrim-cell strong{font-size:24px;line-height:1;font-weight:900}
.solo-scrim-cell span{font-size:8px;color:#a7a2ae;font-weight:800}
.solo-scrim-cell.is-selected small,.solo-scrim-cell.is-selected span{color:#e2ffef}
#academySoloGridSaveStatus{width:100%;color:#8ce2ba;font-size:10px}
.skg-coach-ad-pause{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;background:rgba(5,5,8,.94);backdrop-filter:blur(10px)}
.skg-coach-ad-pause.hidden{display:none!important}
.skg-coach-ad-card{width:min(380px,calc(100% - 40px));padding:28px;border:1px solid #59404a;border-radius:16px;background:linear-gradient(145deg,#21181f,#101116);text-align:center;box-shadow:0 20px 80px #0009}
.skg-coach-ad-card>span{color:#f0a0ac;font-size:10px;font-weight:900;letter-spacing:2px}
.skg-coach-ad-card strong{display:block;margin:12px 0;color:#fff;font-size:30px;font-weight:950;letter-spacing:2px}
.skg-coach-ad-card p{color:#b9b3c0;font-size:12px}
.skg-coach-ad-track{height:4px;overflow:hidden;margin-top:20px;border-radius:4px;background:#38313b}
.skg-coach-ad-track i{display:block;width:100%;height:100%;transform-origin:left;background:#ef4c61;animation:skgCoachAdProgress 3s linear forwards}
@keyframes skgCoachAdProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:650px){.solo-scrim-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.solo-schedule-table{min-width:720px}}
.coach-opgg-link{display:inline-flex;align-items:center;gap:6px;margin:8px 0;padding:7px 10px;border:1px solid rgba(237,85,105,.45);border-radius:7px;color:#ffb5c0!important;font-size:10px;font-weight:900;letter-spacing:.5px;text-decoration:none!important}
.coach-opgg-link:hover{background:rgba(237,85,105,.12);border-color:#ed5569}


/* V117 individual-room reports, persisted booking status, and modal ad/question board */
.academy-solo-booking-status.is-nothing{border:1px solid #65616d;background:rgba(108,106,119,.14);color:#d0ccd6}
.academy-solo-booking-status.is-off{border:1px solid rgba(255,133,133,.32);background:rgba(153,55,62,.15);color:#ffb5b9}
.academy-solo-booking-status.is-on{border:1px solid #347f62;background:rgba(35,126,87,.18);color:#8ce2ba}
.academy-solo-book-button:disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.5)}
.academy-solo-report-panel form{display:grid;gap:10px}.academy-solo-report-panel textarea{min-height:140px}.academy-solo-tunisian-help{padding:10px 12px;border-left:2px solid #d84d61;background:rgba(216,77,97,.07);border-radius:0 8px 8px 0;color:#efc1c8!important;font-weight:700}.academy-solo-report-send{justify-self:start;min-height:39px;padding:0 22px;border:1px solid rgba(255,112,134,.45);border-radius:8px;background:linear-gradient(110deg,#ce344e,#84243a);color:#fff;font-size:10px;font-weight:900;letter-spacing:1px;cursor:pointer}.academy-solo-report-send:disabled{opacity:.5;cursor:wait}.solo-report-status{min-height:17px;margin:9px 0 0;color:#9fe3c3;font-size:10px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
.solo-ad-pause,.solo-bookoff-dialog{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:20px}.solo-ad-pause{background:rgba(4,5,8,.88);backdrop-filter:blur(12px)}.solo-ad-pause-card,.solo-bookoff-card{position:relative;width:min(470px,100%);padding:28px;border:1px solid rgba(223,83,105,.38);border-radius:18px;background:linear-gradient(145deg,#20131a,#0d1017 75%);box-shadow:0 28px 100px rgba(0,0,0,.65);color:#f7f4f8;text-align:center}.solo-ad-pause-card h3,.solo-bookoff-card h3{margin:12px 0;font:800 clamp(24px,4vw,32px)/1.1 "Barlow Condensed","DM Sans",sans-serif}.solo-ad-pause-card p{color:#aaa7b2;font-size:11px;line-height:1.7}.solo-ad-pause-card>strong{display:block;margin-top:10px;color:#ff9daa;font:800 27px "Orbitron",sans-serif}.solo-ad-progress{height:5px;overflow:hidden;border-radius:99px;background:#332631;margin-top:18px}.solo-ad-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#d83254,#ffb0a3);animation:soloAdFill 3s linear forwards}.solo-bookoff-dialog{z-index:10051}.solo-bookoff-backdrop{position:absolute;inset:0;background:rgba(2,3,6,.87);backdrop-filter:blur(10px)}.solo-bookoff-card{z-index:1;display:grid;gap:12px;text-align:left}.solo-bookoff-card h3{margin:0 32px 8px 0}.solo-bookoff-close{position:absolute;top:13px;right:14px;width:34px;height:34px;border:1px solid #4b3d47;border-radius:8px;background:#17141b;color:#fff;font-size:24px;cursor:pointer}.solo-bookoff-option{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #3b343e;border-radius:9px;background:rgba(255,255,255,.025);color:#e9e3eb;font-size:12px;line-height:1.5;cursor:pointer}.solo-bookoff-option:has(input:checked){border-color:#4aa57d;background:rgba(48,141,101,.12)}.solo-bookoff-option input{width:17px;min-height:17px;flex:0 0 auto;accent-color:#45bd88}.solo-bookoff-problem{display:grid;gap:7px;color:#ffb9c2;font-size:11px;font-weight:900}.solo-bookoff-problem textarea{min-height:105px;width:100%;box-sizing:border-box;background:#0b0d12;border:1px solid #403944;border-radius:8px;padding:12px;color:#fff;resize:vertical}.solo-bookoff-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:4px}.solo-bookoff-actions .academy-gate-submit{margin:0}.solo-bookoff-card .solo-report-status{color:#ffb5bf}@keyframes soloAdFill{from{width:0}to{width:100%}}
@media(max-width:760px){.solo-bookoff-card,.solo-ad-pause-card{padding:22px}.solo-bookoff-actions{flex-direction:column-reverse}.solo-bookoff-actions>*{width:100%}.academy-solo-report-send{width:100%}}


/* V119 — new SKG Academy members: Atrom (TOP) and D1zel (ADC). */
.academy-card-art-atrom{background:radial-gradient(ellipse at 50% 38%,#8fe1ff 0,#317ca8 22%,#20304d 47%,#10141e 78%)}
.academy-card-art-atrom:before{border-color:rgba(145,229,255,.55)}
.academy-card-art-atrom .player-rank-emblem{animation-delay:-1.1s}
.academy-card-art-d1zel{background:radial-gradient(ellipse at 50% 38%,#b7f4ff 0,#2e8cb4 23%,#153c59 48%,#10141e 78%)}
.academy-card-art-d1zel:before{border-color:rgba(132,236,255,.62)}
.academy-card-art-d1zel .player-rank-emblem{animation-delay:-2.1s}
.academy-adc-grid{align-items:stretch}


/* V120: remove the recurring door intro; retain only genuinely new notification popups. */
#siteArrivalAnimation,.site-arrival-animation{display:none!important;visibility:hidden!important;pointer-events:none!important}

/* V120: actual hip pivots and a compact sprint cycle for the login stickman. */
.login-loading-card .runner-leg-a,.login-loading-card .runner-leg-b{transform-box:fill-box;will-change:transform;animation-duration:.28s!important;animation-timing-function:cubic-bezier(.45,0,.55,1)!important;animation-iteration-count:infinite!important;animation-direction:alternate!important}
.login-loading-card .runner-leg-a{transform-origin:100% 0%!important;animation-name:runner-leg-v120-a!important}
.login-loading-card .runner-leg-b{transform-origin:0% 0%!important;animation-name:runner-leg-v120-b!important}
.login-loading-card .runner-leg-a .runner-limb,.login-loading-card .runner-leg-b .runner-limb{stroke-linecap:round}
@keyframes runner-leg-v120-a{0%{transform:rotate(-48deg)}100%{transform:rotate(48deg)}}
@keyframes runner-leg-v120-b{0%{transform:rotate(48deg)}100%{transform:rotate(-48deg)}}
.login-loading-card .runner-arm-a,.login-loading-card .runner-arm-b{transform-box:fill-box;transform-origin:50% 10%}
.login-loading-card .runner-figure{animation:runner-sprint-smooth .28s ease-in-out infinite alternate!important}

/* V120: visible, shared Realtime state for cards rendered after Presence sync. */
.skg-presence-badge{display:inline-flex;align-items:center;gap:5px}
.skg-presence-badge.is-online{color:#36e99b!important}
.skg-presence-badge.is-online i{background:#36e99b!important;box-shadow:0 0 10px rgba(54,233,155,.75)!important}
.skg-presence-badge.is-offline{color:#9298a7!important}

/* V120: tournament poster cards replace the older plain event grid. */
.tournament-poster-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.skg-tournament-poster{min-width:0;position:relative;overflow:hidden;border:1px solid rgba(94,211,235,.2);border-radius:17px;background:radial-gradient(ellipse at 0% 100%,rgba(28,197,217,.12),transparent 50%),linear-gradient(145deg,#101820,#11121a 68%,#17131d);box-shadow:0 18px 45px rgba(0,0,0,.22);animation:tournamentPosterRiseV120 .48s cubic-bezier(.2,.75,.3,1) both;animation-delay:calc(var(--event-index,0)*.08s);transition:transform .25s,border-color .25s,box-shadow .25s}
.skg-tournament-poster:before{content:"";position:absolute;top:-66px;right:-62px;width:190px;height:190px;border:1px solid rgba(76,228,237,.18);border-radius:50%;box-shadow:0 0 0 16px rgba(76,228,237,.025),0 0 0 34px rgba(76,228,237,.02);pointer-events:none}
.skg-tournament-poster:hover{transform:translateY(-4px);border-color:rgba(82,230,227,.5);box-shadow:0 24px 55px rgba(0,0,0,.29),0 0 28px rgba(45,208,218,.07)}
.tournament-poster-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 17px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018)}
.tournament-poster-brand{font-size:8px;font-weight:900;letter-spacing:1.6px;color:#a5b7c4}.tournament-poster-brand i{font-style:normal;color:#55f1d8}.tournament-poster-status{font-size:7px;letter-spacing:1px;color:#8e9ca9;display:inline-flex;align-items:center;gap:6px}.tournament-poster-status i{width:6px;height:6px;border-radius:50%;background:#6fe7d5;box-shadow:0 0 10px rgba(111,231,213,.65)}
.tournament-poster-body{display:grid;grid-template-columns:92px minmax(0,1fr);gap:17px;padding:22px 18px 17px;position:relative;z-index:1}
.tournament-poster-emblem{align-self:start;aspect-ratio:1;border:1px solid rgba(80,224,223,.35);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(68,225,213,.12),rgba(14,34,44,.25));box-shadow:inset 0 0 24px rgba(64,221,215,.055);color:#6debe0}
.tournament-poster-emblem span{font-size:26px;line-height:1}.tournament-poster-emblem b{font-size:20px;margin-top:4px;letter-spacing:1px}.tournament-poster-emblem small{font-size:7px;letter-spacing:2px;color:#839ba7;margin-top:5px}
.tournament-poster-main{min-width:0}.tournament-poster-main .tournament-card-kicker{font-size:8px;letter-spacing:1.6px;color:#71e5d6}.tournament-poster-main h3{font:900 clamp(17px,1.7vw,23px)/1.2 var(--display);letter-spacing:-.4px;margin:10px 0 8px;color:#f2fbff;overflow-wrap:anywhere}.tournament-poster-main p{font-size:11px;line-height:1.7;color:#97a8b5;margin:0;white-space:pre-wrap;min-height:42px}
.tournament-poster-metadata{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:11px;margin-top:18px}.tournament-poster-metadata span{min-width:0;display:grid;gap:6px;padding-top:11px;border-top:1px solid rgba(255,255,255,.08)}.tournament-poster-metadata small{font-size:7px;letter-spacing:1.3px;color:#718a97;font-weight:900}.tournament-poster-metadata b{font-size:10px;color:#e0eef4;line-height:1.5;overflow-wrap:anywhere}
.tournament-poster-actions{position:relative;z-index:2;padding:0 18px 18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tournament-bracket-pending{font-size:8px;letter-spacing:1px;color:#82919c}.skg-tournament-poster .bracket-card-link{margin:0}.skg-tournament-poster .tournament-join-panel{margin-left:auto;flex:1;min-width:165px;border:1px solid rgba(86,228,215,.28);border-radius:9px;overflow:hidden;background:rgba(54,218,207,.045)}.skg-tournament-poster .tournament-join-panel summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:9px;align-items:center;padding:12px 13px;font-size:8px;letter-spacing:1.2px;font-weight:900;color:#8bf3e6}.skg-tournament-poster .tournament-join-panel summary::-webkit-details-marker{display:none}.skg-tournament-poster .tournament-join-panel[open] summary{border-bottom:1px solid rgba(86,228,215,.16)}.skg-tournament-poster .tournament-entry-form{padding:14px;display:grid;gap:12px}.skg-tournament-poster .tournament-entry-form label{display:grid;gap:6px;font-size:10px;color:#b7c8d0}.skg-tournament-poster .tournament-entry-form input,.skg-tournament-poster .tournament-entry-form textarea{width:100%;min-width:0;border:1px solid rgba(132,179,199,.2);border-radius:8px;background:#0c131b;color:#f4fbff;padding:10px;font:inherit}.skg-tournament-poster .tournament-entry-form small{font-size:9px;line-height:1.7;color:#7c919e}.tournament-empty-v120{position:relative;overflow:hidden;min-height:300px}.tournament-empty-orbit{width:70px;height:70px;border:1px solid rgba(82,230,227,.4);border-radius:50%;display:grid;place-items:center;font-size:28px;color:#71e5d6;margin:0 auto 18px;box-shadow:0 0 0 12px rgba(82,230,227,.03),0 0 42px rgba(82,230,227,.08);animation:tournamentEmptyOrbitV120 8s linear infinite}
@keyframes tournamentPosterRiseV120{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes tournamentEmptyOrbitV120{to{transform:rotate(360deg)}}
@media(max-width:900px){.tournament-poster-list{grid-template-columns:1fr}}
@media(max-width:540px){.tournament-poster-top{align-items:flex-start;flex-direction:column}.tournament-poster-body{grid-template-columns:68px minmax(0,1fr);gap:12px;padding:17px 13px 14px}.tournament-poster-actions{padding:0 13px 13px}.tournament-poster-emblem{border-radius:12px}.tournament-poster-metadata{grid-template-columns:1fr}.tournament-poster-main p{min-height:0}.skg-tournament-poster .tournament-join-panel{flex-basis:100%;margin-left:0}}

/* V120: product carousel slides instead of showing a static multi-column catalog. */
.shop-carousel-shell{min-width:0;position:relative}.shop-carousel-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:13px 15px;border:1px solid rgba(87,207,235,.17);border-radius:12px;background:linear-gradient(120deg,rgba(56,210,225,.06),rgba(255,255,255,.015))}.shop-carousel-toolbar>span{display:grid;gap:5px}.shop-carousel-toolbar b{font-size:8px;letter-spacing:1.6px;color:#98e9ed}.shop-carousel-toolbar small{font-size:10px;color:#899ba8}.shop-carousel-controls{display:flex;gap:7px}.shop-carousel-arrow{display:grid;place-items:center;width:38px;height:36px;border-radius:9px;border:1px solid rgba(96,212,231,.3);background:rgba(24,79,91,.2);color:#8df0ee;font-size:21px;cursor:pointer;transition:transform .2s,background .2s,border-color .2s}.shop-carousel-arrow:hover:not(:disabled){transform:translateY(-2px);background:rgba(41,160,168,.2);border-color:rgba(115,247,240,.65)}.shop-carousel-arrow:disabled{opacity:.32;cursor:not-allowed}
.shop-carousel-track.shop-items-grid{display:flex;gap:16px;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;padding:2px 2px 13px;scrollbar-width:thin;scrollbar-color:rgba(91,215,227,.42) rgba(255,255,255,.035)}.shop-carousel-track .shop-product-card{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.shop-carousel-track .shop-product-card .shop-copy{padding:clamp(18px,2.4vw,25px)}.shop-carousel-footer{display:grid;gap:9px;margin-top:3px;padding:0 3px}.shop-carousel-footer>span{font-size:8px;font-weight:900;letter-spacing:1.5px;color:#88a5b4}.shop-carousel-progress{height:3px;overflow:hidden;border-radius:5px;background:rgba(255,255,255,.07)}.shop-carousel-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3be7c4,#48d8ff,#8d8aff);box-shadow:0 0 12px rgba(72,216,255,.36);transition:width .3s ease}
.giveaway-coming-pill{color:#b0d3e2!important;background:rgba(94,177,207,.1)!important;border-color:rgba(94,177,207,.25)!important}.giveaway-coming-soon .giveaway-hero-shine{opacity:.25}.giveaway-disabled-button,.giveaway-disabled-button:disabled{opacity:.62!important;filter:saturate(.5);cursor:not-allowed!important;box-shadow:none!important;pointer-events:none!important}.giveaway-coming-soon .giveaway-entry-status{color:#c4a979!important}
@media(prefers-reduced-motion:reduce){.skg-tournament-poster,.tournament-empty-orbit{animation:none!important;transition:none!important}.shop-carousel-track{scroll-behavior:auto}}
@media(prefers-reduced-motion:reduce){.login-loading-card .runner-leg-a,.login-loading-card .runner-leg-b,.login-loading-card .runner-arm-a,.login-loading-card .runner-arm-b,.login-loading-card .runner-figure{animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* V121 shop stock indicator: blue inventory bar directly below Request Reward. */
.shop-product-card .shop-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:12px!important;flex-wrap:initial!important}
.shop-product-card .shop-actions>.primary-button{width:100%;min-width:0!important;justify-content:space-between}
.shop-product-card .shop-actions>.primary-button:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.35)}
.shop-stock-meter{display:grid;gap:7px;width:100%;padding:4px 1px 0}
.shop-stock-track{height:9px;width:100%;overflow:hidden;border-radius:999px;background:rgba(105,139,168,.2);border:1px solid rgba(89,170,245,.23);box-shadow:inset 0 1px 3px rgba(0,0,0,.16)}
.shop-stock-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1478ff 0%,#22a8ff 54%,#62d8ff 100%);box-shadow:0 0 12px rgba(34,153,255,.46);transition:width .35s ease;min-width:0}
.shop-stock-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;line-height:1.4;font-weight:800;letter-spacing:1.1px;color:#8cabc6}
.shop-stock-caption b{font-size:10px;color:#52b7ff;letter-spacing:.7px;font-variant-numeric:tabular-nums}
.shop-stock-left-label{color:#8cabc6}
.shop-stock-meter.is-sold-out .shop-stock-track{background:rgba(255,255,255,.035)}
.shop-stock-meter.is-sold-out .shop-stock-fill{background:#596574;box-shadow:none}
.shop-stock-meter.is-sold-out .shop-stock-caption b,.shop-stock-sold-out{color:#ff7b86}
.shop-stock-sold-out{font-size:9px;font-weight:900;letter-spacing:1.4px}
@media(prefers-reduced-motion:reduce){.shop-stock-fill{transition:none!important}}


/* V122: simplify earning navigation and compact the shop. */
.skg-side-shortcut-wheel, #freePointsDrawer { display: none !important; }
.shop-product-card { gap: 14px !important; min-height: 0 !important; padding: 16px !important; }
.shop-product-card .shop-copy { gap: 9px !important; }
.shop-product-card h3 { font-size: clamp(17px, 1.5vw, 22px) !important; }
.shop-product-card p { font-size: 13px !important; line-height: 1.5 !important; }
.shop-product-card .shop-item-art { min-height: 150px !important; max-height: 190px !important; }
.shop-product-card .shop-product-image { max-height: 180px !important; object-fit: contain !important; }
.shop-product-card .shop-price strong { font-size: 20px !important; }
.missions-ad-banner { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:0 0 24px; padding:20px 22px; border:1px solid rgba(70,155,255,.45); border-radius:16px; background:linear-gradient(115deg,rgba(16,74,140,.32),rgba(20,28,43,.88)); min-height:108px; }
.missions-ad-copy { display:flex; flex-direction:column; gap:5px; }
.missions-ad-label { color:#6ab5ff; font-size:10px; font-weight:800; letter-spacing:2px; }
.missions-ad-copy strong { font-size:18px; color:#f5f8ff; }
.missions-ad-copy span:last-child { font-size:13px; color:#aebdd1; }
.missions-ad-slot { flex:0 0 32%; min-height:66px; display:flex; align-items:center; justify-content:center; border:1px dashed rgba(105,174,255,.55); border-radius:10px; color:#77baff; font-size:11px; font-weight:800; letter-spacing:2px; background:rgba(8,20,36,.38); }
@media(max-width:600px){.missions-ad-banner{align-items:stretch;flex-direction:column;padding:16px}.missions-ad-slot{flex-basis:auto;min-height:54px}.shop-product-card{padding:12px!important}}

/* V123 academy roster additions */
.academy-card-art-maze{background:radial-gradient(ellipse at 50% 38%,#ffe1a1 0,#b77a2d 23%,#493224 48%,#10141e 78%)}
.academy-card-art-maze:before{border-color:rgba(255,211,126,.65)}
.academy-card-art-fenow{background:radial-gradient(ellipse at 50% 38%,#b4f5ff 0,#2788a6 23%,#1a3c5a 48%,#10141e 78%)}
.academy-card-art-fenow:before{border-color:rgba(140,234,255,.65)}
.academy-card-art-meliodas{background:radial-gradient(ellipse at 50% 38%,#c5b7ff 0,#6651b0 23%,#2c2a4e 48%,#10141e 78%)}
.academy-card-art-meliodas:before{border-color:rgba(186,167,255,.7)}

/* V123 responsive advertisement banner below the Reels viewer */
.clips-bottom-ad-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(100%,1080px);margin:24px auto 8px;padding:24px clamp(18px,3vw,32px);border:1px solid rgba(73,166,255,.34);border-radius:20px;background:radial-gradient(ellipse at 85% 0%,rgba(31,133,255,.22),transparent 48%),linear-gradient(110deg,rgba(13,28,48,.98),rgba(14,20,34,.98));box-shadow:0 14px 34px rgba(0,0,0,.22);overflow:hidden;position:relative}
.clips-bottom-ad-banner:before{content:"";position:absolute;inset:0 auto 0 -45%;width:35%;background:linear-gradient(90deg,transparent,rgba(111,190,255,.10),transparent);transform:skewX(-16deg);animation:skgAdShimmer 8s ease-in-out infinite;pointer-events:none}
.clips-bottom-ad-copy{position:relative;z-index:1;min-width:0}.clips-bottom-ad-copy>span{font-size:9px;font-weight:900;letter-spacing:2px;color:#80c8ff}.clips-bottom-ad-copy h3{margin:8px 0 5px;font-size:clamp(18px,2.6vw,27px);letter-spacing:-.6px;color:#f3f8ff}.clips-bottom-ad-copy p{margin:0;max-width:560px;color:#a4b7cd;font-size:12px;line-height:1.65}.clips-bottom-ad-slot{position:relative;z-index:1;display:grid;place-content:center;gap:5px;flex:0 0 210px;min-height:75px;border:1px dashed rgba(125,190,255,.45);border-radius:12px;background:rgba(8,18,32,.48);text-align:center}.clips-bottom-ad-slot span{font-size:9px;letter-spacing:2px;color:#82baff;font-weight:900}.clips-bottom-ad-slot b{font-size:19px;color:#e5f2ff;letter-spacing:1px}@keyframes skgAdShimmer{0%,25%{left:-45%}70%,100%{left:130%}}
@media(max-width:620px){.clips-bottom-ad-banner{align-items:stretch;flex-direction:column;gap:18px;margin:18px auto 6px;padding:20px 16px;border-radius:15px}.clips-bottom-ad-slot{flex-basis:auto;min-height:62px}.clips-bottom-ad-copy p{font-size:11px}}

/* V123 shop cards are compact cards inside the existing product slider, not full-width panels. */
.shop-carousel-track.shop-items-grid{align-items:stretch;justify-content:flex-start;gap:16px;padding:4px 3px 14px}
.shop-carousel-track.shop-items-grid .shop-product-card{flex:0 0 min(100%,360px)!important;width:min(100%,360px)!important;max-width:360px!important;min-width:260px!important;scroll-snap-align:center;border-radius:18px}
.shop-carousel-track.shop-items-grid .shop-product-card .shop-copy{padding:17px!important}
.shop-carousel-track.shop-items-grid .shop-product-card .shop-item-art{min-height:185px!important;max-height:220px!important}
.shop-carousel-track.shop-items-grid .shop-product-card h3{font-size:clamp(18px,1.8vw,23px)!important}
.shop-carousel-track.shop-items-grid .shop-product-card .shop-actions{gap:8px!important}
.shop-carousel-track.shop-items-grid .shop-product-card .primary-button{min-height:42px!important;font-size:10px!important}
.shop-carousel-track.shop-items-grid .shop-product-card .shop-footnote{font-size:10px!important}
@media(max-width:640px){.shop-carousel-track.shop-items-grid .shop-product-card{flex-basis:min(88vw,340px)!important;width:min(88vw,340px)!important;min-width:min(88vw,280px)!important}.shop-carousel-track.shop-items-grid .shop-product-card .shop-item-art{min-height:155px!important}}

.coach-cloud-sync-warning{margin:0 0 15px;padding:13px 15px;border:1px solid rgba(255,190,90,.4);border-radius:12px;background:rgba(115,73,22,.17);color:#ffd79c;font-size:12px;line-height:1.6}


/* V124 — additional Academy card art variants */
.academy-card-art-volikat{background:radial-gradient(ellipse at 50% 38%,#bfe8ff 0,#3d78a8 23%,#20334d 48%,#10141e 78%)}
.academy-card-art-volikat:before{border-color:rgba(153,219,255,.7)}
.academy-card-art-moe{background:radial-gradient(ellipse at 50% 38%,#e1d4ff 0,#785ac1 23%,#31274f 48%,#10141e 78%)}
.academy-card-art-moe:before{border-color:rgba(199,177,255,.72)}
.academy-card-art-amir{background:radial-gradient(ellipse at 50% 38%,#b8ffe9 0,#3c9c8c 23%,#193f44 48%,#10141e 78%)}
.academy-card-art-amir:before{border-color:rgba(139,255,222,.68)}
.faserli-tounsi-window:nth-child(4){border-color:rgba(91,164,255,.38);background:linear-gradient(145deg,rgba(23,54,89,.94),rgba(8,15,25,.92))}

.faserli-tounsi-grid .faserli-tounsi-window{height:100%;align-items:flex-start;gap:4px}
.faserli-tounsi-grid .faserli-tounsi-window>p{font-size:clamp(14px,1.35vw,17px);line-height:1.7}
.faserli-tounsi-grid .faserli-tounsi-window h3{margin-bottom:12px}


/* V125 — distinct Academy and Trainees rosters + uploaded Diamond badge. */
.academy-roster-team-hidden { display: none !important; }
#academyMembersOverlay .diamond-rank-logo { object-fit: contain; filter: drop-shadow(0 0 12px rgba(161, 116, 255, .72)); }
.academy-card-art-amine { background: radial-gradient(ellipse at 50% 38%, #d9c2ff 0, #7654bc 23%, #322451 48%, #10141e 78%); }
.academy-card-art-amine:before { border-color: rgba(207, 176, 255, .78); }
.academy-card-art-chenko { background: radial-gradient(ellipse at 50% 38%, #b6ffe8 0, #398e75 23%, #1a443b 48%, #10141e 78%); }
.academy-card-art-chenko:before { border-color: rgba(139, 255, 218, .72); }
.academy-card-art-kayto { background: radial-gradient(ellipse at 50% 38%, #ffdbb4 0, #c77742 23%, #5c3026 48%, #10141e 78%); }
.academy-card-art-kayto:before { border-color: rgba(255, 191, 140, .75); }
.academy-card-art-obsses { background: radial-gradient(ellipse at 50% 38%, #b8d5ff 0, #4d70c1 23%, #202b50 48%, #10141e 78%); }
.academy-card-art-obsses:before { border-color: rgba(158, 191, 255, .75); }
#tournamentForm button[type="submit"]:disabled { opacity: .7; cursor: progress; }


/* V126 — clearer tournament hierarchy and Academy Master player art. */
.skg-tournament-poster .tournament-poster-main h3 {
  font-size: clamp(25px, 2.45vw, 34px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.65px !important;
  margin: 12px 0 12px !important;
}
.skg-tournament-poster .tournament-poster-metadata span:first-child b {
  font-size: clamp(14px, 1.25vw, 17px) !important;
  font-weight: 900 !important;
  color: #f1fbff !important;
  line-height: 1.35 !important;
}
.skg-tournament-poster .tournament-poster-metadata span:nth-child(2) {
  padding: 12px 13px 10px !important;
  border: 1px solid rgba(92, 236, 211, .30) !important;
  border-radius: 11px !important;
  background: linear-gradient(135deg, rgba(56, 223, 191, .10), rgba(44, 126, 175, .08)) !important;
  box-shadow: inset 0 0 18px rgba(58, 225, 202, .035) !important;
}
.skg-tournament-poster .tournament-poster-metadata span:nth-child(2) small {
  color: #7fe8d7 !important;
  font-size: 9px !important;
  letter-spacing: 1.5px !important;
}
.skg-tournament-poster .tournament-poster-metadata span:nth-child(2) b {
  font-size: clamp(19px, 1.75vw, 25px) !important;
  line-height: 1.2 !important;
  color: #b9fff0 !important;
  font-weight: 950 !important;
  text-shadow: 0 0 20px rgba(72, 238, 209, .16) !important;
}
.academy-card-art-ahmed { background: radial-gradient(ellipse at 50% 38%, #c7b7ff 0, #6452b5 23%, #30234c 48%, #10141e 78%); }
.academy-card-art-ahmed:before { border-color: rgba(192, 174, 255, .78); }
.academy-card-art-yanitata { background: radial-gradient(ellipse at 50% 38%, #ffdbbb 0, #b96848 23%, #532d32 48%, #10141e 78%); }
.academy-card-art-yanitata:before { border-color: rgba(255, 189, 152, .78); }
.academy-card-art-yansoun { background: radial-gradient(ellipse at 50% 38%, #a9ffdf 0, #287d69 23%, #193e3b 48%, #10141e 78%); }
.academy-card-art-yansoun:before { border-color: rgba(128, 255, 219, .78); }
.academy-card-art-mr-jaris { background: radial-gradient(ellipse at 50% 38%, #c4e5ff 0, #4478b3 23%, #26344f 48%, #10141e 78%); }
.academy-card-art-mr-jaris:before { border-color: rgba(160, 215, 255, .78); }
.academy-card-art-brashogun { background: radial-gradient(ellipse at 50% 38%, #ffd5ee 0, #a94d9e 23%, #4c254a 48%, #10141e 78%); }
.academy-card-art-brashogun:before { border-color: rgba(255, 173, 229, .78); }
@media (max-width: 540px) {
  .skg-tournament-poster .tournament-poster-main h3 { font-size: clamp(23px, 6vw, 29px) !important; }
  .skg-tournament-poster .tournament-poster-metadata span:first-child b { font-size: 15px !important; }
  .skg-tournament-poster .tournament-poster-metadata span:nth-child(2) b { font-size: 22px !important; }
}


/* V128 — 50 editable team-room slots and Teams = Tournaments roster builder. */
.academy-reel-caption{display:flex;flex-direction:column;gap:5px;max-height:45%;overflow:auto;pointer-events:none}
.academy-reel-caption strong{display:block;font-size:clamp(14px,1.2vw,20px);line-height:1.12;font-weight:1000;letter-spacing:-.025em}
.academy-reel-caption span{display:block;font-size:10px;line-height:1.45;font-weight:700}
.academy-big-title-label textarea{width:100%;min-width:0;resize:vertical;padding:9px;border:1px solid #36363d;border-radius:6px;background:#0c0c0f;color:#ededf0;font-size:10px;line-height:1.5}
.academy-video-admin{display:grid;gap:8px}
.academy-team-tournament-intro{padding:clamp(18px,3vw,34px);border:1px solid #34343b;border-radius:14px;background:radial-gradient(ellipse at 8% 0,rgba(166,41,58,.18),transparent 42%),linear-gradient(145deg,#19191e,#101013);}
.academy-team-tournament-big-title{margin:10px 0 12px!important;font-size:clamp(34px,5vw,64px)!important;line-height:.98!important;letter-spacing:-.055em!important;font-weight:1000!important}
.academy-team-tournament-big-title em{color:#ed7d8b;font-style:normal}
.academy-team-tournament-explanation{max-width:850px;margin:0 0 22px;color:#e0dfe5;font-size:clamp(15px,2vw,22px);line-height:1.6;font-weight:800}
.academy-team-tournament-poster{display:grid;place-items:center;min-height:180px;overflow:hidden;border:1px dashed #6a3a42;border-radius:12px;background:linear-gradient(135deg,#18181e,#211419)}
.academy-team-tournament-poster-image{display:block;width:100%;max-height:520px;object-fit:contain;background:#09090b}
.academy-team-tournament-poster-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px;text-align:center;color:#d3d1d8}
.academy-team-tournament-poster-empty .poster-plus{display:grid;place-items:center;width:50px;height:50px;border:1px solid #79404a;border-radius:50%;font-size:30px;color:#ff9aa6}
.academy-team-tournament-poster-empty strong{font-size:12px;letter-spacing:1.5px}
.academy-team-tournament-poster-empty small{color:#888891;font-size:11px}
.academy-team-poster-admin{display:grid;grid-template-columns:minmax(0,220px) auto;align-items:center;gap:10px;margin-top:12px}
.academy-team-poster-admin>span{grid-column:1/-1;color:#85858e;font-size:10px}
.academy-team-category-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 16px}
.academy-team-category-tab{padding:12px 22px;border:1px solid #393940;border-radius:8px;background:#17171b;color:#b9b9c2;font-size:11px;font-weight:950;letter-spacing:1px;cursor:pointer}
.academy-team-category-tab.active{border-color:#db6877;background:linear-gradient(135deg,#5b1d28,#241318);color:#fff;box-shadow:0 0 24px rgba(213,75,96,.16)}
.academy-team-roster-panel{padding:20px;border:1px solid #303037;border-radius:13px;background:#111115}
.academy-team-roster-heading{margin-bottom:18px}
.academy-team-roster-heading>span{color:#e27b89;font-size:9px;font-weight:950;letter-spacing:1.7px}
.academy-team-roster-heading h4{margin:8px 0 5px;font-size:clamp(30px,4vw,46px);font-weight:1000;letter-spacing:-.04em}
.academy-team-roster-heading p{margin:0;color:#92929c;font-size:12px}
.academy-team-roster-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.academy-team-tournament-card{min-width:0;min-height:310px;perspective:1000px;cursor:pointer}
.academy-team-tournament-card .academy-flip-inner{position:relative;width:100%;height:100%;min-height:310px;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.75,.2,1)}
.academy-team-tournament-card.is-flipped .academy-flip-inner{transform:rotateY(180deg)}
.academy-team-tournament-card .academy-flip-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px;padding:13px;border:1px solid #35353d;border-radius:10px;background:radial-gradient(ellipse at 50% 20%,rgba(110,82,183,.18),transparent 45%),linear-gradient(160deg,#222229,#111115);backface-visibility:hidden;overflow:hidden}
.academy-team-tournament-card .academy-flip-back{transform:rotateY(180deg);justify-content:center}
.academy-team-tournament-card .academy-card-art{width:100%;height:145px;min-height:145px;border-radius:8px}
.academy-team-tournament-card .academy-card-name{font-size:clamp(12px,1vw,16px);text-align:center;overflow-wrap:anywhere}
.academy-team-tournament-card .academy-card-subtitle{font-size:9px;text-align:center}
.academy-team-tournament-card .academy-card-flip-button{max-width:100%;font-size:8px}
.academy-team-tournament-card .academy-card-link{font-size:9px;text-align:center;overflow-wrap:anywhere}
.academy-team-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:220px;border:1px dashed #3c3c45;border-radius:10px;color:#bcbcc5;text-align:center}
.academy-team-empty-state>span{font-size:38px;color:#ed7d8b}.academy-team-empty-state strong{letter-spacing:1.5px}.academy-team-empty-state small{color:#85858f}
@media(max-width:1100px){.academy-team-roster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.academy-team-roster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.academy-team-roster-panel{padding:10px}.academy-team-tournament-card,.academy-team-tournament-card .academy-flip-inner{min-height:285px}.academy-team-tournament-card .academy-card-art{height:115px;min-height:115px}.academy-team-poster-admin{grid-template-columns:1fr}.academy-team-category-tab{flex:1;padding:10px 12px}}


/* V129: Team comps, challenge rewards, and individual-room tasks. */
.academy-cloud-content-intro{margin:24px 0 20px;padding:clamp(22px,4vw,42px);border:1px solid #38343c;border-radius:14px;background:radial-gradient(ellipse at 12% 0,rgba(184,48,66,.16),transparent 48%),linear-gradient(135deg,#1b1a20,#111114)}
.academy-cloud-content-intro>span{color:#e37d8b;font-size:9px;font-weight:900;letter-spacing:1.8px}.academy-cloud-content-intro h3{margin:9px 0;color:#f7f4f7;font:800 clamp(32px,4vw,48px)/1.05 "Barlow Condensed","DM Sans",sans-serif}.academy-cloud-content-intro h3 em{color:#ef687b;font-style:normal}.academy-cloud-content-intro p{max-width:660px;margin:0;color:#aaa7b0;font-size:12px;line-height:1.8}
.academy-team-comps-grid,.academy-challenges-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.academy-team-comp-card,.academy-challenge-card{min-width:0;padding:18px;border:1px solid #37343d;border-radius:12px;background:linear-gradient(145deg,#1b1a20,#111114)}.academy-team-comp-number,.academy-challenge-card>span{color:#e57988;font-size:9px;font-weight:900;letter-spacing:1.4px}.academy-team-comp-card h4,.academy-challenge-card h4{margin:10px 0;color:#f4f1f5;font-size:20px;overflow-wrap:anywhere}.academy-team-comp-card>p,.academy-challenge-card p{min-height:30px;color:#aaa7b0;font-size:12px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.academy-challenge-card small{color:#77737d;font-size:10px}.academy-team-comp-admin,.academy-challenge-admin-form,.academy-solo-task-admin{display:grid;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #37343d}.academy-team-comp-admin label,.academy-challenge-admin-form label,.academy-solo-task-admin label{display:grid;gap:6px;color:#b8b4bf;font-size:10px;font-weight:800}.academy-team-comp-admin input,.academy-team-comp-admin textarea,.academy-challenge-admin-form input,.academy-challenge-admin-form textarea,.academy-solo-task-admin input,.academy-solo-task-admin textarea,.academy-solo-task-admin select{width:100%;box-sizing:border-box;padding:11px;border:1px solid #3d3943;border-radius:8px;background:#0d0c10;color:#f3f1f5;font:inherit}.academy-team-comp-admin button,.academy-challenge-admin-form button{min-height:40px;border:1px solid #82404c;border-radius:8px;background:linear-gradient(120deg,#4c202a,#28161b);color:#ffe7eb;font-size:10px;font-weight:900;letter-spacing:.8px;cursor:pointer}.academy-team-comp-admin button:disabled,.academy-challenge-admin-form button:disabled{opacity:.6}.academy-challenge-admin-form{margin:0 0 20px;padding:18px;border:1px solid #4b3840;border-radius:12px;background:#19171c}.academy-panel-loading,.solo-task-status{color:#a7a2ad;font-size:12px;line-height:1.7}.academy-solo-tasks-panel>p{color:#aaa7b0;font-size:11px;line-height:1.7}.academy-solo-task-admin:not(.hidden){display:grid}.academy-solo-task-admin.hidden{display:none}.solo-task-item{display:flex;align-items:flex-start;gap:12px;margin:10px 0;padding:14px;border:1px solid #39353e;border-radius:10px;background:#17161c;cursor:pointer}.solo-task-item input{width:21px;height:21px;flex:0 0 auto;accent-color:#22b66a}.solo-task-item>span{display:grid;gap:6px}.solo-task-item strong{color:#f0edf2;font-size:13px}.solo-task-item small{color:#a7a2ad;font-size:11px;line-height:1.6;white-space:pre-wrap}.solo-task-item em{color:#58e5a0;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.8px}.solo-task-item.is-complete{border-color:#236d4b;background:linear-gradient(120deg,#12271e,#17161c)}.solo-scrim-cell span{display:none!important}
@media(max-width:650px){.academy-team-comps-grid,.academy-challenges-grid{grid-template-columns:minmax(0,1fr)}.academy-cloud-content-intro{padding:20px}.academy-team-comp-card,.academy-challenge-card{padding:14px}}


/* V130: task deletion/visibility, notification read-all wording, free-training development notice, and individual-room ad banner. */
.training-development-notice{display:flex;align-items:center;gap:13px;margin:0 0 16px;padding:15px 18px;border:1px solid rgba(76,182,255,.32);border-radius:12px;background:linear-gradient(100deg,rgba(14,68,108,.48),rgba(10,24,45,.82));box-shadow:inset 0 0 22px rgba(37,151,234,.05)}
.training-development-notice>div{display:grid;gap:5px;min-width:0}.training-development-notice strong{font-size:10px;font-weight:1000;letter-spacing:1.1px;color:#95d9ff}.training-development-notice small{color:#9bb9ce;font-size:11px;line-height:1.6}.training-development-pulse,.academy-solo-ad-pulse{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#45baff;box-shadow:0 0 0 5px rgba(69,186,255,.11),0 0 18px rgba(69,186,255,.55);animation:skgDevelopmentPulse 1.8s ease-in-out infinite}
@keyframes skgDevelopmentPulse{50%{opacity:.5;box-shadow:0 0 0 8px rgba(69,186,255,.04),0 0 8px rgba(69,186,255,.3)}}
.academy-solo-ad-banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:94px;margin:23px 0 0;padding:18px 22px;overflow:hidden;border:1px solid rgba(65,173,255,.34);border-radius:13px;background:radial-gradient(ellipse at 88% 45%,rgba(29,136,221,.24),transparent 42%),linear-gradient(110deg,#0e1c2b,#101318 66%,#0b1b2c);box-shadow:inset 0 0 30px rgba(38,142,226,.06)}
.academy-solo-ad-banner:after{content:"";position:absolute;top:-70%;right:18%;width:22%;height:240%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,rgba(91,195,255,.07),transparent);pointer-events:none}
.academy-solo-ad-banner-label{position:relative;z-index:1;display:flex;align-items:center;gap:9px;min-width:130px;color:#75cfff;font-size:9px;font-weight:1000;letter-spacing:1.35px}.academy-solo-ad-pulse{width:7px;height:7px}.academy-solo-ad-banner-copy{position:relative;z-index:1;display:grid;gap:6px;flex:1;text-align:center}.academy-solo-ad-banner-copy strong{color:#f0f8ff;font-size:clamp(16px,2.3vw,25px);font-weight:1000;letter-spacing:.04em}.academy-solo-ad-banner-copy small{color:#8da7bc;font-size:10px;letter-spacing:.03em}.academy-solo-ad-banner-mark{position:relative;z-index:1;color:#f5fbff;font:1000 23px/1 "Barlow Condensed","DM Sans",sans-serif;letter-spacing:1px}.academy-solo-ad-banner-mark span{color:#55bfff}
.solo-task-admin-list{display:grid;gap:10px;margin-top:12px}.solo-task-admin-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border:1px solid #3a3741;border-radius:11px;background:linear-gradient(120deg,#1b1a20,#121116)}.solo-task-admin-copy{display:grid;gap:6px;min-width:0}.solo-task-admin-kicker{color:#83cfff;font-size:8px;font-weight:1000;letter-spacing:1.2px;text-transform:uppercase}.solo-task-admin-copy strong{color:#f6f3f7;font-size:14px;overflow-wrap:anywhere}.solo-task-admin-copy p{margin:0;color:#aaa7b0;font-size:11px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.solo-task-admin-copy small{color:#74dca4;font-size:9px;font-weight:900;letter-spacing:.45px;overflow-wrap:anywhere}.solo-task-delete-button{flex:0 0 auto;min-height:38px;padding:0 13px;border:1px solid rgba(232,85,108,.46);border-radius:8px;background:rgba(105,27,43,.3);color:#ffb0bd;font-size:9px;font-weight:1000;letter-spacing:.8px;cursor:pointer}.solo-task-delete-button:hover{background:rgba(143,35,56,.42);border-color:#e8556c}.solo-task-delete-button:disabled{opacity:.55;cursor:wait}
@media(max-width:650px){.academy-solo-ad-banner{align-items:flex-start;flex-direction:column;gap:12px;padding:15px}.academy-solo-ad-banner-copy{text-align:left}.academy-solo-ad-banner-mark{position:absolute;right:15px;top:15px}.solo-task-admin-card{align-items:flex-start;flex-direction:column}.solo-task-delete-button{width:100%}.training-development-notice{align-items:flex-start;padding:13px}}


/* V131 — light-blue lightning tornado background for all three SKG store tabs. */
.nav-tab.shop-nav-tab{position:relative;overflow:hidden}
.nav-tab.shop-nav-tab .nav-icon{font-weight:900;color:#86dfff}
.nav-tab.shop-nav-tab.active{border-color:rgba(93,203,255,.24);background:linear-gradient(100deg,rgba(38,150,224,.18),rgba(72,203,255,.045));box-shadow:inset 2px 0 rgba(95,207,255,.65)}
.nav-tab.shop-nav-tab.active .nav-icon,.nav-tab.shop-nav-tab.active .nav-chevron{color:#8ee2ff}
.shop-storm-page{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100vh - 160px);margin:-13px;padding:clamp(13px,1.6vw,22px);border:1px solid rgba(87,190,255,.16);border-radius:18px;background:radial-gradient(ellipse at 50% 20%,rgba(25,120,192,.17),transparent 52%),linear-gradient(155deg,#08111d 0%,#080c14 53%,#060b12 100%);box-shadow:inset 0 0 65px rgba(21,135,220,.08)}
.shop-storm-scene{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;contain:paint}
.shop-storm-reference{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 26%;opacity:.34;filter:saturate(1.18) brightness(.92) contrast(1.06);mix-blend-mode:screen;transform:scale(1.06);animation:shop-storm-reference-drift 22s ease-in-out infinite alternate}
.shop-storm-blue-glow{position:absolute;inset:-10%;background:radial-gradient(ellipse at 50% 42%,rgba(76,197,255,.15),transparent 29%),radial-gradient(ellipse at 12% 68%,rgba(42,138,255,.13),transparent 31%),radial-gradient(ellipse at 90% 20%,rgba(80,218,255,.1),transparent 33%);animation:shop-storm-glow 7s ease-in-out infinite alternate}
.shop-storm-vortex{position:absolute;width:clamp(170px,28vw,390px);height:clamp(320px,66vh,620px);top:5%;border-radius:50%;opacity:.43;filter:drop-shadow(0 0 20px rgba(52,185,255,.2));transform-origin:center;animation:shop-storm-vortex-spin 25s linear infinite}
.shop-storm-vortex::before{content:"";position:absolute;inset:2% 4%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 12%,rgba(70,199,255,.06) 16%,rgba(126,231,255,.58) 18%,transparent 22% 40%,rgba(60,169,255,.2) 45%,transparent 51% 69%,rgba(119,224,255,.44) 74%,transparent 78%);mask-image:radial-gradient(ellipse,transparent 0 24%,#000 29% 31%,transparent 34% 43%,#000 48% 50%,transparent 53% 61%,#000 66% 68%,transparent 71%);animation:shop-storm-vortex-spin 8s linear infinite reverse}
.shop-storm-vortex::after{content:"";position:absolute;inset:10% 15%;border-radius:50%;background:repeating-conic-gradient(from 8deg,rgba(107,221,255,.15) 0deg 3deg,transparent 3deg 18deg);mask-image:radial-gradient(ellipse,transparent 0 18%,#000 23% 66%,transparent 74%);animation:shop-storm-vortex-spin 13s linear infinite}
.shop-storm-vortex span{position:absolute;display:block;left:var(--ring-left);top:var(--ring-top);width:var(--ring-width);height:var(--ring-height);border:1px solid rgba(95,212,255,var(--ring-opacity));border-radius:50%;box-shadow:0 0 10px rgba(63,192,255,.15),inset 0 0 8px rgba(63,192,255,.09);transform:rotateX(66deg) rotateZ(var(--ring-angle));animation:shop-storm-ring-warp var(--ring-speed) ease-in-out infinite alternate}
.shop-storm-vortex span:nth-child(1){--ring-left:2%;--ring-top:3%;--ring-width:96%;--ring-height:28%;--ring-opacity:.32;--ring-angle:3deg;--ring-speed:4.4s}
.shop-storm-vortex span:nth-child(2){--ring-left:9%;--ring-top:18%;--ring-width:82%;--ring-height:25%;--ring-opacity:.46;--ring-angle:-4deg;--ring-speed:3.7s}
.shop-storm-vortex span:nth-child(3){--ring-left:17%;--ring-top:33%;--ring-width:66%;--ring-height:22%;--ring-opacity:.55;--ring-angle:5deg;--ring-speed:3.4s}
.shop-storm-vortex span:nth-child(4){--ring-left:25%;--ring-top:48%;--ring-width:50%;--ring-height:19%;--ring-opacity:.62;--ring-angle:-3deg;--ring-speed:3.2s}
.shop-storm-vortex span:nth-child(5){--ring-left:32%;--ring-top:63%;--ring-width:36%;--ring-height:16%;--ring-opacity:.68;--ring-angle:4deg;--ring-speed:2.8s}
.shop-storm-vortex span:nth-child(6){--ring-left:39%;--ring-top:77%;--ring-width:22%;--ring-height:13%;--ring-opacity:.78;--ring-angle:-4deg;--ring-speed:2.4s}
.shop-storm-vortex-one{left:-7%;top:0;transform:rotate(-11deg) scale(.9)}
.shop-storm-vortex-two{right:15%;top:5%;transform:rotate(12deg) scale(.75);animation-duration:31s;opacity:.32}
.shop-storm-vortex-three{right:-10%;top:12%;transform:rotate(-7deg) scale(.84);animation-duration:21s;opacity:.38}
.shop-storm-lightning{position:absolute;inset:-3%;width:106%;height:106%;overflow:visible;filter:drop-shadow(0 0 4px rgba(85,214,255,.95)) drop-shadow(0 0 13px rgba(32,150,255,.65));opacity:.78}
.shop-storm-bolt{fill:none;stroke:#9ceaff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.3;stroke-dasharray:250 560;stroke-dashoffset:0;opacity:.18;animation:shop-storm-bolt-flash 5.2s ease-in-out infinite}
.shop-storm-bolt:nth-child(3n){stroke:#45bfff;stroke-width:3.4;animation-duration:4.1s}
.shop-storm-bolt:nth-child(4n){stroke:#d4f8ff;stroke-width:1.8;animation-duration:6.2s}
.shop-storm-bolt.bolt-a{animation-delay:-.7s}.shop-storm-bolt.bolt-b{animation-delay:-3.3s}.shop-storm-bolt.bolt-c{animation-delay:-1.8s}.shop-storm-bolt.bolt-d{animation-delay:-4.5s}.shop-storm-bolt.bolt-e{animation-delay:-2.6s}.shop-storm-bolt.bolt-f{animation-delay:-.3s}.shop-storm-bolt.bolt-g{animation-delay:-3.7s}.shop-storm-bolt.bolt-h{animation-delay:-1.2s}.shop-storm-bolt.bolt-i{animation-delay:-4.1s}.shop-storm-bolt.bolt-j{animation-delay:-2.2s}.shop-storm-bolt.bolt-k{animation-delay:-.9s}.shop-storm-bolt.bolt-l{animation-delay:-3s}
.shop-storm-particles{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(171,237,255,.92) 0 1px,transparent 1.9px),radial-gradient(circle,rgba(59,184,255,.75) 0 1px,transparent 2px);background-size:87px 97px,143px 127px;background-position:13px 21px,52px 14px;opacity:.27;mask-image:linear-gradient(transparent,#000 20% 80%,transparent);animation:shop-storm-particle-drift 16s linear infinite}
.storm-particles-b{background-size:179px 139px,121px 177px;background-position:68px 34px,9px 78px;opacity:.18;animation-duration:23s;animation-direction:reverse}
.shop-storm-content{position:relative;z-index:1;min-width:0}
.shop-storm-page .page-heading{padding:6px 4px 0}
.shop-storm-page .page-heading h2{color:#eaf8ff;text-shadow:0 0 22px rgba(67,182,255,.2)}
.shop-storm-page .section-overline{color:#8bdcff}
.shop-storm-page .page-heading .status-dot{background:#53c7ff;box-shadow:0 0 13px rgba(83,199,255,.8)}
.shop-storm-page .mini-tag{border-color:rgba(84,197,255,.2);color:#a6dcf6;background:rgba(6,22,38,.55)}
.shop-storm-page .shop-layout,.shop-storm-page .tournament-panel{position:relative;z-index:1}
.shop-storm-page .shop-product-card{border-color:rgba(93,195,255,.26)!important;background:linear-gradient(150deg,rgba(15,30,47,.95),rgba(7,13,23,.94))!important;box-shadow:0 15px 45px rgba(0,0,0,.24),inset 0 0 38px rgba(54,170,245,.04)}
.shop-storm-page .shop-product-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 12%,rgba(64,180,255,.12),transparent 48%)}
.shop-storm-page .shop-badge{color:#9ce7ff}
.shop-storm-page .shop-price strong{color:#9ee6ff}
.shop-storm-page .shop-stock-fill{background:linear-gradient(90deg,#168cff,#43c4ff,#b5f3ff);box-shadow:0 0 12px rgba(65,190,255,.5)}
.shop-storm-page .shop-carousel-toolbar{background:linear-gradient(120deg,rgba(28,127,184,.15),rgba(255,255,255,.015));border-color:rgba(87,201,255,.21)}
.shop-storm-page .shop-carousel-controls .shop-carousel-arrow{color:#9ce5ff;border-color:rgba(96,212,255,.3)}
.shop-storm-page .shop-carousel-progress span{background:linear-gradient(90deg,#3bbaff,#a8efff)}
.shop-storm-page .side-shop-panel{background:rgba(7,17,29,.89);border-color:rgba(87,190,255,.21)}
.shop-storm-page .side-shop-panel h3{color:#a6e5ff}
.shop-storm-page .balance-card{background:linear-gradient(125deg,rgba(24,114,171,.2),rgba(8,17,28,.7));border-color:rgba(92,199,255,.23)}
.shop-storm-page .balance-card strong{color:#a4e8ff}
.shop-storm-page .shop-items-grid{background:transparent}
.shop-new-store-heading{position:relative;z-index:1}
.shop-new-store-panel{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;min-height:330px;justify-content:center;max-width:900px;margin:10px auto 32px;padding:clamp(24px,5vw,56px);border:1px solid rgba(104,212,255,.3);border-radius:20px;background:linear-gradient(135deg,rgba(6,23,39,.91),rgba(8,14,25,.88));box-shadow:0 25px 80px rgba(0,0,0,.3),inset 0 0 55px rgba(41,164,233,.08)}
.shop-new-store-panel::after{content:"";position:absolute;z-index:-1;right:-80px;bottom:-160px;width:390px;height:390px;border:1px solid rgba(100,210,255,.19);border-radius:50%;box-shadow:0 0 0 25px rgba(100,210,255,.035),0 0 0 60px rgba(100,210,255,.025),0 0 0 100px rgba(100,210,255,.018)}
.shop-new-store-icon{display:grid;place-items:center;width:68px;height:68px;margin-bottom:30px;border:1px solid rgba(104,212,255,.38);border-radius:19px;color:#b1eeff;font-size:33px;background:linear-gradient(145deg,rgba(39,151,213,.25),rgba(15,42,67,.42));box-shadow:0 0 34px rgba(62,181,242,.14)}
.shop-new-store-kicker{color:#88dfff;font-size:9px;font-weight:1000;letter-spacing:2px}
.shop-new-store-panel h3{margin:12px 0;color:#eefaff;font:800 clamp(28px,4vw,46px)/1.04 "Barlow Condensed","DM Sans",sans-serif;letter-spacing:-.8px}
.shop-new-store-panel h3 span{color:#83dcff}
.shop-new-store-panel p{max-width:620px;margin:0;color:#a2b5c5;font-size:13px;line-height:1.9}
.shop-new-store-status{display:inline-flex;align-items:center;gap:9px;margin-top:28px;padding:10px 13px;border:1px solid rgba(95,195,255,.22);border-radius:999px;background:rgba(22,96,140,.14);color:#9bdfff;font-size:8px;font-weight:900;letter-spacing:1.15px}
.shop-new-store-status i{width:7px;height:7px;border-radius:50%;background:#5acbff;box-shadow:0 0 13px #52c6ff;animation:shop-storm-status-pulse 1.6s ease-in-out infinite}
.shop-atar-store-panel{border-color:rgba(144,208,255,.28);background:linear-gradient(135deg,rgba(10,27,40,.93),rgba(14,17,29,.91))}
@keyframes shop-storm-reference-drift{0%{transform:scale(1.04) translate3d(-.6%,0,0)}100%{transform:scale(1.13) translate3d(.6%,-.8%,0)}}
@keyframes shop-storm-glow{0%{opacity:.65;transform:scale(1)}100%{opacity:1;transform:scale(1.06)}}
@keyframes shop-storm-vortex-spin{from{rotate:0deg}to{rotate:360deg}}
@keyframes shop-storm-ring-warp{0%{transform:rotateX(66deg) rotateZ(var(--ring-angle)) scaleX(.94);opacity:.66}100%{transform:rotateX(66deg) rotateZ(calc(var(--ring-angle) * -1)) scaleX(1.08);opacity:1}}
@keyframes shop-storm-bolt-flash{0%,10%,13%,38%,41%,66%,100%{opacity:.08;stroke-dashoffset:210}11%,12%,39%,40%,67%,69%{opacity:.98;stroke-dashoffset:0}68%{opacity:.4;stroke-dashoffset:75}}
@keyframes shop-storm-particle-drift{from{transform:translate3d(0,-4%,0)}to{transform:translate3d(-2%,4%,0)}}
@keyframes shop-storm-status-pulse{50%{opacity:.45;box-shadow:0 0 4px #52c6ff}}
@media(max-width:720px){.shop-storm-page{margin:-11px;padding:12px;min-height:calc(100vh - 125px)}.shop-storm-reference{object-position:center;opacity:.27}.shop-storm-vortex{width:210px;height:410px;opacity:.27}.shop-storm-vortex-one{left:-27%}.shop-storm-vortex-two{right:5%;top:10%}.shop-storm-vortex-three{right:-33%;top:12%}.shop-storm-bolt{stroke-width:3}.shop-new-store-panel{min-height:300px;margin-top:4px;padding:24px}.shop-new-store-icon{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.shop-storm-reference,.shop-storm-blue-glow,.shop-storm-vortex,.shop-storm-vortex::before,.shop-storm-vortex::after,.shop-storm-vortex span,.shop-storm-bolt,.shop-storm-particles,.shop-new-store-status i{animation:none!important}.shop-storm-bolt{opacity:.35}}


/* V132 — uploaded product-animation video behind Shop-dinar and 3atar l7ouma. */
.shop-storm-page[data-shop-storm-section="shopdinar"] .shop-storm-vortex,
.shop-storm-page[data-shop-storm-section="shopatar"] .shop-storm-vortex{opacity:.42}
.shop-storm-page[data-shop-storm-section="shopdinar"] .shop-storm-blue-glow,
.shop-storm-page[data-shop-storm-section="shopatar"] .shop-storm-blue-glow{background:radial-gradient(ellipse at 50% 45%,rgba(40,158,255,.14),transparent 62%),linear-gradient(180deg,rgba(4,11,20,.28),rgba(4,10,19,.68));}
.atar-store-heading{align-items:flex-start;gap:20px}
.atar-store-heading-left{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.atar-post-open-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;margin:0 0 9px;padding:0 17px;border:1px solid rgba(112,213,255,.58);border-radius:12px;background:linear-gradient(125deg,rgba(31,151,222,.95),rgba(66,194,255,.83));box-shadow:0 9px 28px rgba(39,166,244,.22),inset 0 1px 0 rgba(255,255,255,.18);color:#03101b;font-size:10px;font-weight:1000;letter-spacing:1.1px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.atar-post-open-button span{font-size:20px;line-height:1;font-weight:500}
.atar-post-open-button:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 30px rgba(39,166,244,.3)}
.atar-post-form{position:relative;z-index:2;margin:12px 0 26px;padding:clamp(17px,3vw,28px);border:1px solid rgba(106,203,255,.33);border-radius:19px;background:linear-gradient(145deg,rgba(5,18,31,.97),rgba(8,24,39,.96));box-shadow:0 22px 70px rgba(0,0,0,.32),inset 0 0 34px rgba(42,169,240,.07)}
.atar-post-form[hidden]{display:none!important}
.atar-form-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:21px}
.atar-form-kicker{color:#8edfff;font-size:9px;font-weight:1000;letter-spacing:1.6px}
.atar-form-heading h3,.atar-market-toolbar h3{margin:6px 0 5px;color:#f0f9ff;font-size:clamp(22px,3vw,30px);font-weight:850;letter-spacing:-.6px}
.atar-form-heading p{max-width:650px;margin:0;color:#a7bdce;font-size:12px;line-height:1.7}
.atar-form-close{width:34px;height:34px;flex:0 0 34px;border:1px solid rgba(156,205,232,.2);border-radius:10px;background:rgba(255,255,255,.04);color:#dff6ff;font-size:24px;line-height:1;cursor:pointer}
.atar-form-grid{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(260px,1.2fr);gap:23px;align-items:start}
.atar-photo-drop{position:relative;display:flex;align-items:center;justify-content:center;min-height:270px;overflow:hidden;border:1px dashed rgba(111,210,255,.48);border-radius:15px;background:radial-gradient(ellipse at 50% 36%,rgba(47,154,219,.15),transparent 65%),rgba(2,10,19,.52);color:#b5eaff;cursor:pointer;text-align:center;transition:border-color .2s ease,background .2s ease}
.atar-photo-drop:hover{border-color:#87e0ff;background-color:rgba(24,102,146,.16)}
.atar-photo-drop input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.atar-photo-drop img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8px;background:rgba(0,0,0,.18)}
.atar-photo-drop img[hidden],.atar-photo-drop #atarPhotoPlaceholder[hidden]{display:none!important}
#atarPhotoPlaceholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:20px}
#atarPhotoPlaceholder>b{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(113,211,255,.37);border-radius:16px;background:rgba(48,166,226,.14);font-size:33px;font-weight:400}
#atarPhotoPlaceholder strong{font-size:10px;letter-spacing:1.2px;color:#d8f4ff}
#atarPhotoPlaceholder small{font-size:10px;color:#839dae}
.atar-fields-column{display:flex;flex-direction:column;gap:15px}
.atar-fields-column label{display:flex;flex-direction:column;gap:7px;color:#bfeaff;font-size:9px;font-weight:900;letter-spacing:1px}
.atar-fields-column input{width:100%;min-height:43px;padding:0 13px;border:1px solid rgba(114,187,224,.24);border-radius:10px;outline:none;background:rgba(1,8,15,.7);color:#f1faff;font-size:13px;letter-spacing:0}
.atar-fields-column input:focus{border-color:rgba(99,203,255,.78);box-shadow:0 0 0 3px rgba(68,176,239,.1)}
.atar-fields-column input::placeholder{color:#607c90}
.atar-price-input{position:relative}.atar-price-input input{padding-right:54px}.atar-price-input>span{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#8fe0ff;font-size:10px;font-weight:1000}
.atar-private-label{margin-left:6px;padding:3px 6px;border:1px solid rgba(87,195,255,.22);border-radius:999px;color:#8edfff;font-size:8px;letter-spacing:.5px}
.atar-privacy-note{font-size:10px;font-weight:500;letter-spacing:0;color:#839dae;line-height:1.55}
.atar-submit-button{align-self:flex-start;min-height:44px;border-color:rgba(120,218,255,.35);background:linear-gradient(120deg,#168ed3,#53c8fa);color:#04101a}
.atar-form-disclaimer{margin:18px 0 0;color:#718b9f;font-size:10px;line-height:1.6}
.atar-market-section{position:relative;z-index:1;margin:22px 0 40px}
.atar-market-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 15px;padding:0 2px}
.atar-market-toolbar h3{margin-bottom:0}
.atar-refresh-button{min-height:35px;padding:0 12px;border-color:rgba(104,200,255,.3);color:#b3eaff;font-size:9px}
.atar-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:stretch}
.atar-product-card{min-width:0;overflow:hidden;border:1px solid rgba(99,189,244,.24);border-radius:16px;background:linear-gradient(155deg,rgba(10,26,41,.97),rgba(5,12,22,.96));box-shadow:0 15px 36px rgba(0,0,0,.24);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.atar-product-card:hover{transform:translateY(-3px);border-color:rgba(115,213,255,.55);box-shadow:0 20px 48px rgba(0,0,0,.32),0 0 26px rgba(46,169,238,.08)}
.atar-product-visual{position:relative;display:grid;place-items:center;height:clamp(150px,18vw,225px);overflow:hidden;background:radial-gradient(ellipse at 50% 38%,rgba(66,174,232,.16),transparent 68%),linear-gradient(135deg,rgba(8,34,52,.88),rgba(4,12,21,.98))}
.atar-product-visual>img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover}
.atar-product-image-fallback{position:relative;z-index:0;color:rgba(137,221,255,.68);font-size:43px}
.atar-product-market-chip{position:absolute;z-index:2;top:10px;left:10px;padding:6px 8px;border:1px solid rgba(133,220,255,.2);border-radius:7px;background:rgba(2,13,23,.76);color:#b5eaff;font-size:7px;font-weight:1000;letter-spacing:1px}
.atar-product-details{padding:14px 15px 13px}
.atar-product-seller{display:flex;align-items:center;gap:9px;margin-bottom:11px;min-width:0}
.atar-seller-avatar{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border:1px solid rgba(112,202,248,.3);border-radius:10px;background:rgba(39,141,198,.16);color:#b1eaff;font-size:13px;font-weight:900}
.atar-product-seller>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}.atar-product-seller small{color:#7694a9;font-size:7px;letter-spacing:1px;font-weight:900}.atar-product-seller b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d4e9f4;font-size:10px}
.atar-product-details h4{min-height:42px;margin:0 0 10px;color:#f1f8fc;font-size:15px;font-weight:850;line-height:1.4;overflow-wrap:anywhere}
.atar-product-price{display:flex;align-items:baseline;gap:7px;padding:10px 0 12px;border-top:1px solid rgba(127,182,214,.12)}
.atar-product-price strong{color:#94e3ff;font:800 25px/1.1 "Barlow Condensed","DM Sans",sans-serif;letter-spacing:-.4px}.atar-product-price span{color:#85a5b9;font-size:9px;font-weight:900;letter-spacing:.7px}
.atar-product-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.atar-product-card-footer>small{color:#6c8497;font-size:9px}
.atar-buy-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:91px;min-height:34px;padding:0 12px;border:1px solid rgba(117,218,255,.38);border-radius:9px;background:linear-gradient(115deg,rgba(24,146,210,.94),rgba(67,192,244,.88));color:#05101a;font-size:9px;font-weight:1000;letter-spacing:1px;cursor:pointer;transition:transform .18s ease,filter .18s ease}.atar-buy-button:hover{transform:translateY(-1px);filter:brightness(1.1)}.atar-buy-button:disabled{opacity:.55;cursor:wait}.atar-buy-button i{font-style:normal;font-size:15px}
.atar-own-listing{padding:8px 9px;border:1px solid rgba(103,207,255,.2);border-radius:8px;color:#9cdfff;font-size:8px;font-weight:900;letter-spacing:.8px}
.atar-phone-privacy-hint{display:flex;align-items:center;gap:6px;margin:12px 0 0;color:#7a9bad;font-size:9px;line-height:1.5}.atar-phone-privacy-hint span{color:#83d7ff}
.atar-market-loading,.atar-market-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;min-height:140px;padding:28px;border:1px dashed rgba(107,195,239,.24);border-radius:14px;background:rgba(3,13,22,.58);text-align:center;color:#8da8ba}
.atar-market-empty b{color:#d9f1fc;font-size:14px}.atar-market-empty span{max-width:620px;font-size:11px;line-height:1.7;overflow-wrap:anywhere}
.atar-market-loading>span{width:22px;height:22px;border:2px solid rgba(99,207,255,.22);border-top-color:#75d6ff;border-radius:50%;animation:atar-load-spin .8s linear infinite}
.atar-signin-note{position:relative;z-index:1;color:#9ab4c4;font-size:10px;line-height:1.6}
@keyframes atar-load-spin{to{transform:rotate(360deg)}}
/* V133 — electric-blue eye backdrop; video is not a page background. Product panels cascade down like the supplied reference motion. */
.shop-storm-eye-reference{object-position:center 28%;}
.shop-storm-page[data-shop-storm-section="shopdinar"] .shop-storm-reference,
.shop-storm-page[data-shop-storm-section="shopatar"] .shop-storm-reference{opacity:.38;}
.shop-storm-page[data-shop-storm-section="shopdinar"] .shop-storm-vortex,
.shop-storm-page[data-shop-storm-section="shopatar"] .shop-storm-vortex{opacity:.34;}
.shop-dinar-drop-panel{animation:shop-product-slide-down .82s cubic-bezier(.18,.72,.25,1) backwards;}
.shop-storm-page .shop-product-card{animation:shop-product-slide-down .78s cubic-bezier(.18,.72,.25,1) backwards;}
.shop-storm-page .shop-product-card:nth-child(2){animation-delay:90ms;}
.shop-storm-page .shop-product-card:nth-child(3){animation-delay:180ms;}
.shop-storm-page .shop-product-card:nth-child(4){animation-delay:270ms;}
.shop-storm-page .shop-product-card:nth-child(5){animation-delay:360ms;}
.shop-storm-page .shop-product-card:nth-child(6){animation-delay:450ms;}
.atar-product-card{animation:shop-product-slide-down .76s cubic-bezier(.18,.72,.25,1) backwards;}
.atar-product-card:nth-child(2){animation-delay:85ms;}
.atar-product-card:nth-child(3){animation-delay:170ms;}
.atar-product-card:nth-child(4){animation-delay:255ms;}
.atar-product-card:nth-child(5){animation-delay:340ms;}
.atar-product-card:nth-child(6){animation-delay:425ms;}
.atar-product-card:nth-child(7){animation-delay:510ms;}
.atar-product-card:nth-child(8){animation-delay:595ms;}
@keyframes shop-product-slide-down{0%{opacity:0;transform:translate3d(0,-76px,0) scale(.965);filter:brightness(1.3)}65%{opacity:1;transform:translate3d(0,5px,0) scale(1.005);filter:brightness(1.08)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:none}}
@media(max-width:980px){.atar-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.atar-store-heading{flex-direction:column}.atar-store-heading .mini-tag{align-self:flex-start}.atar-form-grid{grid-template-columns:1fr}.atar-photo-drop{min-height:220px}.atar-product-grid{grid-template-columns:1fr}.atar-product-visual{height:225px}.atar-product-details h4{min-height:0}.atar-market-toolbar{align-items:center}}
@media(prefers-reduced-motion:reduce){.shop-storm-reference,.shop-storm-blue-glow,.shop-storm-vortex,.shop-storm-vortex::before,.shop-storm-vortex::after,.shop-storm-vortex span,.shop-storm-bolt,.shop-storm-particles{animation:none!important}.shop-storm-page .shop-product-card,.atar-product-card,.shop-dinar-drop-panel{animation:none!important;opacity:1!important;transform:none!important}.atar-product-card,.atar-buy-button,.atar-post-open-button{transition:none}.atar-market-loading>span{animation:none}}
#modalText{white-space:pre-line}


/* V134 — cinematic editorial product motion (not square tiles or video backgrounds). */
.shop-storm-page[data-shop-storm-section="shopdinar"] .shop-storm-scene,
.shop-storm-page[data-shop-storm-section="shopatar"] .shop-storm-scene { pointer-events:none; }
.dinar-showcase { position:relative; overflow:hidden; border:1px solid rgba(78,183,255,.35); border-radius:26px; background:linear-gradient(135deg,rgba(4,20,42,.94),rgba(2,8,20,.94)); box-shadow:0 0 45px rgba(0,136,255,.12),inset 0 1px rgba(255,255,255,.05); }
.dinar-showcase-top,.dinar-product-rail { display:flex; justify-content:space-between; gap:14px; padding:18px 24px; color:#8ecbff; font-size:11px; letter-spacing:.18em; font-weight:800; }
.dinar-showcase-live { color:#59e8d4; }
.dinar-product-stage { position:relative; min-height:440px; overflow:hidden; display:flex; align-items:center; justify-content:space-between; gap:28px; padding:clamp(28px,5vw,68px); background:radial-gradient(ellipse at 75% 52%,rgba(0,119,255,.24),transparent 42%),linear-gradient(115deg,rgba(3,12,28,.15),rgba(0,42,92,.2)); }
.dinar-stage-copy { position:relative; z-index:2; width:min(48%,480px); animation:dinarCopyDrop .9s cubic-bezier(.2,.8,.2,1) both; }
.dinar-stage-copy h3 { margin:12px 0; color:#f1f8ff; font-size:clamp(28px,4vw,48px); line-height:1.05; }
.dinar-stage-copy p { color:#9ebbd8; line-height:1.7; max-width:400px; }
.dinar-stage-copy strong { display:inline-block; margin-top:18px; color:#68d2ff; letter-spacing:.16em; font-size:12px; }
.dinar-stage-product { width:min(38%,350px); aspect-ratio:1/1; position:relative; display:grid; place-items:center; animation:dinarProductDrop 1.15s cubic-bezier(.16,.84,.25,1) both, dinarFloat 4s ease-in-out 1.2s infinite; }
.dinar-product-glow { position:absolute; width:90%; height:90%; border-radius:50%; background:radial-gradient(circle,rgba(0,170,255,.4),rgba(0,80,255,.08) 48%,transparent 70%); filter:blur(8px); }
.dinar-product-symbol { position:relative; display:grid; place-items:center; width:58%; aspect-ratio:1; border-radius:32% 40% 35% 45%; color:#dff7ff; font-size:clamp(35px,6vw,76px); font-weight:900; text-shadow:0 0 28px #009dff; background:linear-gradient(145deg,rgba(22,134,255,.28),rgba(2,14,36,.9)); border:1px solid rgba(89,205,255,.7); box-shadow:0 20px 65px rgba(0,91,255,.28),inset 0 0 28px rgba(0,183,255,.22); transform:rotate(-8deg); }
.dinar-feature-product { position:relative; min-height:390px; display:flex; align-items:center; justify-content:space-between; gap:30px; padding:clamp(26px,5vw,60px); overflow:hidden; border-top:1px solid rgba(86,183,255,.16); background:radial-gradient(ellipse at 75% 50%,rgba(0,105,255,.22),transparent 48%); animation:dinarFeatureEnter .85s cubic-bezier(.2,.8,.2,1) both; animation-delay:calc(var(--feature-index,0)*110ms); }
.dinar-feature-copy { position:relative; z-index:2; width:45%; }
.dinar-feature-copy h3 { color:#f5fbff; font-size:clamp(26px,4vw,46px); margin:12px 0; }
.dinar-feature-copy p { color:#a4c0df; }
.dinar-feature-copy>strong { display:block; margin-top:26px; color:#70d9ff; font-size:clamp(22px,3vw,34px); }
.dinar-feature-copy small { font-size:12px; letter-spacing:.12em; }
.dinar-feature-image-wrap { width:min(42%,430px); height:300px; position:relative; display:grid; place-items:center; }
.dinar-feature-image-wrap img { position:relative; z-index:1; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 28px 25px rgba(0,0,0,.48)) drop-shadow(0 0 24px rgba(0,141,255,.3)); animation:dinarProductDrop 1s cubic-bezier(.16,.84,.25,1) both,dinarFloat 4.4s ease-in-out infinite; }
.dinar-feature-halo { position:absolute; width:85%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(0,146,255,.3),transparent 70%); }
.dinar-feature-index { position:absolute; right:24px; top:18px; color:rgba(122,195,255,.5); font-size:12px; letter-spacing:.2em; }
.dinar-product-rail { border-top:1px solid rgba(86,183,255,.16); }
.atar-product-grid { display:flex !important; flex-direction:column; gap:20px !important; }
.atar-product-card { position:relative; display:grid !important; grid-template-columns:minmax(220px,38%) minmax(0,1fr); align-items:stretch; min-height:260px; overflow:hidden; border-radius:22px !important; border:1px solid rgba(77,180,255,.34) !important; background:linear-gradient(110deg,rgba(5,18,39,.96),rgba(3,9,23,.94)) !important; box-shadow:0 14px 40px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.04); animation:atarProductDrop .8s cubic-bezier(.18,.8,.24,1) both; }
.atar-product-card:nth-child(2n) { animation-delay:100ms; }
.atar-product-card:nth-child(3n) { animation-delay:180ms; }
.atar-product-visual { min-height:260px !important; height:100% !important; border-radius:0 !important; background:radial-gradient(ellipse at 50% 50%,rgba(0,123,255,.25),transparent 68%),linear-gradient(135deg,#061a34,#030914) !important; }
.atar-product-visual img { object-fit:contain !important; padding:20px; filter:drop-shadow(0 18px 20px rgba(0,0,0,.45)) drop-shadow(0 0 18px rgba(0,139,255,.18)); transition:transform .65s cubic-bezier(.2,.8,.2,1); }
.atar-product-card:hover .atar-product-visual img { transform:translateY(-7px) scale(1.035); }
.atar-product-details { display:flex; flex-direction:column; justify-content:center; padding:clamp(20px,3vw,38px) !important; }
.atar-product-details h4 { font-size:clamp(22px,3vw,34px) !important; margin:12px 0 !important; }
.atar-product-price strong { font-size:clamp(24px,3vw,34px) !important; }
.atar-product-card-footer { margin-top:18px; }
.atar-buy-button,.atar-delete-button { min-height:44px; padding:0 24px; border-radius:999px; font-weight:850; letter-spacing:.06em; cursor:pointer; }
.atar-delete-button { color:#ffc4d0; background:rgba(150,20,52,.18); border:1px solid rgba(255,83,124,.5); }
.atar-delete-button:hover { background:rgba(200,28,65,.35); }
@keyframes atarProductDrop { from { opacity:0; transform:translateY(-72px) scale(.975); filter:blur(5px); } to { opacity:1; transform:translateY(0) scale(1); filter:blur(0); } }
@keyframes dinarFeatureEnter { from { opacity:0; transform:translateY(-90px); } to { opacity:1; transform:translateY(0); } }
@keyframes dinarCopyDrop { from { opacity:0; transform:translateY(-36px); } to { opacity:1; transform:translateY(0); } }
@keyframes dinarProductDrop { from { opacity:0; transform:translateY(-95px) rotate(-8deg) scale(.88); } to { opacity:1; transform:translateY(0) rotate(0) scale(1); } }
@keyframes dinarFloat { 0%,100% { translate:0 0; } 50% { translate:0 -12px; } }
@media(max-width:700px) {
 .dinar-product-stage,.dinar-feature-product { flex-direction:column; align-items:stretch; padding:24px; }
 .dinar-stage-copy,.dinar-feature-copy,.dinar-stage-product,.dinar-feature-image-wrap { width:100%; }
 .dinar-stage-product { max-height:220px; }
 .dinar-feature-image-wrap { height:220px; }
 .atar-product-card { grid-template-columns:1fr !important; }
 .atar-product-visual { min-height:220px !important; }
 .dinar-product-rail { flex-direction:column; }
}

/* V135 — admin Shop-dinar publishing and buyer-to-admin private chat. */
.dinar-admin-post-form{position:relative;z-index:2;margin:18px 0 25px;padding:clamp(18px,3vw,30px);border:1px solid rgba(91,194,255,.34);border-radius:21px;background:linear-gradient(145deg,rgba(4,17,35,.98),rgba(5,11,25,.96));box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 0 35px rgba(39,154,255,.07)}
.dinar-admin-form-heading h3{font-size:clamp(23px,3vw,34px);margin:7px 0;color:#f4faff}.dinar-admin-form-heading p{max-width:650px;color:#9dbbd8;line-height:1.7;font-size:12px;margin:0 0 20px}
.dinar-admin-fields{display:grid;grid-template-columns:minmax(200px,1.05fr) minmax(220px,1fr);gap:14px;align-items:stretch}.dinar-admin-fields>label:not(.dinar-image-picker){display:flex;flex-direction:column;gap:8px;color:#9ec7e8;font-size:10px;font-weight:900;letter-spacing:.1em}.dinar-title-field input{min-height:57px;font-size:17px;font-weight:800;color:#f3faff}.dinar-price-field>div{display:flex;align-items:center;border:1px solid rgba(98,191,255,.3);border-radius:11px;background:#061327;overflow:hidden}.dinar-price-field input{min-height:57px;border:0;border-radius:0;font-size:23px;font-weight:900;color:#7ad9ff}.dinar-price-field span{padding:0 16px;color:#6fd4ff;font-weight:900;white-space:nowrap}.dinar-image-picker{position:relative;grid-row:span 2;min-height:180px;display:grid;place-items:center;overflow:hidden;border:1px dashed rgba(100,198,255,.5);border-radius:15px;background:radial-gradient(ellipse at 50% 50%,rgba(0,133,255,.12),transparent 65%),rgba(2,9,22,.7);cursor:pointer}.dinar-image-picker img{width:100%;height:100%;max-height:250px;object-fit:contain;padding:12px}.dinar-image-picker img[hidden]{display:none}.dinar-image-picker #dinarPhotoPlaceholder{display:grid;place-items:center;gap:6px;padding:25px;text-align:center;color:#b8dcf8}.dinar-image-picker #dinarPhotoPlaceholder>b{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:rgba(0,140,255,.16);color:#79dcff;font-size:27px}.dinar-image-picker #dinarPhotoPlaceholder small{color:#7499b9;font-size:10px}.dinar-image-picker input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.dinar-admin-fields>button{min-height:54px;grid-column:2;align-self:end}.dinar-admin-fields>button:disabled{opacity:.55}
.dinar-product-stage.has-dinar-products{display:block;min-height:0;padding:0;background:transparent}.dinar-product-stage.has-dinar-products .dinar-feature-product{width:100%;min-height:410px}.dinar-feature-copy h3{font-size:clamp(32px,4.8vw,64px);line-height:1.04;font-weight:900;letter-spacing:-.025em}.dinar-feature-copy>strong{font-size:clamp(30px,4vw,48px);font-weight:950;text-shadow:0 0 30px rgba(0,159,255,.3)}.dinar-buy-button{display:flex;align-items:center;gap:14px;width:max-content;max-width:100%;margin-top:25px;padding:15px 23px;border-radius:999px;border:1px solid rgba(104,212,255,.58);background:linear-gradient(115deg,#087dff,#0647b3);color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em;box-shadow:0 0 25px rgba(0,132,255,.23);cursor:pointer}.dinar-buy-button:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,132,255,.33)}.dinar-admin-product-note{display:inline-flex;margin-top:23px;padding:9px 13px;border:1px solid rgba(95,206,255,.25);border-radius:999px;color:#91d8ff;font-size:9px;font-weight:900;letter-spacing:.09em}
.dinar-chat-panel{position:relative;z-index:2;margin:25px 0 10px;padding:clamp(17px,3vw,26px);border:1px solid rgba(87,194,255,.38);border-radius:21px;background:linear-gradient(145deg,rgba(4,16,33,.98),rgba(3,9,22,.98));box-shadow:0 22px 65px rgba(0,0,0,.3),inset 0 0 28px rgba(0,132,255,.07)}.dinar-chat-panel[hidden]{display:none!important}.dinar-chat-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:17px;border-bottom:1px solid rgba(100,188,255,.18)}.dinar-chat-header h3{margin:7px 0;font-size:clamp(20px,3vw,29px);color:#f3faff}.dinar-chat-header p{margin:0;color:#91aac4;font-size:11px;line-height:1.7}.dinar-chat-close{flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(120,192,255,.25);border-radius:50%;background:rgba(10,39,73,.7);color:#eaf7ff;font-size:25px;cursor:pointer}.dinar-chat-messages{display:flex;flex-direction:column;gap:11px;max-height:390px;min-height:110px;overflow:auto;padding:18px 2px}.dinar-chat-empty{padding:28px 15px;border:1px dashed rgba(102,181,239,.2);border-radius:12px;color:#91a9c2;font-size:12px;text-align:center;line-height:1.7}.dinar-chat-message{max-width:min(88%,720px);padding:12px 15px;border:1px solid rgba(101,177,235,.22);border-radius:14px;background:rgba(12,34,59,.75)}.dinar-chat-message.from-buyer{align-self:flex-end;border-color:rgba(0,147,255,.35);background:linear-gradient(130deg,rgba(0,83,166,.28),rgba(8,31,56,.8))}.dinar-chat-message.from-admin{align-self:flex-start}.dinar-chat-message-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#92d7ff;font-size:10px}.dinar-chat-message-top time{color:#6e8eaa;font-size:9px}.dinar-chat-message p{margin:7px 0 0;color:#e7f3ff;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.dinar-chat-send-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.dinar-chat-send-form textarea{min-height:60px;resize:vertical;border-color:rgba(96,180,255,.25);background:#030b18;color:#eef8ff}.dinar-chat-send-form button{min-height:51px;white-space:nowrap}.dinar-chat-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px;color:#7595b3;font-size:9px}.dinar-chat-tools .text-link{border:0;background:transparent;color:#71d3ff;font-weight:900;cursor:pointer}
@media(max-width:700px){.dinar-admin-fields{grid-template-columns:1fr}.dinar-image-picker{grid-row:auto;min-height:160px}.dinar-admin-fields>button{grid-column:1}.dinar-product-stage.has-dinar-products .dinar-feature-product{min-height:0}.dinar-chat-send-form{grid-template-columns:1fr}.dinar-chat-send-form button{width:100%}.dinar-chat-message{max-width:100%}.dinar-chat-tools{align-items:flex-start;flex-direction:column}}


/* V140: no separate coach account; use the authenticated main SKG profile. */
#coachLoginPanel #coachLoginForm,
#coachLoginPanel .coach-apply-details,
#coachLoginPanel .coach-prototype-note { display: none !important; }
.coach-main-account-note { margin: 22px 0 0; padding: 26px; border: 1px solid rgba(99,207,255,.34); border-radius: 18px; background: radial-gradient(circle at 12% 0%,rgba(44,167,255,.15),transparent 44%),rgba(6,15,28,.92); box-shadow: 0 18px 48px rgba(0,0,0,.22); }
.coach-main-account-icon { display:block; font-size:30px; color:#66d1ff; margin-bottom:12px; }
.coach-main-account-note h4 { margin:0 0 10px; letter-spacing:.14em; font-size:12px; color:#74d5ff; }
.coach-main-account-note p { color:#ccd9e8; line-height:1.6; margin:8px 0 14px; }
.coach-main-account-note .coach-main-account-message { color:#fff; font-weight:700; overflow-wrap:anywhere; }
.skg-free-training-coming-soon-board { position:relative; z-index:8; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; min-height:390px; margin:12px 0 24px; padding:clamp(28px,5vw,58px); text-align:center; border:1px solid rgba(94,205,255,.5); border-radius:24px; overflow:hidden; background:radial-gradient(ellipse at 50% 0%,rgba(64,180,255,.2),transparent 57%),linear-gradient(145deg,rgba(6,21,39,.98),rgba(7,10,22,.98)); box-shadow:0 0 0 1px rgba(25,160,255,.08),0 24px 80px rgba(0,0,0,.42),inset 0 0 56px rgba(39,151,255,.08); }
.skg-free-training-coming-soon-board::before { content:""; position:absolute; inset:12px; border:1px solid rgba(134,223,255,.13); border-radius:17px; pointer-events:none; }
.skg-free-training-board-mark { display:grid; place-items:center; width:90px; height:90px; border-radius:50%; font-size:42px; background:rgba(74,179,255,.1); border:1px solid rgba(94,205,255,.28); box-shadow:0 0 34px rgba(31,160,255,.15); }
.skg-free-training-board-kicker { color:#69d3ff; font:700 10px/1.4 Orbitron, sans-serif; letter-spacing:.2em; }
.skg-free-training-coming-soon-board h3 { max-width:620px; margin:0; color:#f4faff; font:800 clamp(20px,3.8vw,34px)/1.2 Orbitron, sans-serif; letter-spacing:.025em; }
.skg-free-training-coming-soon-board p { max-width:550px; margin:0; color:#b8c9dc; line-height:1.7; }
.skg-free-training-coming-soon-board .training-primary-button { margin-top:8px; }


/* V141 FIX: keep the first-login Player Card expanded and fully measurable despite older theme overrides. */
body.skg-onboarding #appView, body.skg-onboarding .app-shell, body.skg-onboarding .main-content-wrap, body.skg-onboarding #appContent { height:auto!important; min-height:100vh!important; max-height:none!important; overflow:visible!important; }
body.skg-onboarding .onboarding-shell { display:block!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; visibility:visible!important; opacity:1!important; }
body.skg-onboarding #playerOnboardingForm.identity-form { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-auto-rows:min-content!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; visibility:visible!important; opacity:1!important; }
body.skg-onboarding #playerOnboardingForm.identity-form>* { display:flex!important; position:relative!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; visibility:visible!important; opacity:1!important; transform:none!important; }
body.skg-onboarding #playerOnboardingForm.identity-form .public-identity-consent, body.skg-onboarding #playerOnboardingForm.identity-form #onboardingMessage, body.skg-onboarding #playerOnboardingForm.identity-form>button[type=submit] { grid-column:1/-1!important; }
@media(max-width:650px){body.skg-onboarding #playerOnboardingForm.identity-form{grid-template-columns:minmax(0,1fr)!important}body.skg-onboarding #playerOnboardingForm.identity-form .public-identity-consent,body.skg-onboarding #playerOnboardingForm.identity-form #onboardingMessage,body.skg-onboarding #playerOnboardingForm.identity-form>button[type=submit]{grid-column:1!important}}

/* FIX: RESTORE THE COACH LOGIN AND APPLICATION FORMS */

#coachAccessOverlay #coachLoginPanel #coachLoginForm,
#coachAccessOverlay #coachLoginPanel .coach-apply-details,
#coachAccessOverlay #coachLoginPanel .coach-prototype-note {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#coachAccessOverlay #coachLoginPanel .coach-apply-details[open] {
    display: block !important;
}

#coachAccessOverlay #coachLoginPanel .coach-apply-details form {
    display: block !important;
}

#coachAccessOverlay #coachLoginPanel input,
#coachAccessOverlay #coachLoginPanel select,
#coachAccessOverlay #coachLoginPanel button {
    visibility: visible !important;
    pointer-events: auto;
}

/* SKG FIX: Keep Build Your Player Card fully expanded */

body.skg-onboarding {
    height: auto !important;
    min-height: 100vh !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

body.skg-onboarding #appView,
body.skg-onboarding .app-shell,
body.skg-onboarding .main-content-wrap,
body.skg-onboarding #appContent {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 100vh !important;
    max-height: none !important;
    overflow: visible !important;
    contain: none !important;
}

body.skg-onboarding .onboarding-shell {
    display: block !important;
    position: relative !important;
    width: min(960px, calc(100% - 32px)) !important;
    max-width: 960px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 24px auto !important;
    padding: clamp(22px, 4vw, 48px) !important;
    box-sizing: border-box !important;
}

body.skg-onboarding #playerOnboardingForm {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-rows: min-content !important;
    gap: 20px 24px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
}

body.skg-onboarding #playerOnboardingForm > label:not(.public-identity-consent) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 9px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
}

body.skg-onboarding #playerOnboardingForm input:not([type="checkbox"]),
body.skg-onboarding #playerOnboardingForm select {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 54px !important;
    height: auto !important;
    max-height: none !important;
    box-sizing: border-box !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.skg-onboarding #playerOnboardingForm .public-identity-consent,
body.skg-onboarding #playerOnboardingForm #onboardingMessage,
body.skg-onboarding #playerOnboardingForm > button[type="submit"] {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
}

body.skg-onboarding #playerOnboardingForm .public-identity-consent {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 12px !important;
}

body.skg-onboarding #playerOnboardingForm #onboardingMessage {
    display: block !important;
    line-height: 1.7 !important;
    white-space: normal !important;
}

body.skg-onboarding #playerOnboardingForm > button[type="submit"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 58px !important;
    cursor: pointer !important;
}

body.skg-onboarding .onboarding-footnote {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: normal !important;
    line-height: 1.7 !important;
}

@media (max-width: 650px) {
    body.skg-onboarding .onboarding-shell {
        width: calc(100% - 24px) !important;
        margin: 12px auto 24px !important;
        padding: 22px 16px !important;
    }

    body.skg-onboarding #playerOnboardingForm {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 17px !important;
    }

    body.skg-onboarding #playerOnboardingForm .public-identity-consent,
    body.skg-onboarding #playerOnboardingForm #onboardingMessage,
    body.skg-onboarding #playerOnboardingForm > button[type="submit"] {
        grid-column: 1 !important;
    }
}

/* Small persistent SKG sidebar advertisement */
.sidebar-version.skg-sidebar-ad-slot {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 14px 6px 10px;
    margin-top: 12px;
    border-top: 1px solid rgba(110, 190, 255, 0.2);
    text-align: center;
}

.skg-sidebar-ad-label {
    display: block;
    margin-bottom: 8px;
    color: #8795a8;
    font-size: 8px;
    letter-spacing: 1.4px;
}

.sidebar-version.skg-sidebar-ad-slot .adsbygoogle {
    display: block;
    width: 100%;
    min-height: 90px;
}

/* The desktop sidebar is too narrow for this unit on small screens */
@media (max-width: 820px) {
    .sidebar-version.skg-sidebar-ad-slot {
        display: none !important;
    }
}
/* Blocked contacts stay visible and are clearly marked. */
.social-friend-card.is-blocked-contact {
  border-color: #71333b;
  background: linear-gradient(145deg, #211519, #111013);
}

.social-friend-card.is-blocked-contact .social-kicker,
.message-contact.is-blocked-contact .message-contact-copy small {
  color: #ee929b;
}

.message-contact.is-blocked-contact {
  background: rgba(142, 40, 52, 0.10);
}

.message-contact.is-blocked-contact:hover,
.message-contact.is-blocked-contact.is-selected {
  background: rgba(142, 40, 52, 0.20);
}