.royale-v3{color-scheme:dark;--bg:#090910;--ink:#f8f5fe;--muted:#9e99b4;--violet:#995bef;--pink:#d95eea;--edge:#342943;--edgeHi:#6d478d;--glass:linear-gradient(152deg,rgba(32,25,51,.93),rgba(16,14,27,.94));--flow:linear-gradient(118deg,#f476d1 0%,#a65ef0 48%,#6b53ec 100%)}
.royale-v3 *{box-sizing:border-box}
.royale-v3{margin:0;min-width:320px;background:#090910;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}
.royale-v3 button, .royale-v3 input{font:inherit}
.royale-v3 a{text-decoration:none;color:inherit}
.royale-v3 button{cursor:pointer}
.royale-v3 button:focus-visible, .royale-v3 a:focus-visible, .royale-v3 input:focus-visible{outline:2px solid #eec0ff;outline-offset:3px}
.royale-v3:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 74% -17%,#743dae20,transparent 43%),radial-gradient(ellipse at 14% 80%,#5b297a15,transparent 52%);z-index:-2}
.royale-v3 .frame{display:flex;max-width:1900px;margin:auto;min-height:100vh}
.royale-v3 .sidebar{position:sticky;top:0;height:100vh;width:230px;min-width:230px;border-right:1px solid #3d305147;background:linear-gradient(160deg,#11101d,#0c0b15 79%);padding:19px 14px 21px;display:flex;flex-direction:column;gap:2px;overflow:auto;scrollbar-width:thin;z-index:11}
.royale-v3 .brand{display:flex;align-items:center;gap:11px;margin:2px 5px 35px;padding:9px 2px;color:#fff}
.royale-v3 .brand-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #c18ef77b;border-radius:13px;background:linear-gradient(135deg,#8352bc,#271d44);box-shadow:0 0 25px #934ce64a, inset 0 1px 0 #e0acff4d;font-size:25px;color:#f3d3ff}
.royale-v3 .brand-main{font-size:24px;line-height:1;font-weight:1000;letter-spacing:-.08em}
.royale-v3 .brand-sub{font-size:8px;margin-top:5px;font-weight:850;letter-spacing:.28em;color:#b7a1d0}
.royale-v3 .nav-head{font-size:9px;letter-spacing:.22em;color:#756a8f;font-weight:850;margin:8px 13px 11px}
.royale-v3 .nav-list{display:grid;gap:4px}
.royale-v3 .nav-link{display:flex;align-items:center;gap:13px;border-radius:13px;padding:12px 13px;color:#aaa3bf;font-weight:710;font-size:12px;transition:.18s;border:1px solid transparent}
.royale-v3 .nav-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #9758ed3d)}
.royale-v3 .nav-link:hover{background:#2f2147;color:#fff}
.royale-v3 .nav-link.active{background:linear-gradient(98deg,#9d44ad90,#59308b50 71%,#2d1d3f);border-color:#b76de886;color:#fff;box-shadow:inset 0 1px 0 #e8a8ff28,0 3px 14px #9f4de022}
.royale-v3 .nav-rule{height:1px;background:#4b3b5f6b;margin:19px 12px 14px}
.royale-v3 .sidebar-promo{margin:auto 4px 0;padding:13px 14px 14px;border:1px solid #6a538996;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 83% 10%,#873ebe4f,transparent 65%),linear-gradient(145deg,#281c3a,#13101d);box-shadow:inset 0 1px 0 #f6d4ff26}
.royale-v3 .promo-crown{font-size:44px;text-align:center;color:#e1b5ff;text-shadow:0 0 30px #b068ff}
.royale-v3 .sidebar-promo strong{display:block;font-size:12px;margin:2px 0 5px}
.royale-v3 .sidebar-promo p{font-size:11px;color:#aa9bbd;line-height:1.45;margin:0 0 12px}
.royale-v3 .promo-btn{border:1px solid #b890ff99;background:#4c2876bd;color:#f3e6ff;width:100%;padding:10px 8px;border-radius:10px;font-weight:800;font-size:11px}
.royale-v3 .side-bottom{display:flex;justify-content:space-between;margin:13px 6px 0;color:#726985;font-size:10px}
.royale-v3 .main{min-width:0;flex:1;padding:0 clamp(18px,2.3vw,37px) 70px;overflow:hidden}
.royale-v3 .topbar{height:82px;display:flex;align-items:center;gap:16px}
.royale-v3 .mobile-menu{display:none;background:#20172d;border:1px solid #675181;color:#fff;border-radius:11px;font-size:20px;padding:9px 13px}
.royale-v3 .searchbar{width:clamp(240px,39vw,560px);height:44px;display:flex;align-items:center;gap:11px;border:1px solid #55426691;border-radius:14px;background:linear-gradient(115deg,#1e192b,#15131e);padding:0 13px;box-shadow:inset 0 1px 0 #ffffff0b}
.royale-v3 .searchbar svg{width:18px;height:18px;stroke:#a99cbd;fill:none;stroke-width:2}
.royale-v3 .searchbar input{border:0;outline:none;background:none;color:#fff;flex:1;min-width:30px;font-size:12px}
.royale-v3 .searchbar input::placeholder{color:#817a93}
.royale-v3 .keyboard{border:1px solid #4a3c5f;border-radius:5px;color:#8c80a4;font-size:10px;padding:3px 6px;white-space:nowrap}
.royale-v3 .top-actions{display:flex;align-items:center;gap:11px;margin-left:auto}
.royale-v3 .balance-pill{display:flex;align-items:center;gap:8px;border:1px solid #6d4e877e;background:linear-gradient(135deg,#271c39,#171421);height:43px;border-radius:17px;padding:0 13px;box-shadow:inset 0 1px 0 #e8adff1b}
.royale-v3 .balance-star{color:#f4d6ff;text-shadow:0 0 10px #cb76e8;font-size:19px}
.royale-v3 .balance-meta{display:flex;flex-direction:column}
.royale-v3 .balance-meta strong{font-size:12px;line-height:1.1}
.royale-v3 .balance-meta small{color:#9b8cba;font-size:9px;margin-top:3px}
.royale-v3 .icon-button{position:relative;height:43px;width:43px;display:grid;place-items:center;background:linear-gradient(160deg,#201a2b,#15121e);border:1px solid #59446e;border-radius:13px;color:#d5c6e9}
.royale-v3 .icon-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
.royale-v3 .notification-dot{position:absolute;width:8px;height:8px;border-radius:100%;background:#d774e6;right:8px;top:7px;border:2px solid #1a1423}
.royale-v3 .profile-menu{position:relative}
.royale-v3 .profile-trigger{display:flex;align-items:center;gap:11px;border:1px solid #574068;background:linear-gradient(150deg,#241a35,#171322);border-radius:16px;height:48px;padding:4px 13px 4px 5px;color:#fff}
.royale-v3 .profile-avatar{height:36px;width:36px;display:block;border:1px solid #c4a1f7;border-radius:100%;background:radial-gradient(circle,#6b367c,#190f2c);overflow:hidden}
.royale-v3 .profile-avatar img{width:100%;height:100%;object-fit:cover;object-position:53% 16%;transform:scale(1.95)}
.royale-v3 .profile-name{display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-size:12px;font-weight:810}
.royale-v3 .profile-name small{font-weight:600;color:#968aa8;font-size:9px}
.royale-v3 .profile-down{font-size:12px;color:#c4adce}
.royale-v3 .profile-dropdown{position:absolute;top:56px;right:0;width:210px;border-radius:15px;padding:8px;border:1px solid #71508f;background:#21192f;z-index:8;box-shadow:0 20px 45px #000a;display:none}
.royale-v3 .profile-dropdown.open{display:grid}
.royale-v3 .profile-dropdown button{background:transparent;border:0;padding:12px;border-radius:9px;text-align:left;color:#dbcdee;font-size:12px}
.royale-v3 .profile-dropdown button:hover{background:#3f2856}
.royale-v3 .hero{position:relative;isolation:isolate;overflow:hidden;height:415px;border-radius:24px;border:1px solid #8b5bad7a;background:linear-gradient(120deg,#130f20 2%,#1c1230 52%,#25113c 100%);box-shadow:0 22px 55px #0009,inset 0 1px 0 #dca9ff31}
.royale-v3 .hero::before{content:"";position:absolute;inset:-90px -20px -90px 30%;background:radial-gradient(ellipse at 75% 50%,#ae49f852,transparent 47%),radial-gradient(ellipse at 45% 55%,#62268e65,transparent 50%);z-index:-1}
.royale-v3 .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0f0b1df9 0%,#120b20ed 26%,#1a1025b0 48%,transparent 73%);z-index:-1}
.royale-v3 .skyline{position:absolute;bottom:0;left:36%;right:0;height:65%;opacity:.25;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 21px,#0d0d1c 21px 27px,transparent 27px 43px,#090b18 43px 78px,transparent 78px 112px);clip-path:polygon(0 70%,8% 70%,8% 30%,18% 30%,18% 63%,27% 63%,27% 5%,35% 5%,35% 48%,47% 48%,47% 24%,55% 24%,55% 53%,65% 53%,65% 0,72% 0,72% 35%,84% 35%,84% 17%,93% 17%,93% 52%,100% 52%,100% 100%,0 100%)}
.royale-v3 .hero-lines{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 84% 15%,#d6a3ff 0 2px,transparent 3px),radial-gradient(circle at 63% 26%,#dfbaff 0 2px,transparent 3px),radial-gradient(circle at 94% 76%,#e2afff 0 2px,transparent 3px)}
.royale-v3 .hero-content{position:relative;z-index:4;padding:67px clamp(20px,4vw,58px);max-width:60%}
.royale-v3 .kicker{font-size:10px;color:#dcc5ef;letter-spacing:.4em;font-weight:850;margin-bottom:15px}
.royale-v3 .hero h1{font-size:clamp(3.5rem,5.8vw,6.45rem);font-weight:1000;letter-spacing:-.092em;line-height:.98;margin:0 0 18px;text-shadow:0 12px 40px #07040e;white-space:nowrap}
.royale-v3 .hero h1 .light{background:linear-gradient(105deg,#fff,#e4d8ff 55%,#be91f1);background-clip:text;-webkit-background-clip:text;color:transparent}
.royale-v3 .hero .subtitle{font-size:clamp(15px,1.5vw,19px);line-height:1.6;color:#ded3e9;font-weight:550;margin:0 0 24px}
.royale-v3 .hero-buttons{display:flex;gap:11px;flex-wrap:wrap}
.royale-v3 .primary-cta{border:1px solid #f8b8ec9c;border-radius:13px;padding:13px 23px;background:var(--flow);box-shadow:0 0 29px #ab53e275,inset 0 1px 0 #ffffff85;color:#fff;font-size:12px;font-weight:850;text-shadow:0 1px 3px #70367a}
.royale-v3 .primary-cta:hover{filter:brightness(1.1)}
.royale-v3 .secondary-cta{border-radius:13px;border:1px solid #6c518d;background:linear-gradient(150deg,#322042a8,#21182fc2);color:#efe4fa;font-size:12px;padding:13px 20px;font-weight:780}
.royale-v3 .hero-disclaimer{color:#a996bb;font-size:11px;margin-top:27px;display:flex;align-items:center;gap:9px}
.royale-v3 .hero-disclaimer .star{color:#dca2ff;font-size:17px}
.royale-v3 .hero-mascot{position:absolute;z-index:2;right:-9px;bottom:-55px;height:470px;width:auto;max-width:59%;object-fit:contain;filter:drop-shadow(0 8px 33px #0f0616) drop-shadow(0 0 17px #b63cdb75);pointer-events:none}
.royale-v3 .hero-flair{position:absolute;z-index:3;right:7%;top:13%;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;border:1px solid #d9a6ff80;color:#c8a9ef;font-size:31px;background:linear-gradient(125deg,#2b1d40,#533a7c);box-shadow:0 0 25px #8c49dc78;transform:rotate(-16deg)}
.royale-v3 .hero-faux{position:absolute;bottom:25px;right:20px;z-index:3;border:1px solid #b583dc61;background:#140e22d9;padding:10px 13px;display:flex;align-items:center;gap:8px;border-radius:12px;backdrop-filter:blur(8px)}
.royale-v3 .hero-faux span{color:#d3a9ff}
.royale-v3 .hero-faux small{font-size:10px;color:#dbcdec;font-weight:700}
.royale-v3 .shortcuts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:18px 0 26px}
.royale-v3 .shortcut{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:5px;text-align:left;min-height:124px;padding:18px 16px;border:1px solid #56406d9e;border-radius:17px;background:radial-gradient(circle at 80% -25%,#67358650,transparent 63%),var(--glass);box-shadow:0 13px 27px #0007,inset 0 1px 0 #ffffff13;transition:transform .16s,border-color .16s}
.royale-v3 .shortcut:hover{transform:translateY(-3px);border-color:#b77ae3}
.royale-v3 .shortcut .shortcut-glyph{height:43px;width:43px;display:grid;place-items:center;font-size:25px;color:#e4bbff;filter:drop-shadow(0 0 8px #bf65df75)}
.royale-v3 .shortcut:nth-child(2) .shortcut-glyph{color:#ffadd5}
.royale-v3 .shortcut:nth-child(3) .shortcut-glyph{color:#bba4ff}
.royale-v3 .shortcut:nth-child(4) .shortcut-glyph{color:#b7b7ff}
.royale-v3 .shortcut:nth-child(5) .shortcut-glyph{color:#edc5ff}
.royale-v3 .shortcut strong{font-size:12px;line-height:1.3}
.royale-v3 .shortcut small{font-size:10px;color:#aaa1bb}
.royale-v3 .shortcut .go{position:absolute;top:20px;right:15px;color:#a78db8;font-size:15px}
.royale-v3 .section-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0 15px}
.royale-v3 .section-bar .eyebrow{color:#be92eb;letter-spacing:.21em;font-size:9px;font-weight:900}
.royale-v3 .section-bar h2{font-size:22px;letter-spacing:-.045em;margin:4px 0 2px}
.royale-v3 .section-bar p{margin:4px 0;font-size:11px;color:#928ca5}
.royale-v3 .section-bar a{font-size:11px;padding:10px 13px;border:1px solid #6a5080;border-radius:10px;background:#1b1628;color:#cfb2ef;white-space:nowrap}
.royale-v3 .filters{display:flex;gap:9px;align-items:center;margin:16px 0 19px;flex-wrap:wrap}
.royale-v3 .filter{padding:9px 15px;border-radius:12px;border:1px solid #534365;background:linear-gradient(135deg,#211c2b,#17141f);color:#b7abc7;font-size:11px;font-weight:780}
.royale-v3 .filter:hover{color:#fff;border-color:#8457ad}
.royale-v3 .filter.active{background:linear-gradient(120deg,#8d3fab,#563092);color:white;border-color:#c174ed;box-shadow:0 0 18px #8e44d258}
.royale-v3 .cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.royale-v3 .feature{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:18px;border:1px solid #654877;background:var(--glass);box-shadow:0 17px 36px #0008;transition:transform .15s,border .15s}
.royale-v3 .feature:hover{transform:translateY(-3px);border-color:#a071cf}
.royale-v3 .art{height:172px;position:relative;overflow:hidden;background:#271b3e}
.royale-v3 .art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#171224ec,transparent 58%)}
.royale-v3 .art img{height:100%;width:100%;object-fit:cover;filter:saturate(.91) contrast(1.12)}
.royale-v3 .art .art-fallback{font-size:83px;color:#e1b3ff;display:grid;place-items:center;height:100%;filter:drop-shadow(0 0 25px #b055eb)}
.royale-v3 .art.giveaway-art{background:radial-gradient(ellipse at 62% 30%,#8c496d,transparent 52%),linear-gradient(135deg,#2f1a40,#171224)}
.royale-v3 .art.giveaway-art::before{content:"✦";font-size:95px;color:#ffd0ee;position:absolute;right:18%;top:16px;text-shadow:0 0 35px #ef68eb,15px 35px 2px #7e3ac0;transform:rotate(-14deg)}
.royale-v3 .art.application-art{background:radial-gradient(ellipse at 60% 36%,#4750ab79,transparent 65%),linear-gradient(135deg,#1b2041,#17111e)}
.royale-v3 .art.application-art::before{content:"♛";position:absolute;font-size:120px;color:#d2a5fe;right:25%;top:6px;text-shadow:0 0 35px #af64ff;transform:rotate(-13deg)}
.royale-v3 .art.cases-art{background:radial-gradient(ellipse at 50% 55%,#ac7c535e,transparent 55%),linear-gradient(135deg,#272035,#1a101b)}
.royale-v3 .art.cases-art::before{content:"▣";position:absolute;font-size:120px;color:#e5b9ff;right:28%;top:1px;text-shadow:0 0 25px #ac57ec}
.royale-v3 .art.event-art{background:radial-gradient(ellipse at 60% 37%,#ae438868,transparent 65%),linear-gradient(135deg,#322140,#15111b)}
.royale-v3 .art.event-art::before{content:"◈";position:absolute;font-size:120px;color:#f6a9f0;right:27%;top:0;text-shadow:0 0 30px #a359e3}
.royale-v3 .art-label{position:absolute;top:11px;left:11px;z-index:1;font-weight:900;font-size:9px;letter-spacing:.09em;border-radius:8px;padding:7px 9px;background:#1b142bbd;border:1px solid #a079b885;color:#e5c6fa}
.royale-v3 .feature-body{padding:15px 15px 16px;display:flex;flex-direction:column;flex:1;gap:5px}
.royale-v3 .feature h3{margin:0;font-size:14px;letter-spacing:-.015em}
.royale-v3 .feature p{font-size:11px;color:#aca2be;line-height:1.5;margin:1px 0 10px;min-height:35px}
.royale-v3 .feature-cta{margin-top:auto;padding:10px 12px;border-radius:10px;border:1px solid #9a71d9;background:linear-gradient(110deg,#6d399f,#6844bf);font-size:11px;color:#fff;text-align:center;font-weight:850;box-shadow:0 4px 15px #7a43b136}
.royale-v3 .games-header{margin:23px 0 15px;display:flex;align-items:center;justify-content:space-between}
.royale-v3 .games-header strong{font-size:17px}
.royale-v3 .games-header small{font-size:11px;color:#8f87a3}
.royale-v3 .games-header a{font-size:11px;color:#c6a9ee}
.royale-v3 .game-shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.royale-v3 .game-tile{min-width:0;border:1px solid #51416a;border-radius:14px;overflow:hidden;background:#161321}
.royale-v3 .game-tile .game-art{position:relative;height:115px;background:#251b37;overflow:hidden}
.royale-v3 .game-tile .game-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}
.royale-v3 .game-art:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0d0b15c9)}
.royale-v3 .game-tile .game-title{padding:12px 11px 13px}
.royale-v3 .game-tile h4{margin:0 0 5px;font-size:12px}
.royale-v3 .game-tile span{font-size:10px;color:#a99dba}
.royale-v3 .game-tile .tag{display:block;margin-top:9px;border-top:1px solid #47375977;padding-top:8px;color:#b18ddd;font-weight:750;font-size:9px}
.royale-v3 .lower{display:grid;grid-template-columns:1.05fr .95fr 1fr;gap:13px;margin:23px 0}
.royale-v3 .block{border:1px solid #58416e;border-radius:18px;background:radial-gradient(ellipse at 85% 0,#62357b3e,transparent 67%),linear-gradient(140deg,#1d172c,#12101d);padding:19px;min-height:190px;box-shadow:0 13px 30px #0007}
.royale-v3 .block h3{font-size:13px;margin:0 0 15px;display:flex;align-items:center;gap:9px}
.royale-v3 .block h3 .glyph{font-size:20px;color:#c794f8}
.royale-v3 .block .block-head{font-size:11px;color:#e3d6f1;font-weight:800}
.royale-v3 .block .note{font-size:11px;line-height:1.65;color:#a399b5}
.royale-v3 .wallet-sum{display:flex;align-items:center;gap:13px;margin:17px 0 12px}
.royale-v3 .wallet-sum .coin{height:46px;width:46px;display:grid;place-items:center;font-size:29px;color:#f3bcff;background:#403058;border-radius:14px}
.royale-v3 .wallet-sum strong{font-size:24px}
.royale-v3 .wallet-sum small{display:block;color:#9584ad;font-size:10px}
.royale-v3 .block .block-action{display:inline-block;border-radius:10px;padding:10px 15px;border:1px solid #8360ad;background:#42285d;font-size:11px;font-weight:800;color:#f1e0fe;margin-top:12px}
.royale-v3 .activity{display:grid;gap:10px}
.royale-v3 .activity-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #4834556e}
.royale-v3 .activity-row:last-child{border:0}
.royale-v3 .activity-dot{height:33px;width:33px;display:grid;place-items:center;border-radius:11px;background:#3e3058;color:#e3bcfc}
.royale-v3 .activity-row strong{font-size:11px;display:block}
.royale-v3 .activity-row small{font-size:10px;color:#948ba6}
.royale-v3 .foot{color:#726883;text-align:center;font-size:10px;padding:29px;border-top:1px solid #3b304b}
.royale-v3 .notice-toast{position:fixed;bottom:22px;right:23px;border:1px solid #b877e8;background:#24172fee;padding:15px 18px;color:#fff;border-radius:13px;font-size:12px;box-shadow:0 12px 50px #0009;z-index:40;max-width:340px;display:none}
.royale-v3 .notice-toast.on{display:block;animation:toast-pop .15s ease}
@keyframes  toast-pop{from{transform:translateY(8px);opacity:.2}to{transform:translateY(0);opacity:1}}
.royale-v3 .preview-ribbon{display:flex;align-items:center;justify-content:center;gap:9px;padding:7px 10px;background:#20152dbd;color:#c4a9d7;font-size:10px;letter-spacing:.01em;border-bottom:1px solid #5c467875}
.royale-v3 .preview-ribbon strong{color:#f0b9ff}
@media (max-width:1450px){.royale-v3 .sidebar{width:206px;min-width:206px}
.royale-v3 .hero{height:380px}
.royale-v3 .hero-mascot{height:440px;bottom:-65px}
.royale-v3 .shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}
.royale-v3 .cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.royale-v3 .game-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}
.royale-v3 .game-tile .game-art{height:150px}
.royale-v3 .lower{grid-template-columns:repeat(2,minmax(0,1fr))}
.royale-v3 .lower .block:last-child{grid-column:span 2}}
@media (max-width:1100px){.royale-v3 .sidebar{width:74px;min-width:74px;padding:16px 10px}
.royale-v3 .brand{margin:0 3px 24px}
.royale-v3 .brand-main, .royale-v3 .brand-sub, .royale-v3 .nav-head, .royale-v3 .nav-link .text, .royale-v3 .sidebar-promo, .royale-v3 .nav-rule, .royale-v3 .side-bottom{display:none}
.royale-v3 .nav-link{justify-content:center;padding:14px 12px}
.royale-v3 .nav-link svg{width:21px;height:21px}
.royale-v3 .brand-icon{min-width:38px}
.royale-v3 .hero-content{max-width:68%}
.royale-v3 .hero-mascot{right:-23px;opacity:.96}
.royale-v3 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:800px){.royale-v3 .sidebar{display:none}
.royale-v3 .main{padding:0 14px 35px}
.royale-v3 .mobile-menu{display:block}
.royale-v3 .topbar{height:73px;gap:9px}
.royale-v3 .searchbar{max-width:100%;flex:1}
.royale-v3 .keyboard, .royale-v3 .profile-name{display:none}
.royale-v3 .profile-trigger{padding:5px}
.royale-v3 .profile-down{display:none}
.royale-v3 .balance-pill{padding:0 9px}
.royale-v3 .icon-button{width:38px;height:42px}
.royale-v3 .top-actions{gap:6px}
.royale-v3 .hero{height:390px}
.royale-v3 .hero-content{max-width:75%;padding:58px 24px}
.royale-v3 .hero h1{font-size:clamp(54px,9.7vw,84px)}
.royale-v3 .hero-mascot{right:-30px;height:400px;bottom:-55px;opacity:.75}
.royale-v3 .hero::after{background:linear-gradient(90deg,#0f0b1df9 0%,#120b20ef 32%,#1a1025a8 65%,transparent)}
.royale-v3 .hero-faux{display:none}
.royale-v3 .shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}
.royale-v3 .lower{grid-template-columns:1fr}
.royale-v3 .lower .block:last-child{grid-column:1}}
@media (max-width:560px){.royale-v3 .searchbar{display:none}
.royale-v3 .top-actions{margin-left:auto}
.royale-v3 .balance-meta small{display:none}
.royale-v3 .balance-pill{height:40px}
.royale-v3 .topbar{height:64px}
.royale-v3 .hero{height:374px;border-radius:17px}
.royale-v3 .hero-content{max-width:100%;padding:52px 21px}
.royale-v3 .hero h1{font-size:clamp(49px,13vw,68px)}
.royale-v3 .hero .subtitle{font-size:14px}
.royale-v3 .hero-mascot{right:-27px;height:345px;bottom:-43px;opacity:.46;filter:saturate(.78)}
.royale-v3 .hero::after{background:linear-gradient(90deg,#100c1ff7 0%,#150e25da 61%,#120d1cc2)}
.royale-v3 .hero-flair{display:none}
.royale-v3 .hero-buttons{gap:8px}
.royale-v3 .primary-cta, .royale-v3 .secondary-cta{padding:11px 13px;font-size:11px}
.royale-v3 .shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.royale-v3 .shortcut{min-height:107px;padding:13px}
.royale-v3 .section-bar h2{font-size:20px}
.royale-v3 .section-bar a{display:none}
.royale-v3 .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.royale-v3 .art{height:121px}
.royale-v3 .feature-body{padding:12px}
.royale-v3 .feature h3{font-size:12px}
.royale-v3 .feature p{font-size:10px;min-height:55px}
.royale-v3 .game-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.royale-v3 .game-tile .game-art{height:121px}
.royale-v3 .lower{gap:9px}
.royale-v3 .preview-ribbon{font-size:9px;padding:8px;text-align:center}}
@media (prefers-reduced-motion:reduce){.royale-v3 *, .royale-v3 *::before, .royale-v3 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.royale-v3 .feature[hidden], .royale-v3 #gamesShelf[hidden]{display:none!important}
.royale-v3 .art:has(.poster-img)::before{display:none}
.royale-v3 .art img.poster-img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.80) contrast(1.06)}
.royale-v3 .art.application-art img.poster-img{object-fit:contain;transform:scale(1.35) translate(0,10%);filter:drop-shadow(0 0 22px #bd62ef75)}
.royale-v3 .art.application-art{background:radial-gradient(ellipse at 55% 45%,#573681,#1b1530 74%)}
.royale-v3 .art.cases-art img.poster-img{object-position:50% 51%}
.royale-v3 .art.giveaway-art img.poster-img{object-position:center 54%}
.royale-v3 .art.event-art img.poster-img{object-position:center 40%;filter:saturate(.68) hue-rotate(10deg)}
.royale-v3 .art:has(.poster-img)::after{background:linear-gradient(0deg,#171224d7 1%,transparent 67%)}
.royale-v3{--bg:#080712;--edge:#504065;--flow:linear-gradient(120deg,#f17ce1 0%,#9d4deb 45%,#634bf7 100%)}
.royale-v3{background:radial-gradient(ellipse at 60% -10%,#43177950,transparent 35%),#080712}
.royale-v3:before{background:radial-gradient(ellipse at 35% 9%,#632a9b23,transparent 31%),radial-gradient(ellipse at 83% 62%,#4c2b9516,transparent 38%)}
.royale-v3 .sidebar{background:radial-gradient(ellipse at 32% 31%,#36175038,transparent 57%),linear-gradient(168deg,#100a1b,#090811 74%);border-right:1px solid #8053a85e;box-shadow:inset -1px 0 0 #e1adff08}
.royale-v3 .brand-icon{box-shadow:0 0 28px #bd62ff65,inset 0 1px 0 #ffddff82;background:linear-gradient(145deg,#bb60ee,#4c2587 60%,#1c1229)}
.royale-v3 .nav-link.active{background:linear-gradient(94deg,#7838ae,#3b195eee 68%,#1b1430);box-shadow:0 0 20px #b437e441,inset 0 1px 0 #e8b9ff5e;border-color:#d68cffab}
.royale-v3 .topbar{position:relative}
.royale-v3 .topbar:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#ba71eb2b,transparent)}
.royale-v3 .searchbar{background:linear-gradient(140deg,#23142d,#13101f 70%);border-color:#8252a56b;box-shadow:inset 0 1px 0 #f2d2ff19,0 10px 28px #0005}
.royale-v3 .icon-button, .royale-v3 .profile-trigger, .royale-v3 .balance-pill{box-shadow:inset 0 1px 0 #ffe5ff23,0 5px 18px #0008;backdrop-filter:blur(12px)}
.royale-v3 .balance-pill{border-color:#a16dc88a;background:radial-gradient(ellipse at 15% 0,#b563e83b,transparent 73%),#1b152a}
.royale-v3 .balance-star{color:#ffe1a1;filter:drop-shadow(0 0 11px #ffc878)}
.royale-v3 .hero.hero-v3{height:464px;border:1px solid #c370f2ab;border-radius:25px;box-shadow:0 0 0 1px #ffceff0c,0 22px 85px #000e,0 0 56px #9e3ad82a,inset 0 1px 0 #ffe7ff7c;background:#120a22}
.royale-v3 .hero-v3 .hero-atmosphere{position:absolute;inset:-18px;z-index:-2;background:linear-gradient(90deg,#10091c,transparent 67%),url(/weekly-royale/assets/royale-c895e68e671f0f.webp) center/cover no-repeat;filter:blur(10px) saturate(1.8) contrast(1.22);opacity:.75;pointer-events:none}
.royale-v3 .hero-v3:before{z-index:-1;inset:0;background:radial-gradient(ellipse at 78% 35%,#ee4ef580,transparent 37%),radial-gradient(ellipse at 58% 75%,#912cef65,transparent 47%),radial-gradient(ellipse at 100% 0,#3b18674d,transparent 62%);mix-blend-mode:screen}
.royale-v3 .hero-v3:after{z-index:3;background:linear-gradient(90deg,#0e081afc 1%,#140a24f2 22%,#1b092ed5 43%,#140a255c 62%,transparent 85%);pointer-events:none}
.royale-v3 .hero-v3 .hero-neon-arches{position:absolute;z-index:0;width:900px;height:640px;right:-4%;top:-34%;transform:rotate(-22deg);border-radius:45%;background:repeating-radial-gradient(ellipse at 54% 55%,transparent 0 39px,#e48bff15 40px,#bb49ff10 43px,transparent 47px,transparent 87px);filter:drop-shadow(0 0 20px #cc5dfe)}
.royale-v3 .hero-v3 .hero-district{position:absolute;bottom:0;right:0;width:82%;height:88%;z-index:0;opacity:.8;clip-path:polygon(0 100%,0 80%,7% 80%,7% 48%,13% 48%,13% 78%,19% 78%,19% 34%,27% 34%,27% 68%,38% 68%,38% 20%,45% 20%,45% 56%,54% 56%,54% 15%,65% 15%,65% 60%,71% 60%,71% 28%,80% 28%,80% 52%,87% 52%,87% 8%,98% 8%,98% 77%,100% 77%,100% 100%);background:repeating-linear-gradient(90deg,#8a37e80a 0 5px,#ff88f523 5px 7px,#180722e8 7px 38px);box-shadow:inset 0 0 40px #bd42f4}
.royale-v3 .hero-v3 .skyline{opacity:.4;background:repeating-linear-gradient(90deg,#12091c 0 29px,#ed69e74a 30px 31px,#1a0829 32px 55px,#8d41f638 56px 58px,#100923 59px 85px);bottom:0;left:35%;right:0;height:72%}
.royale-v3 .hero-v3 .hero-lines{z-index:2;background:radial-gradient(circle at 82% 12%,#fff 0 2px,#df8ef5 3px,transparent 8px),radial-gradient(circle at 47% 15%,#fbf1ff 0 1px,transparent 4px),radial-gradient(circle at 93% 52%,#fff 0 3px,#ee71f2 5px,transparent 12px),radial-gradient(circle at 59% 71%,#ff96ed 0 2px,transparent 8px),radial-gradient(ellipse at 78% 50%,#b542ff20,transparent 48%)}
.royale-v3 .hero-v3 .hero-energy{position:absolute;inset:0;z-index:1;pointer-events:none}
.royale-v3 .hero-v3 .hero-energy i{position:absolute;width:350px;height:2px;transform:rotate(-37deg);background:linear-gradient(90deg,transparent,#f7c6ff2c,#ffa7f8aa,transparent);box-shadow:0 0 24px #ed70ff;animation:neon-arc 9s ease-in-out infinite alternate}
.royale-v3 .hero-v3 .hero-energy i:nth-child(1){top:20%;right:8%}
.royale-v3 .hero-v3 .hero-energy i:nth-child(2){bottom:19%;right:2%;transform:rotate(25deg);width:490px;animation-delay:-3s}
.royale-v3 .hero-v3 .hero-energy i:nth-child(3){top:52%;right:34%;width:220px;animation-delay:-5s}
.royale-v3 .hero-v3 .hero-energy i:nth-child(4){top:6%;right:30%;width:130px;transform:rotate(50deg);animation-delay:-7s}
@keyframes  neon-arc{0%{opacity:.25}100%{opacity:.95;filter:brightness(1.3)}}
.royale-v3 .hero-v3 .hero-content{z-index:6;max-width:66%;padding:77px clamp(22px,4vw,64px)}
.royale-v3 .hero-v3 .kicker{color:#f2c9ff;letter-spacing:.38em;font-size:10px;text-shadow:0 0 22px #e57afd;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.royale-v3 .kicker-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#eeb9ff;box-shadow:0 0 13px #eb82ff,0 0 26px #c04afb}
.royale-v3 .hero-v3 h1{font-size:clamp(3.7rem,6vw,6.8rem);line-height:1.01;margin-bottom:20px;text-shadow:0 0 55px #e16aff5a,0 10px 36px #000}
.royale-v3 .hero-v3 h1 .light{background:linear-gradient(180deg,#ffffff 0%,#fdf7ff 17%,#c2aecf 38%,#ffffff 57%,#a78bba 80%,#faf0ff 94%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #3f2c4b);}
.royale-v3 .hero-v3 .subtitle{font-size:clamp(16px,1.53vw,20px);color:#f0e5f9;text-shadow:0 3px 16px #000;line-height:1.52;margin-bottom:27px}
.royale-v3 .hero-v3 .subtitle strong{font-weight:700;color:#f8efff}
.royale-v3 .hero-v3 .primary-cta{background:linear-gradient(115deg,#eb71e6 0%,#9e4fff 50%,#6a4ee7);border-color:#fac5ff;box-shadow:0 0 20px #cc48f67b,0 5px 30px #cc46fa70,inset 0 1px 0 #ffedfff2;position:relative;overflow:hidden}
.royale-v3 .hero-v3 .primary-cta:after{content:"";position:absolute;top:-70%;left:-48%;width:34%;height:240%;background:linear-gradient(90deg,transparent,#fff7,transparent);transform:rotate(23deg);animation:button-shimmer 6s ease-in-out infinite}
@keyframes  button-shimmer{0%,65%{left:-48%}90%,100%{left:125%}}
.royale-v3 .hero-v3 .secondary-cta{background:#1c102edb;border-color:#ad74df;box-shadow:inset 0 1px 0 #fff3,0 0 12px #803fbe3b;backdrop-filter:blur(10px)}
.royale-v3 .hero-v3 .hero-disclaimer{margin-top:31px;color:#cab5dc;font-size:9px;letter-spacing:.1em}
.royale-v3 .hero-v3 .hero-mascot{z-index:5;height:595px;right:-45px;bottom:-112px;max-width:68%;filter:drop-shadow(0 25px 32px #000) drop-shadow(0 0 18px #db45ff92) drop-shadow(0 0 42px #db49e74a)}
.royale-v3 .hero-royale-chip{position:absolute;z-index:7;top:22px;right:24px;border:1px solid #e9a6fa9c;background:linear-gradient(120deg,#3d205f,#221335c5);padding:8px 12px;border-radius:11px;color:#e9cbff;font-weight:900;font-size:9px;letter-spacing:.14em;backdrop-filter:blur(8px);box-shadow:0 0 21px #a64ff463}
.royale-v3 .hero-v3 .hero-faux{z-index:7;bottom:18px;right:22px;background:#1a102bdf;border-color:#cb7ded8a;box-shadow:0 0 19px #b948dd5c;color:#fff}
.royale-v3 .weekly-coins{position:absolute;inset:0;pointer-events:none;z-index:4}
.royale-v3 .floating-coin{position:absolute;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;font-weight:1000;font-size:27px;color:#fff6ff;background:radial-gradient(circle at 34% 26%,#f5d5ff,#9f74c0 28%,#522669 55%,#2b173e 75%);border:4px ridge #e7afff;box-shadow:inset 0 0 0 4px #714089,0 0 28px #b551ffb5,0 8px 27px #000;animation:coin-float 6s ease-in-out infinite}
.royale-v3 .coin-a{right:37%;top:11%;width:39px;height:39px;font-size:20px;transform:rotate(-20deg);animation-delay:-2s}
.royale-v3 .coin-b{right:11%;top:12%;width:49px;height:49px;transform:rotate(17deg);animation-delay:-4s}
.royale-v3 .coin-c{right:47%;bottom:18%;width:34px;height:34px;font-size:17px;animation-delay:-1s}
@keyframes  coin-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
.royale-v3 .shortcuts{margin:15px 0 20px;gap:12px}
.royale-v3 .shortcut{isolation:isolate;overflow:hidden;min-height:128px;border-color:#8d5ab3a6;border-radius:16px;padding:68px 14px 13px;background:radial-gradient(ellipse at 80% 20%,#7c3dac70,transparent 64%),#100b1a;box-shadow:0 10px 25px #0009,inset 0 1px 0 #e9b7ff30;justify-content:flex-end;transition:.24s}
.royale-v3 .shortcut::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--art-src) center 40%/cover no-repeat;opacity:.76;filter:saturate(1.3) contrast(1.16);transition:transform .32s,opacity .3s}
.royale-v3 .shortcut::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#10091df5 0%,#1b0e29bc 33%,#180d2872 68%,transparent 100%)}
.royale-v3 .shortcut:hover{border-color:#f0a1ff;box-shadow:0 0 28px #c855ff53,0 17px 36px #000b;transform:translateY(-4px)}
.royale-v3 .shortcut:hover::before{transform:scale(1.13);opacity:.98}
.royale-v3 .shortcut[data-filter="Giveaways"]{border-color:#ed9dffad}
.royale-v3 .shortcut[data-filter="Events"]{border-color:#f27fdca9;box-shadow:0 0 22px #ef54ca40,0 14px 32px #0008}
.royale-v3 .shortcut[data-filter="Cases"]{border-color:#ae87ffa3}
.royale-v3 .shortcut[data-filter="Applications"]{border-color:#8e8af5a3}
.royale-v3 .shortcut[data-filter="Rewards"]{border-color:#ecbd8d87}
.royale-v3 .shortcut[data-demo="Support"]{border-color:#9973e3a3}
.royale-v3 .shortcut .shortcut-glyph{position:absolute;top:11px;left:12px;height:29px;width:29px;border-radius:9px;background:#130c27a8;border:1px solid #e0b1ff83;display:grid;place-items:center;font-size:16px;box-shadow:0 0 12px #ab49e883;backdrop-filter:blur(7px)}
.royale-v3 .shortcut .go{top:auto;bottom:17px;right:13px;color:#fff;text-shadow:0 0 9px #db8dff}
.royale-v3 .shortcut strong{font-size:13px;text-shadow:0 1px 8px #08050e}
.royale-v3 .shortcut small{font-size:10px;color:#dccde7;text-shadow:0 1px 7px #000}
.royale-v3 .pulse-bar{position:relative;display:flex;align-items:center;gap:15px;isolation:isolate;overflow:hidden;margin:14px 0 17px;min-height:88px;padding:13px 20px;border-radius:16px;border:1px solid #b478d4b3;background:radial-gradient(ellipse at 66% 55%,#b03a8e52,transparent 40%),radial-gradient(ellipse at 15% -70%,#823eff5a,transparent 60%),linear-gradient(115deg,#211135,#190e2a 68%,#22122c);box-shadow:inset 0 1px 0 #ffd4ff5c,0 0 22px #af43ec36,0 13px 36px #0009}
.royale-v3 .pulse-bar:before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(125deg,transparent 0 90px,#ff82f40b 91px 93px,transparent 94px 150px)}
.royale-v3 .pulse-symbol{width:50px;height:50px;display:grid;place-items:center;border-radius:13px;border:1px solid #eda4ffb2;background:linear-gradient(145deg,#bc63f9,#59248e);font-size:27px;color:white;box-shadow:0 0 25px #d259e6a3}
.royale-v3 .pulse-copy{display:flex;flex-direction:column;gap:3px}
.royale-v3 .pulse-copy span{font-size:9px;letter-spacing:.18em;color:#ebb1ff;font-weight:850}
.royale-v3 .pulse-copy strong{font-size:17px;letter-spacing:-.02em}
.royale-v3 .pulse-copy small{color:#c6afda;font-size:11px}
.royale-v3 .pulse-lights{display:flex;gap:14px;position:absolute;right:26%;top:15%;opacity:.9}
.royale-v3 .pulse-lights i{display:block;height:55px;width:2px;background:linear-gradient(#ee92ff,transparent);transform:rotate(25deg);box-shadow:0 0 20px 5px #e95dff90}
.royale-v3 .pulse-cta{margin-left:auto;padding:11px 17px;border-radius:12px;background:linear-gradient(100deg,#ae5be4,#7148cb);border:1px solid #f4c7ff99;white-space:nowrap;color:white;font-weight:800;font-size:11px;box-shadow:0 0 19px #b453db74;z-index:1}
.royale-v3 .feature{border-color:#8b62ad9a;box-shadow:0 19px 41px #000b,0 0 21px #9b48d524,inset 0 1px 0 #fff3}
.royale-v3 .feature[data-category="Events"]{border-color:#df7adab8;box-shadow:0 0 25px #db44ad42,0 16px 35px #0009}
.royale-v3 .feature[data-category="Giveaways"]{border-color:#f1a3ccaa;box-shadow:0 0 19px #e673ca36,0 18px 35px #000a}
.royale-v3 .feature[data-category="Cases,Rewards"]{border-color:#bc92ffac}
.royale-v3 .feature:hover{border-color:#e49bfc;box-shadow:0 0 28px #bb51ed6b,0 22px 44px #000b}
.royale-v3 .feature .art{height:205px}
.royale-v3 .feature .art img{filter:saturate(1.14) contrast(1.1)}
.royale-v3 .feature-cta, .royale-v3 .game-cta{box-shadow:0 0 17px #9858d955,inset 0 1px 0 #edc8ff4d;background:linear-gradient(115deg,#863fc7,#6845c7);border-color:#ae6ff0}
.royale-v3 .game-tile{border-color:#8660a898;box-shadow:0 12px 28px #0009,0 0 15px #ae5fe222}
.royale-v3 .game-tile:hover{box-shadow:0 0 29px #bb56f27a,0 16px 38px #000b;border-color:#d492f8}
.royale-v3 .feature-banners{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:20px 0}
.royale-v3 .spotlight{position:relative;isolation:isolate;min-height:208px;overflow:hidden;border-radius:18px;border:1px solid #a678cead;background:linear-gradient(90deg,#170c25,#321443);box-shadow:inset 0 1px 0 #ffc6ff47,0 18px 37px #000a,0 0 18px #a145d042}
.royale-v3 .spotlight:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--spot-art) right center/auto 118% no-repeat;opacity:.85;filter:saturate(1.2) contrast(1.12)}
.royale-v3 .spotlight:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#110b1df9 0%,#190d27ee 37%,#1d0c2872 74%,#170d2008)}
.royale-v3 .spotlight-events{border-color:#ee81dfbf;box-shadow:0 0 25px #ee5fd249,0 15px 37px #000a}
.royale-v3 .spotlight-giveaway{border-color:#ffb9d7a8}
.royale-v3 .spotlight-cases{border-color:#a489ffa8}
.royale-v3 .spotlight .spot-content{position:relative;z-index:2;padding:23px 20px}
.royale-v3 .spot-kicker{font-size:9px;letter-spacing:.18em;font-weight:900;color:#dfa5ff}
.royale-v3 .spotlight-events .spot-kicker{color:#ffabd8}
.royale-v3 .spotlight-giveaway .spot-kicker{color:#ffd8cf}
.royale-v3 .spotlight h3{font-size:clamp(20px,2.4vw,29px);font-weight:1000;letter-spacing:-.055em;line-height:1.08;margin:10px 0;color:#fff;text-shadow:0 2px 13px #000}
.royale-v3 .spotlight p{font-size:10px;color:#f4dff4;margin:0 0 17px;max-width:215px;line-height:1.5}
.royale-v3 .spot-btn{padding:10px 14px;border-radius:10px;border:1px solid #eab7ff91;color:white;background:linear-gradient(112deg,#a34add,#5841a8);font-weight:820;font-size:10px;box-shadow:0 0 18px #a348d65a}
.royale-v3 .spot-spark{position:absolute;right:12px;top:13px;color:#fff5ff;filter:drop-shadow(0 0 12px #f068ef)}
.royale-v3 .block{border-color:#815e9e9a;box-shadow:inset 0 1px 0 #e4baff38,0 0 20px #8848cf21,0 15px 34px #0009}
@media (max-width:1450px){.royale-v3 .hero-v3 .hero-mascot{height:540px;bottom:-87px;right:-30px}
.royale-v3 .feature-banners{gap:10px}
.royale-v3 .spotlight{min-height:198px}}
@media (max-width:1150px){.royale-v3 .hero-v3 .hero-content{max-width:78%}
.royale-v3 .hero-v3 .hero-mascot{right:-115px;height:525px;opacity:.88}
.royale-v3 .hero-v3:after{background:linear-gradient(90deg,#130b21fc 0%,#150c26f5 33%,#1b0a2a88 70%,transparent 95%)}
.royale-v3 .feature-banners{grid-template-columns:repeat(2,minmax(0,1fr))}
.royale-v3 .spotlight:last-child{grid-column:1/-1}}
@media (max-width:800px){.royale-v3 .hero.hero-v3{height:405px}
.royale-v3 .hero-v3 .hero-content{padding:68px 26px;max-width:87%}
.royale-v3 .hero-v3 .hero-mascot{height:420px;right:-115px;bottom:-80px;opacity:.62}
.royale-v3 .hero-v3 h1{font-size:clamp(3.5rem,10vw,5.2rem)}
.royale-v3 .hero-v3 .hero-royale-chip{top:12px;right:12px;font-size:8px}
.royale-v3 .weekly-coins{opacity:.55}
.royale-v3 .shortcut{min-height:120px}
.royale-v3 .pulse-bar{padding:12px;gap:9px}
.royale-v3 .pulse-symbol{width:40px;height:40px}
.royale-v3 .pulse-copy strong{font-size:14px}
.royale-v3 .pulse-copy small{font-size:9px}
.royale-v3 .pulse-cta{padding:10px 9px;font-size:9px}
.royale-v3 .feature-banners{grid-template-columns:1fr}
.royale-v3 .spotlight:last-child{grid-column:auto}
.royale-v3 .spotlight{min-height:195px}}
@media (max-width:520px){.royale-v3 .hero.hero-v3{height:440px}
.royale-v3 .hero-v3 .hero-content{padding:94px 19px 32px;max-width:96%}
.royale-v3 .hero-v3 h1{font-size:clamp(3.1rem,13vw,4.5rem);margin-bottom:14px}
.royale-v3 .hero-v3 .kicker{font-size:8px;letter-spacing:.21em}
.royale-v3 .hero-v3 .subtitle{font-size:14px;max-width:230px}
.royale-v3 .hero-v3 .hero-mascot{height:365px;right:-131px;bottom:-50px;opacity:.62}
.royale-v3 .hero-v3 .hero-disclaimer{font-size:8px;max-width:205px;line-height:1.6}
.royale-v3 .hero-v3 .hero-royale-chip{top:13px;left:17px;right:auto}
.royale-v3 .coin-a{right:19%;top:21%}
.royale-v3 .coin-b, .royale-v3 .coin-c{display:none}
.royale-v3 .shortcut{min-height:122px;padding:68px 9px 11px}
.royale-v3 .shortcut strong{font-size:12px}
.royale-v3 .shortcut small{font-size:9px}
.royale-v3 .pulse-bar{flex-wrap:wrap}
.royale-v3 .pulse-cta{margin-left:0}
.royale-v3 .pulse-copy{flex:1}
.royale-v3 .pulse-lights{display:none}
.royale-v3 .spotlight h3{font-size:27px}}
@media (prefers-reduced-motion:reduce){.royale-v3 .hero-v3 .hero-energy i, .royale-v3 .floating-coin, .royale-v3 .hero-v3 .primary-cta:after{animation:none!important}}
.royale-v3 .hero-v3 .hero-scenery{position:absolute;top:0;right:0;bottom:0;width:55%;z-index:0;background:linear-gradient(90deg,#150721 0%,transparent 45%),url(/weekly-royale/assets/royale-7fcc1834833f18.webp) 60% center/cover no-repeat;opacity:.39;mix-blend-mode:screen;filter:saturate(1.65) contrast(1.35);pointer-events:none}
.royale-v3 .hero-v3 .hero-mascot{height:555px;right:-20px;bottom:-106px;max-width:68%}
@media (max-width:1450px){.royale-v3 .hero-v3 .hero-mascot{height:500px;right:-20px;bottom:-84px}}
@media (max-width:800px){.royale-v3 .hero-v3 .hero-mascot{height:395px;right:-70px;bottom:-65px}
.royale-v3 .hero-v3 .hero-scenery{width:90%;opacity:.33}}
@media (max-width:520px){.royale-v3 .hero-v3 .hero-mascot{height:370px;right:-68px;bottom:-56px;opacity:.59}
.royale-v3 .hero-v3 .hero-scenery{width:100%;opacity:.26}}

/* Site-integrated v3: original authenticated wallet and Lucky Six modules stay below. */
.royale-v3{--bg:#090910;--ink:#f8f5fe;--muted:#9e99b4;--violet:#995bef;--pink:#d95eea;--edge:#342943;--edgeHi:#6d478d;--glass:linear-gradient(152deg,rgba(32,25,51,.93),rgba(16,14,27,.94));--flow:linear-gradient(118deg,#f476d1,#a65ef0 48%,#6b53ec);width:100%;max-width:1660px;margin:0 auto 27px;padding:0;overflow:visible;color:#f8f5fe;font:inherit;position:relative;isolation:isolate}
.royale-v3 .hero{margin-top:5px}
.royale-v3 .hero-content{position:relative;z-index:2}
.royale-v3 a:focus-visible,.royale-v3 button:focus-visible{outline:2px solid #eec0ff;outline-offset:3px}
.royale-v3 .shortcuts a.shortcut{color:inherit;text-decoration:none}
.royale-v3 [hidden]{display:none!important}
.royale-v3 .game-tile[aria-label$="preview"]{cursor:default}
.royale-v3 .game-tile[aria-label$="preview"]:hover{transform:none}
.royale-v3 .game-tile .play, .royale-v3 .game-tile .game-play{cursor:default}
.royale-v3 .spotlight a{color:#fff;text-decoration:none}
.royale-live > .royale-legacy-hidden{display:none!important}
.royale-live > .royale-legacy-hidden *{animation:none!important}
body.wl-liquid.weekly-chrome:has(.royale-live) .site-ambient{background:radial-gradient(ellipse at 70% -10%,rgba(115,30,145,.25),transparent 42rem),linear-gradient(165deg,#0c0915,#080710)}
body.wl-liquid.weekly-chrome:has(.royale-live) .page-shell{padding-top:18px}
body.wl-liquid.weekly-chrome:has(.royale-live) .site-header{background:rgba(10,7,19,.96);border-bottom-color:#6337817a}
body.wl-liquid.weekly-chrome:has(.royale-live) .weekly-account-trigger{background:#231334!important;box-shadow:inset 0 1px 0 #fff2,0 0 19px #9b4edd32}
body.wl-liquid.weekly-chrome:has(.royale-live) .wl-sidebar{background:linear-gradient(160deg,#131022,#0b0817 70%);border-right-color:#8547af5c}
body.wl-liquid.weekly-chrome:has(.royale-live) .wl-side-links a.is-current{box-shadow:inset 0 1px 0 #f1baff42,0 0 15px #a14ce64d}
body.wl-liquid.weekly-chrome:has(.royale-live) .wr-dashboard-grid{margin-top:15px}
@media(max-width:800px){.royale-v3{padding:0 3px}.royale-v3 .hero{margin-top:0}}
@media(prefers-reduced-motion:reduce){.royale-v3 *,.royale-v3 *::after,.royale-v3 *::before{animation:none!important;transition:none!important}}

/* Approved top-right account utilities; values render only from verified server data. */
body.wl-liquid.weekly-chrome:has(.royale-live) .header-actions{gap:10px}
body.wl-liquid.weekly-chrome:has(.royale-live) .header-search,
body.wl-liquid.weekly-chrome:has(.royale-live) .header-news{
  width:43px;height:43px;border:1px solid #9353bc8c;border-radius:13px;
  background:linear-gradient(142deg,#251936,#150d26);color:#eee1ff;
  box-shadow:inset 0 1px 0 #e6c7ff1f,0 8px 18px #03010870;
}
body.wl-liquid.weekly-chrome:has(.royale-live) .weekly-account-trigger{
  min-height:43px;border-radius:14px!important;border:1px solid #a16ed19e!important;
  background:linear-gradient(125deg,#2d1744,#171025)!important;
  box-shadow:inset 0 1px 0 #f8d8ff26,0 7px 20px #6d249a34!important;
}
body.wl-liquid.weekly-chrome:has(.royale-live) .royale-balance-pill{
  display:inline-flex;gap:9px;align-items:center;justify-content:center;
  min-height:43px;padding:8px 16px;border-radius:13px;
  font-weight:850;color:#fff;border:1px solid #c38ce994;
  background:linear-gradient(120deg,#3b214e,#20182d);
  box-shadow:inset 0 1px 0 #f9d6ff22,0 0 21px #a455e03d;
}
body.wl-liquid.weekly-chrome:has(.royale-live) .royale-balance-pill span{color:#ffdc97}
@media(max-width:700px){body.wl-liquid.weekly-chrome:has(.royale-live) .royale-balance-pill{display:none}}

/* V3 liquid chrome is shared with the rest of the website without touching gameplay or account state. */
body.wl-liquid.weekly-chrome .site-header{
  border-bottom-color:#6337817a;background:rgba(9,7,17,.96);
  box-shadow:0 12px 34px #0008, inset 0 -1px 0 #a650e51b;
}
body.wl-liquid.weekly-chrome .wl-sidebar{
  background:linear-gradient(158deg,#151022,#0a0915 75%);
  border-right-color:#6a357e99;
}
body.wl-liquid.weekly-chrome .wl-side-links a:hover,
body.wl-liquid.weekly-chrome .wl-side-links a.is-current{
  background:linear-gradient(95deg,#4b2574,#201528);border-color:#ab5bd795;
  box-shadow:inset 0 1px 0 #f1baff27,0 0 14px #963dba3f;
}
body.wl-liquid.weekly-chrome .header-search,
body.wl-liquid.weekly-chrome .header-news{
  background:linear-gradient(135deg,#281d3b,#12101d);border-color:#75458c8c;
  color:#e8d5fc;box-shadow:inset 0 1px 0 #fff1,0 4px 15px #0007;
}
body.wl-liquid.weekly-chrome .header-join,
body.wl-liquid.weekly-chrome .weekly-header-signup{
  background:linear-gradient(105deg,#af61ed,#7d4fe5)!important;
  border-color:#d28cff!important;box-shadow:0 5px 20px #ad48d15b!important;
}
body.wl-liquid.weekly-chrome :is(.page-hero,.page-intro,.weekly-auth-story,.ws2-head,.ww2-header){
  border-radius:22px;border-color:#9059bd93;
  box-shadow:inset 0 1px 0 #edcbff1d,0 14px 36px #0007,0 0 25px #8740a126;
}
body.wl-liquid.weekly-chrome :is(.giveaway-card,.event-card-large,.store-card,.vip-tier-card,.weekly-auth-card,.ww2-card,.wc-card,.staff-card){
  border-color:#77519677;box-shadow:inset 0 1px 0 #e7a4ff15,0 12px 34px #0007;
}