/* Royal crystal theme. Shared across every view; game rules are unchanged. */
:root{--bg:#080808;--surface:#171410;--surface2:#211b13;--line:#8d6c394f;--text:#fff7e8;--muted:#bcb3a3;--gold:#efd096;--gold-dim:#b38a50;--serif:Georgia,'Times New Roman',serif}
body{background:#080808 url('/assets/crystal-frame.svg') center top/100% auto fixed no-repeat;color:var(--text)}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 10%,#bc8b3220,transparent 42%),radial-gradient(ellipse at 15% 68%,#cfa44b12,transparent 26%),linear-gradient(140deg,transparent 35%,#ffffff05 36%,transparent 45%)}
.app-shell{display:block;min-height:100dvh}.workspace{display:block;max-width:1600px;margin:auto;min-width:0}
.sidebar{display:none}.royal-navigation{display:contents}.navigation{position:fixed;z-index:40;bottom:18px;left:50%;transform:translateX(-50%);width:min(1050px,calc(100% - 80px));height:79px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:5px 16px;margin:0;overflow:visible;border:1px solid #d0aa64a6;border-radius:48px;background:linear-gradient(170deg,#77634b55,#0b0908e8 43%,#18120bf5 85%,#a7742f45);box-shadow:inset 0 1px 1px #fff1cd99,inset 0 -2px 8px #f5c36b30,0 0 22px #d3993622,0 9px 38px #000d;backdrop-filter:blur(24px)}
.navigation:before{content:'';position:absolute;left:9%;right:9%;top:-2px;height:2px;background:linear-gradient(90deg,transparent,#ffe8b3 45%,#fff5d7 50%,#ffe8b3 55%,transparent);box-shadow:0 0 12px #f7c871}
.navigation>a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:0;padding:6px 10px;font-size:12px;color:#e4d4b7;border-radius:40px;border:0;position:relative;line-height:1.4}
.navigation>a+ a:before{content:'';position:absolute;left:0;top:16%;bottom:16%;width:1px;background:linear-gradient(transparent,#b58a4566,transparent)}
.navigation svg,.royal-shortcuts svg,.header-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #000) drop-shadow(0 0 4px #edc06844)}
.navigation>a:hover{background:#cfaa6812;color:#ffe7af}
.navigation>a.active{color:#ffe4a0;background:linear-gradient(135deg,#d1a96c42,#fff1cb0f 48%,transparent);border:0;text-shadow:0 0 8px #ffc45444}
.navigation>a.active svg{filter:drop-shadow(0 0 7px #ffd379a0);stroke:#ffe8b2}
.royal-header{display:grid;grid-template-columns:1fr 330px 1fr;align-items:start;position:relative;height:206px;padding:29px 45px 0;border:0;background:none;gap:15px}
.player-summary{display:flex;align-items:center;gap:13px;justify-self:start;margin-top:17px;max-width:100%}
.player-summary .avatar{width:67px;height:67px;border:2px solid #d5b071;background:radial-gradient(ellipse at 25% 10%,#5d5140,#171614 70%);font-size:29px;box-shadow:inset 0 0 0 4px #0b0b0b,0 0 15px #c7994130;color:#f4ddb0;flex-shrink:0}
.player-copy{display:flex;flex-direction:column;min-width:0;line-height:1.4}.player-copy strong{font-size:18px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.player-copy small{font-size:11px;color:#dcba80;margin-top:3px}.player-copy i{display:block;height:5px;width:142px;margin-top:8px;border-radius:5px;border:1px solid #88653499;background:linear-gradient(90deg,#e7bd78 18%,#544637 18%,#211a13)}
.royal-logo{display:flex;flex-direction:column;align-items:center;justify-self:center;line-height:1;position:relative;isolation:isolate;white-space:nowrap}
.royal-logo:before{content:'';position:absolute;top:-24px;left:50%;transform:translateX(-50%);height:145px;width:145px;border:1px solid #d7ad6066;border-radius:50%;background:radial-gradient(ellipse at 45% 10%,#fce0a52b,transparent 63%);box-shadow:0 -3px 4px -3px #fff1c6,inset 0 1px 12px #efc36f17;z-index:-1}
.royal-w{font:84px/.95 var(--serif);letter-spacing:-5px;padding-right:5px;background:linear-gradient(132deg,#fafafa 8%,#7e7f85 22%,#fff 28%,#8f969d 39%,#c7bfae 47%,#fff9e8 50%,#7b8088 60%,#fff 76%,#a6aaac 83%,#f7e0af 90%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 7px #d7bd8a33);text-shadow:none}
.royal-logo strong{font:39px/1.25 var(--serif);letter-spacing:5px;background:linear-gradient(#fff4d7,#e2be80 54%,#a4763d 75%,#f9d796);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 2px 3px #000);margin-top:1px}
.royal-casino{font:13px/1.7 var(--serif);letter-spacing:10px;padding-left:10px;position:relative;color:#eee0c5}.royal-casino:before,.royal-casino:after{content:'';position:absolute;top:50%;width:64px;height:1px;background:linear-gradient(90deg,transparent,#ddb577);right:calc(100% + 12px)}.royal-casino:after{left:calc(100% + 12px);right:auto;transform:rotate(180deg)}
.royal-logo small{font-size:11px;color:#e2cfac;margin-top:8px;letter-spacing:.6px}
.top-actions{justify-self:end;display:flex;align-items:center;gap:13px;margin-top:20px;position:static;height:auto}
.wallet-shell{display:flex;align-items:center;gap:0;border:1px solid #d6ae6e9c;border-radius:17px;background:linear-gradient(170deg,#3e332455,#080808cc 60%);box-shadow:inset 0 1px #f1d8a033,0 0 12px #bd8b2633}
.wallet-mini{gap:10px;font-size:21px;font-weight:600;min-height:49px;padding:0 12px 0 0;line-height:1;letter-spacing:.2px}
.wallet-mini .coin-icon{width:51px;height:51px;margin:-1px 0 -1px -7px;color:#7a5422;font:25px var(--serif);border:2px solid #ffe7aa;background:radial-gradient(circle at 30% 20%,#fff4c7,#e8b65e 40%,#9f6c2d 80%,#f3c574);box-shadow:inset 0 0 0 3px #e1b86b,inset 0 0 0 4px #ffebaf,0 0 14px #f1b74466;text-shadow:0 1px #ffe8b9}
.wallet-add{font-size:31px;line-height:1;padding:0 12px;height:41px;display:grid;place-items:center;border-left:1px solid #9f7d4680;color:#e7c792}
.header-icon{width:47px;height:47px;border:1px solid #9f7b42a3;border-radius:50%;display:grid;place-items:center;background:radial-gradient(ellipse at 30% 10%,#b4915638,#100d0ac9 65%);color:#e9c48a;flex-shrink:0}
.header-icon:hover{box-shadow:0 0 12px #f6cb7140}.header-icon svg{width:25px;height:25px}
.top-heading{position:absolute;right:46px;top:115px;font-size:8px;color:#a29277;letter-spacing:1px;display:flex}
main{max-width:1512px;padding:0 44px 105px;margin:auto;min-height:65dvh}.demo-notice{margin:0 0 13px;font-size:9px;color:#b2a48a;justify-content:center}.demo-notice>span:first-child{font-size:15px;color:#d8b777}.age-label{margin-left:10px;border-color:#b5935559;color:#cdb78f}.royal-intro{text-align:center;margin:2px 0 19px}.royal-intro>span{font-size:7px;color:#ac9162;letter-spacing:3.3px}.royal-intro h1{font:27px/1.4 var(--serif);margin:5px 0;color:#e9dfcc;letter-spacing:.2px}.royal-intro em{color:#eac78d}
.game-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}
.game-card{display:block;position:relative;overflow:hidden;border:1px solid #efcc8ca8;border-radius:25px;background:linear-gradient(135deg,#8f8b8644,#181719cc 38%,#0a0907ee 72%,#906b3444);box-shadow:inset 0 1px 1px #fff7dc,0 0 0 3px #e9dbc30a,0 4px 18px #000b,0 0 20px #b9862b14;transition:transform .22s,border-color .22s,box-shadow .22s;isolation:isolate}
.game-card:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;background:linear-gradient(145deg,#fff5d763,transparent 5% 48%,#ead4b30b 49%,transparent 65%),linear-gradient(12deg,#e4b45920,transparent 20% 90%,#fff1c128);box-shadow:inset 0 0 0 4px #e0d7c00a,inset 2px 0 #fff5e033,inset -2px 0 #fff4dc22,inset 0 -2px 2px #e9c18180}
.game-card:after{content:'';position:absolute;inset:4px;border:1px solid #fff5de22;clip-path:polygon(0 0,30% 0,0 28%,0 100%,20% 100%,0 76%,100% 100%,80% 100%,100% 80%,100% 0,83% 0,100% 20%);pointer-events:none;border-radius:20px;z-index:4}
.game-card:hover{transform:translateY(-5px);border-color:#ffe8ad;box-shadow:inset 0 1px #fff4d5,0 0 24px #e0b35d44,0 12px 30px #000}
.game-art{width:100%;aspect-ratio:340/220;height:auto;min-height:0;display:block;position:relative;border:0;background-image:url('/assets/royal-reference.jpeg');background-size:451.7647% auto;background-repeat:no-repeat;background-position-y:41.9255%;border-radius:24px 24px 0 0;margin:0;z-index:0}
.slot-art{background-position-x:4.8495%}.roulette-art{background-position-x:36.9565%}.blackjack-art{background-position-x:67.3913%}.live-art{background-position-x:97.4080%}
.game-art>*{display:none!important}.game-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 58%,#100e0b 100%);pointer-events:none}
.card-info{min-height:115px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;gap:0;padding:8px 12px 20px;position:relative;z-index:2;margin-top:-5px;background:linear-gradient(#100e0b88,#0c0b09e8 70%,#42321a66)}
.card-info small{font-size:6px;letter-spacing:2px;color:#b69c72;display:none}.card-info h3{font:25px/1.2 var(--serif);letter-spacing:.4px;margin:4px 0 9px;color:#fff1d3;text-shadow:0 2px 6px #000}.card-info p{font-size:10px;color:#bfae90;line-height:1.6}.round-arrow{display:none}.coming-soon{cursor:default}.coming-soon:hover{transform:none;border-color:#efcc8ca8;box-shadow:inset 0 1px #fff7dc,0 4px 18px #000b}.coming-soon .game-art{filter:saturate(.8)}.soon-badge{font-size:7px;color:#efd29a;letter-spacing:1.2px;border:1px solid #a5824855;border-radius:8px;padding:2px 7px;margin-top:8px;position:absolute;top:-10px;right:13px;background:#1b130c}
.royal-shortcuts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:25px auto 0;padding:15px 18px;width:90%;border:1px solid #cba25f91;border-radius:26px;background:linear-gradient(160deg,#6e543731,#080706e8 54%,#151009e3);box-shadow:inset 0 1px 1px #fff0c533,inset 0 -2px 6px #e9ba612c,0 8px 20px #000b,0 0 14px #d4a34d19;backdrop-filter:blur(20px);position:relative}
.royal-shortcuts:before{content:'';position:absolute;top:-1px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#ffedbb,transparent);box-shadow:0 0 9px #ffd886}
.royal-shortcuts>a,.royal-shortcuts>button{background:transparent;border:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:75px;color:#f0d29a;padding:5px;line-height:1.5}
.royal-shortcuts>*+*:before{content:'';position:absolute;left:0;top:7%;bottom:7%;width:1px;background:linear-gradient(transparent,#b78e4a77,transparent)}
.royal-shortcuts svg{width:34px;height:34px;stroke-width:1.5;filter:drop-shadow(0 2px 0 #5f3d1b) drop-shadow(0 0 9px #e7b65c44)}
.royal-shortcuts span{font-size:9px;letter-spacing:.4px;color:#e9dfca}.royal-shortcuts>*:hover{color:#ffe3a1;background:radial-gradient(#b38d4f22,transparent 70%);border-radius:12px}
.lobby-bottom{display:block;margin:19px auto 0;width:90%}.welcome-balance{display:none}.gift-box{background:linear-gradient(130deg,#ac8e5520,#0e0c0ae5 60%);border:1px solid #a27d3f6b;border-radius:18px;padding:17px 24px;box-shadow:inset 0 1px #e8d4a71c,0 5px 18px #0006}.gift-box h3{color:#ead3a8;font-size:20px}.gift-box p{color:#b9a88b;font-size:10px}.gift-box .secondary-button{margin-top:0;min-height:43px;min-width:150px;width:auto}.gift-symbol{font-size:37px;color:#eccb8a}
.primary-button,.secondary-button,.step-button{border-radius:11px;position:relative}.primary-button{background:linear-gradient(135deg,#ffe7ae 0%,#c89b4b 45%,#e3b45e 55%,#f5d397);color:#36220a;border:1px solid #ffe6ab;box-shadow:inset 0 1px 1px #fff9d9,inset 0 -2px #9d682c88,0 0 14px #dba44036;font-weight:700;text-shadow:0 1px #fff0c780}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,#fff0bc,#e8bb70 45%,#d3a351 55%,#ffe3a5);box-shadow:inset 0 1px #fff7d5,0 0 19px #e8bb5e55}
.secondary-button,.step-button{background:linear-gradient(150deg,#ba9b6333,#15110de8 48%,#74542722);border-color:#c6a1679c;color:#efcf99;box-shadow:inset 0 1px #f3e0aa2c,inset 0 -1px #bd94413d}.secondary-button:hover:not(:disabled),.step-button:hover:not(:disabled){background:linear-gradient(150deg,#bc9d6455,#1c160f 58%,#906d382e)}
.page-heading{margin:20px 0 27px}.page-heading h1{color:#fff0d1;font-size:43px;letter-spacing:.2px}.page-heading h1 em{color:#f0ca86;text-shadow:0 0 14px #d49d3333}.page-heading p{color:#bfb197;font-size:12px}.eyebrow{color:#d7b378;letter-spacing:2px}.outline-badge{border:1px solid #cfaa6177;border-radius:9px;color:#ecd29d;padding:8px 12px;background:linear-gradient(125deg,#bca06618,#11100d);box-shadow:inset 0 1px #f3dfb01a;white-space:normal;text-align:center}
.table-switcher{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px auto 25px;padding:6px;border:1px solid #b28b4c5c;border-radius:18px;background:#0d0b09cc;max-width:570px;box-shadow:inset 0 1px #fff2c81c;backdrop-filter:blur(16px)}
.table-switcher a{flex:1;text-align:center;padding:11px 10px;font-size:11px;border:1px solid transparent;border-radius:12px;line-height:1.4;color:#c5b291}.table-switcher a.active{border-color:#d5b37888;background:linear-gradient(130deg,#b48e474d,#35251444);color:#ffe6ad;box-shadow:inset 0 1px #fff2c733}
.game-panel,.info-panel,.stat-tile,.history-panel,.pause-panel,.pack{border:1px solid #cea45b88;background:linear-gradient(137deg,#a9a59c25,#171411df 24%,#0d0b09f0 73%,#604b292d);border-radius:24px;box-shadow:inset 0 1px #fff5d24f,inset 0 -1px #ecb65a5c,0 0 0 3px #e9d6ac05,0 12px 35px #0007;backdrop-filter:blur(18px)}
.info-panel p,.fine-print{color:#bbad95}.info-panel h2{color:#f3dcaf}.game-panel{position:relative;isolation:isolate}.game-panel:before{content:'';position:absolute;left:8%;right:8%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#fff3d2 45%,#f3c778 60%,transparent);box-shadow:0 0 9px #e6ad4b8a;pointer-events:none}
.machine-top{padding:26px 0 23px;color:#f3d7a2;border-color:#b18b4766}.machine-top small{color:#d3b780}.reels-wrap{margin:30px 0 20px}.reel{height:188px;background:linear-gradient(180deg,#050505,#332a1f 47%,#0d0b08 94%);border:1px solid #e3c380c9;border-radius:15px;box-shadow:inset 0 15px 28px #0009,inset 0 -15px 22px #000,0 0 0 2px #f4ddb31a,inset 0 1px #fff9df8c}.reel svg{max-height:124px;filter:drop-shadow(0 7px 7px #000)}.reel:before,.reel:after{color:#dac38712}.reel.win{border-color:#ffedbb;box-shadow:inset 0 0 20px #e5b35340,0 0 19px #ffd87555}
.game-controls{border-color:#b18b4752}.bet-control small{color:#d5b47a}.bet-control strong{color:#ffedc3}.machine-foot{border-color:#b18b4740;color:#a28c66;font-size:8px}.result-line{color:#d5c5a8;font-size:12px}.result-line.is-win{color:#ffe39a;text-shadow:0 0 10px #d9ac4d5c}.paytable-row{border-color:#ac864c50}.paytable-row strong{color:#ffe1a2}.small-seven{color:#e8c889}.info-panel .text-button{color:#e6c486}
.roulette-wheel{border:6px solid #bc8f45;box-shadow:0 0 0 2px #f4d293,0 0 0 8px #48331f,0 0 0 10px #d5b16c77,0 0 28px #d6a04d4d,0 20px 35px #000;filter:saturate(1.15)}.wheel-area{margin-top:13px;margin-bottom:13px}.wheel-center{background:radial-gradient(ellipse at 35% 10%,#755b32,#24190e 65%,#0d0b07);border-color:#e3bd74;box-shadow:0 0 0 4px #332614,0 0 0 5px #f7d99888,inset 0 1px #fff6cb}.wheel-center small{color:#d6bd8c}.wheel-center strong{color:#ffedc2;text-shadow:0 0 14px #d6aa4866}.wheel-pointer{border-top-color:#fff1bc}
.betting-area button{border-color:#96764377;border-radius:7px;background:linear-gradient(145deg,#40372877,#0f0f0de3);color:#e2d3b6}.betting-area button small{color:#ba9e71}.betting-area button.red-bet,.number-grid .number-red{background:linear-gradient(140deg,#8b3c3bcc,#291211);border-color:#d69b6c55;color:#ffe3c2}.number-grid .zero{background:linear-gradient(135deg,#375c38,#122419);border-color:#c5b46d88}.betting-area button.selected{border-color:#ffe5a5!important;box-shadow:inset 0 0 0 1px #ecc877,0 0 10px #e3b4564f;color:#fff2c9}.roulette-results{border-color:#b18b4750}.roulette-results>span{color:#e8c78e}
.felt{border:1px solid #c1a16c91;background:radial-gradient(ellipse at 50% 35%,#5b4b302e,#100f0bdb 75%),linear-gradient(130deg,#171710,#2c2718);box-shadow:inset 0 0 0 5px #100d0866,inset 0 0 0 6px #edce8e24,inset 0 0 55px #000a,0 0 0 3px #a27b3c0a}.hand-label{color:#d0b77e}.hand-label span{color:#ffe2a2;border-color:#bc965e7d}.felt-title>span,.felt-title small{color:#b89b609c}.felt-title strong{color:#e8ca8a;text-shadow:0 1px #725125;letter-spacing:4px}.playing-card{border-color:#e7ddbe;background:linear-gradient(135deg,#fff9e8,#e2dac8 65%,#f8efd7);box-shadow:0 6px 15px #0009,inset 0 0 0 3px #fff8e544}.playing-card.back{background:repeating-linear-gradient(45deg,#33281a,#33281a 2px,#493821 2px,#493821 4px);border-color:#e1c58f;color:#ffe7af}.playing-card.back:after{border-color:#d7b46b9c}.playing-card.empty{border-color:#b7924d66;background:#00000014;box-shadow:none}
.shop-notice{background:linear-gradient(130deg,#bc8a3626,#100c07d9);border-color:#cda15a80;border-radius:17px;box-shadow:inset 0 1px #f5e5bd22}.shop-notice p{color:#d3c1a1}.pack{padding:28px 22px;border-radius:23px}.pack-symbol{font-size:0!important;width:63px;height:63px;border:2px solid #ffe4a5;border-radius:50%;margin:1px auto 26px;background:radial-gradient(circle at 30% 15%,#fff4c6,#e5b55e 44%,#b27a31 73%,#f5d58c);box-shadow:inset 0 0 0 3px #dca94c,inset 0 0 0 4px #ffebb4,0 5px #8e6229,0 7px #ffe0a0,0 10px #5d3d1c,0 12px #ba8b43,0 15px #ffe5ac77,0 22px 24px #0009;position:relative}.pack-symbol:after{content:'C';display:grid;place-items:center;position:absolute;inset:0;font:35px var(--serif);color:#946a31;text-shadow:0 1px #fff0b7}.pack:nth-child(3) .pack-symbol,.pack:nth-child(5) .pack-symbol,.pack:nth-child(6) .pack-symbol{filter:saturate(.35)}.pack h3{color:#f3d5a1;font-size:27px}.pack .pack-coins{color:#ffe8b6}.pack .pack-price{font-size:29px;color:#f8d38f;text-shadow:0 0 13px #d6a24a29}.pack .coins-caption{color:#c0a77f}.pack:last-child{border-color:#e6c381;background:radial-gradient(ellipse at 40% -20%,#b383373b,#12100bf2 65%);padding:27px}.pack button{opacity:.6;color:#ead6ae;border-color:#a6865388;background:#3c2d1733;text-shadow:none}
.avatar.large{width:76px;height:76px;border:2px solid #e1ba73;background:radial-gradient(circle at 30% 15%,#78613e,#17130c 70%);box-shadow:0 0 20px #dbaf4e33,inset 0 0 0 4px #0e0b08;color:#ffe4aa}.profile-card input{background:#100c09b8;border-color:#bd955967;color:#fff0c9;border-radius:9px;box-shadow:inset 0 2px 8px #0005}.profile-card label{color:#d7b982}.stat-tile strong{color:#f8dba6;text-shadow:0 0 18px #d4a14822}.stat-tile small{color:#d1ae74}.stat-tile span{color:#bba98a}.history-panel th{color:#dfbc83;border-color:#be965450}.history-panel td{color:#cbbd9f;border-color:#a47e3f2d}.history-panel td:first-child{color:#edddbd}.pause-panel h3{color:#f0d6a4}.pause-panel p{color:#bfae8e}
.footer{margin:25px auto 0;padding:24px 0 16px;border-color:#b48c4b40;max-width:1320px}.footer>div{color:#b9a077}.footer p{color:#ad9b7b;font-size:9px}.footer p>span{color:#908066}.footer-w{color:#f0cb8a}.footer .text-button{color:#d3b784}.toast{left:50%;bottom:115px;border-radius:17px;color:#ffe7b7;border-color:#d5ae63c2;background:linear-gradient(135deg,#594728f0,#15100df8);box-shadow:inset 0 1px #f5dfb455,0 8px 35px #000c,0 0 19px #cda24433;backdrop-filter:blur(20px)}
dialog{border-radius:24px;border-color:#cba15fbb;background:linear-gradient(135deg,#60503a55,#11100cf8 35%,#18120cf9);box-shadow:inset 0 1px #f4e0b755,0 0 35px #d7a55533,0 20px 80px #000e;backdrop-filter:blur(24px)}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}dialog h2{color:#fff0ce}dialog h3{color:#ecc98f}dialog p{color:#c7b99e}.math-equation{background:#ab864121;border-color:#a47d4677;border-radius:11px;color:#f0d6a4!important}.icon-button{border-color:#bd985e88;color:#f3d59a;background:#a17a3b13}
.loading{min-height:50dvh}.loading .brand-mark{border-color:#e3bf77;color:#f8e3b9;box-shadow:0 0 25px #d7a84a33}.skip-link{left:20px}
@media(min-width:1600px){.royal-header{height:226px;padding-top:36px}.royal-logo strong{font-size:43px}.royal-w{font-size:91px}.card-info h3{font-size:29px}.card-info{min-height:122px}.royal-intro h1{font-size:30px}}
@media(max-width:1240px){.royal-header{height:188px;padding:24px 30px 0;grid-template-columns:1fr 280px 1fr}.royal-logo strong{font-size:34px;letter-spacing:4px}.royal-w{font-size:74px}.royal-logo:before{width:128px;height:128px;top:-18px}.royal-casino{font-size:11px;letter-spacing:9px}.royal-logo small{font-size:10px}.top-actions{gap:9px}.wallet-mini{font-size:18px;min-height:44px;gap:8px;padding-right:9px}.wallet-mini .coin-icon{width:45px;height:45px;font-size:22px}.wallet-add{height:35px;font-size:27px;padding:0 10px}.header-icon{width:40px;height:40px}.header-icon svg{width:23px;height:23px}.player-summary .avatar{height:57px;width:57px;font-size:25px}.player-copy strong{font-size:16px;max-width:116px}.player-copy i{width:116px}.player-copy small{font-size:10px}.top-heading{right:30px;top:105px}.game-cards{gap:14px}.card-info h3{font-size:22px}.card-info{min-height:107px}.card-info p{font-size:9px}.royal-shortcuts,.lobby-bottom{width:94%}.reel{height:178px}main{padding-left:30px;padding-right:30px}}
@media(max-width:1000px){.royal-header{grid-template-columns:1fr 240px 1fr;height:185px;padding-left:25px;padding-right:25px}.top-actions .header-icon{display:none}.royal-logo strong{font-size:31px}.royal-logo small{font-size:9px}.player-summary{gap:9px}.player-copy strong{font-size:14px;max-width:100px}.player-copy i{width:96px}.player-summary .avatar{width:49px;height:49px;font-size:22px}.wallet-mini{font-size:17px;gap:8px;padding-right:8px;min-height:42px}.wallet-mini .coin-icon{width:42px;height:42px;font-size:21px}.wallet-add{font-size:25px;padding:0 9px}.top-heading{right:26px;top:105px;letter-spacing:.4px;font-size:7px}
main{padding:0 25px 110px}.game-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.game-art{aspect-ratio:340/210}.card-info{min-height:105px}.card-info h3{font-size:29px}.card-info p{font-size:11px}.royal-intro{margin-bottom:19px}.royal-intro h1{font-size:28px}.royal-shortcuts{width:100%;margin-top:23px;border-radius:22px;padding:13px 10px}.royal-shortcuts span{font-size:8px}.lobby-bottom{width:100%}.navigation{width:calc(100% - 64px);height:76px;bottom:17px}.navigation>a{font-size:11px}.navigation svg{width:27px;height:27px}.play-layout{grid-template-columns:1fr}.page-heading h1{font-size:40px}.info-panel{padding:25px}.reel{height:190px}.profile-grid{grid-template-columns:1fr}.profile-card{border-radius:23px}.avatar.large{width:66px;height:66px;margin:0}.footer{display:flex}.game-controls{flex-direction:row}.roulette-stage{grid-template-columns:260px minmax(0,1fr);gap:25px}.wheel-area{width:238px;height:238px}.wheel-center{inset:66px}.betting-area .eyebrow{font-size:7px;letter-spacing:1px}.outside-bets button{font-size:9px}.dozen-bets button{font-size:8px}.number-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.number-grid .zero{grid-row:auto;grid-column:1/-1;min-height:28px}.number-grid button{min-height:29px}.roulette-results{margin-top:20px}}
@media(max-width:700px){body{background-size:auto 1100px;background-position:center top}.royal-header{position:relative;height:auto;min-height:243px;padding:18px 18px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:11px 8px;align-items:start}.player-summary{margin-top:0;gap:8px;grid-column:1;grid-row:1;align-self:center}.player-summary .avatar{height:41px;width:41px;font-size:20px;border-width:1px}.player-copy{max-width:94px}.player-copy strong{font-size:13px;max-width:94px}.player-copy small{font-size:8px;margin-top:2px}.player-copy i{width:78px;height:4px;margin-top:5px}.royal-logo{grid-row:2;grid-column:1/-1;margin:11px 0 0;line-height:1}.royal-w{font-size:66px}.royal-logo strong{font-size:31px;letter-spacing:4px;margin-top:1px}.royal-logo:before{width:112px;height:112px;top:-12px}.royal-casino{font-size:10px;letter-spacing:9px;line-height:1.8}.royal-casino:before,.royal-casino:after{width:47px}.royal-logo small{font-size:10px;margin-top:7px}.top-actions{position:static;right:auto;top:auto;grid-row:1;grid-column:2;margin-top:0;align-self:center;gap:0;height:auto;max-width:100%}.wallet-shell{border-radius:12px}.wallet-mini{font-size:16px;gap:7px;min-height:36px;letter-spacing:0;padding-right:8px}.wallet-mini .coin-icon{height:37px;width:37px;font-size:20px;margin-left:-3px;border-width:1px;box-shadow:inset 0 0 0 3px #e1b86b,inset 0 0 0 4px #ffebaf,0 0 12px #f1b74433}.wallet-add{font-size:25px;padding:0 8px;height:28px}.top-heading{display:none}
main{padding:0 16px 110px;min-height:60dvh}.demo-notice{font-size:8px;line-height:1.65;justify-content:flex-start;gap:7px;margin-bottom:13px}.demo-notice p{flex:1}.age-label{font-size:7px;padding:0 4px;margin-left:3px;flex-shrink:0}.royal-intro{margin:4px 0 16px}.royal-intro>span{font-size:6px;letter-spacing:2.7px}.royal-intro h1{font-size:21px;line-height:1.4;margin-top:5px;letter-spacing:0}.game-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.game-card{display:block;min-height:0;border-radius:20px;box-shadow:inset 0 1px 1px #fff7dc,0 0 0 2px #e9dbc30a,0 5px 15px #000b,0 0 15px #d39c3822}.game-card:before{box-shadow:inset 0 0 0 3px #e0d7c00a,inset 1px 0 #fff5e044,inset -1px 0 #fff4dc33,inset 0 -2px 2px #e9c18180}.game-card:after{border-radius:15px;inset:3px}.game-art{height:auto;min-height:0;aspect-ratio:340/220;border:0;border-radius:19px 19px 0 0}.card-info{min-height:85px;padding:4px 5px 15px;display:block;z-index:2}.card-info h3{font-size:18px;margin:5px 0 7px;letter-spacing:0;line-height:1.2}.card-info p{font-size:8px;line-height:1.7}.card-info i{margin:0 2px}.card-info small{display:none}.soon-badge{font-size:5px;right:9px;top:-9px;padding:2px 4px;letter-spacing:.6px}
.royal-shortcuts{grid-template-columns:repeat(5,minmax(0,1fr));padding:10px 5px;margin-top:20px;border-radius:19px}.royal-shortcuts>a,.royal-shortcuts>button{gap:8px;min-height:76px;padding:5px 3px}.royal-shortcuts svg{width:28px;height:28px}.royal-shortcuts span{font-size:6px;letter-spacing:0;line-height:1.6;max-width:60px}.lobby-bottom{margin-top:16px}.gift-box{padding:15px 17px;gap:12px;border-radius:17px}.gift-box h3{font-size:18px}.gift-box p{font-size:10px}.gift-box .secondary-button{margin:6px 0 0;width:100%;min-width:0;min-height:42px}.gift-symbol{font-size:35px}
.navigation{left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:calc(100% - 25px);height:70px;padding:5px 8px;border-radius:38px;overflow:visible;margin:0}.navigation>a{min-height:0;padding:4px 3px;flex-direction:column;gap:4px;font-size:9px;white-space:normal;border:0;border-radius:32px}.navigation>a.active{border:0;background:linear-gradient(135deg,#d1a96c42,#fff1cb0f 48%,transparent)}.navigation>a+ a:before{top:20%;bottom:20%}.navigation svg{height:25px;width:25px}.navigation>a[data-view=profile] span:nth-child(2),.navigation>a[data-view=shop] span:nth-child(2){font-size:9px}.navigation>a[data-view=profile] span:nth-child(2):after,.navigation>a[data-view=shop] span:nth-child(2):after{content:none}
.table-switcher{margin:4px auto 20px;padding:5px;gap:4px;border-radius:15px}.table-switcher a{font-size:9px;line-height:1.5;padding:10px 6px;border-radius:10px}.page-heading{margin:14px 0 22px;gap:13px}.page-heading h1{font-size:35px;line-height:1.2;margin:10px 0}.page-heading .eyebrow{font-size:7px;letter-spacing:1.8px}.page-heading p{font-size:11px}.outline-badge{font-size:7px;padding:6px 9px;border-radius:7px}
.game-panel,.info-panel,.stat-tile,.history-panel,.pause-panel,.pack{border-radius:20px}.slot-machine{padding:0 13px}.machine-top{padding:23px 0 20px;letter-spacing:2px;font-size:10px}.machine-top small{font-size:6px}.reels-wrap{margin:23px 0 13px}.reels{gap:5px}.reel{height:135px;border-radius:11px}.reel svg{max-height:83px;width:94%}.game-controls{flex-direction:column;gap:17px;padding:20px 0}.bet-control small{font-size:7px;color:#dcc08c}.bet-control strong{font-size:16px;min-width:97px}.step-button{height:43px;min-width:39px;border-radius:9px}.game-controls>.play-button{min-height:48px;min-width:0;width:100%;border-radius:12px;font-size:11px}.result-line{font-size:11px;min-height:63px}.machine-foot{font-size:6px;letter-spacing:.4px}.info-panel{padding:22px}.info-panel h2{font-size:26px}.info-panel p{font-size:11px}.info-panel .fine-print{font-size:10px!important}.paytable-row{padding:15px 0}
.roulette-panel{padding:23px 15px 0}.roulette-stage{grid-template-columns:1fr;gap:30px}.wheel-area{width:240px;height:240px;margin:16px auto}.wheel-center{inset:68px}.outside-bets{gap:6px}.outside-bets button{font-size:10px;min-height:46px}.dozen-bets button{min-height:43px;font-size:8px}.number-grid .zero{min-height:38px}.number-grid button{min-height:40px;font-size:11px}.roulette-results{flex-direction:column;align-items:flex-start;margin-top:22px}.betting-area .eyebrow{font-size:7px;letter-spacing:1.5px}
.blackjack-panel{padding:13px 12px 17px}.felt{min-height:382px;padding:22px 6px;border-radius:65px 65px 45px 45px}.hand-label{font-size:7px}.cards-row{gap:5px}.playing-card{width:52px;height:80px}.playing-card .suit{font-size:33px}.felt-title strong{font-size:22px}.felt-title small{font-size:5px}.blackjack-controls{flex-direction:column}.blackjack-controls>#blackjack-actions{width:100%;margin:0}.blackjack-controls>#blackjack-actions button{min-width:0;flex:1;min-height:47px;border-radius:10px;font-size:10px;padding:10px 8px}
.shop-notice{padding:16px;border-radius:17px}.shop-notice p{font-size:10px}.packs{grid-template-columns:1fr 1fr;gap:13px}.pack{padding:24px 10px}.pack-symbol{height:50px;width:50px;margin-bottom:24px}.pack-symbol:after{font-size:27px}.pack h3{font-size:22px}.pack .pack-coins{font-size:10px}.pack .coins-caption{font-size:6px;letter-spacing:1.5px}.pack .pack-price{font-size:24px;margin:19px 0 15px}.pack button{font-size:8px;line-height:1.5;min-height:40px;padding:9px}.pack:last-child{padding:23px 18px;grid-template-columns:1fr 1fr}.pack:last-child .pack-price{font-size:26px}
.profile-card{grid-template-columns:51px minmax(0,1fr);gap:17px;padding:21px 17px}.profile-card .avatar.large{width:51px;height:51px;font-size:23px;margin:0}.profile-card form{display:flex}.profile-card label{font-size:10px}.profile-card input{padding:10px;width:100%;font-size:12px}.profile-card .secondary-button{min-height:42px;font-size:10px}.stat-tile{padding:20px 14px;min-height:125px}.stat-tile strong{font-size:24px}.stat-tile small{font-size:6px;letter-spacing:.5px}.stat-tile span{font-size:8px;line-height:1.7}.history-panel{padding:0 15px 18px}.history-panel .section-heading h2{font-size:22px}.history-panel .section-heading>span{font-size:6px;letter-spacing:.7px}.pause-panel{padding:20px}.pause-panel h3{font-size:21px}
.footer{display:grid;grid-template-columns:1fr auto;gap:15px 8px;margin-top:25px;padding-bottom:8px}.footer p{grid-column:1/-1;grid-row:2;font-size:8px;text-align:left}.footer p>span{font-size:7px}.footer>div{font-size:7px;letter-spacing:1px}.footer .text-button{font-size:8px;line-height:1.6}.toast{left:50%;bottom:100px;max-width:calc(100vw - 28px);font-size:11px;border-radius:15px}
dialog{padding:20px;border-radius:21px;max-height:82dvh}dialog h2{font-size:29px}dialog p{font-size:11px}.math-equation{font-size:10px!important}}
@media(max-width:360px){.royal-header{padding:15px 13px 13px;min-height:231px;gap:9px 5px}.player-summary{gap:7px}.player-summary .avatar{width:35px;height:35px;font-size:17px}.player-copy{max-width:78px}.player-copy strong{font-size:12px;max-width:78px}.player-copy small{font-size:7px}.player-copy i{width:65px}.wallet-mini{font-size:14px;gap:5px;padding-right:6px;min-height:34px}.wallet-mini .coin-icon{height:35px;width:35px;font-size:18px}.wallet-add{font-size:23px;padding:0 7px;height:26px}.royal-logo strong{font-size:29px}.royal-w{font-size:62px}.royal-logo small{font-size:9px}.royal-logo:before{width:105px;height:105px}main{padding-left:12px;padding-right:12px}.royal-intro h1{font-size:19px}.game-cards{gap:10px}.card-info{min-height:80px;padding-bottom:13px}.card-info h3{font-size:15px}.card-info p{font-size:7px}.game-card{border-radius:17px}.game-art{border-radius:16px 16px 0 0}.royal-shortcuts span{font-size:5.5px}.royal-shortcuts svg{width:26px;height:26px}.navigation>a{font-size:8px}.navigation>a[data-view=profile] span:nth-child(2),.navigation>a[data-view=shop] span:nth-child(2){font-size:8px}.bet-control strong{min-width:84px;font-size:15px}.reel{height:119px}.wheel-area{width:223px;height:223px}.wheel-center{inset:62px}.pack h3{font-size:19px}.pack .pack-coins{font-size:9px}.pack:last-child{padding:21px 14px}.stat-tile strong{font-size:21px}.page-heading h1{font-size:31px}}

.live-art:after{background:linear-gradient(transparent 45%,#100e0b 79%,#100e0b)}