/* A reversible second art direction. Crystal Room's theme.css stays intact. */
.design-toolbar{position:sticky;top:82px;z-index:4;max-width:1320px;margin:0 auto;min-height:65px;display:flex;gap:20px;align-items:center;padding:10px 32px;background:#e6eff6e8;border-top:1px solid #ffffff70;border-bottom:1px solid #c6d7e6b0;backdrop-filter:blur(14px)}
.design-caption{font-size:8px;letter-spacing:1.5px;color:#637c94;white-space:nowrap}.design-switch{display:flex;gap:4px;padding:4px;border:1px solid #c3d4e4;border-radius:27px;background:#d5e2eea6}.design-switch button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:22px;min-height:36px;padding:8px 17px;background:none;color:#657c95;font-size:11px;font-weight:550;white-space:nowrap}.design-switch button[aria-pressed="true"]{background:#f7fbff;border-color:#fff;color:#2e4b68;box-shadow:0 3px 10px #49668113}.design-switch button:hover:not(:disabled){background:#f7fbffb3;color:#2e4b68}.design-switch button:disabled{opacity:.5;cursor:default}.design-swatch{display:block;flex-shrink:0;width:10px;height:10px;border-radius:50%;border:1px solid #7f9bb1}.swatch-crystal{background:linear-gradient(135deg,#fff,#a9c6e6)}.swatch-vault{background:linear-gradient(135deg,#181d23 50%,#b38c49 50%);border-color:#8f734d}.design-switch-note{margin-left:auto;color:#6c8197;font-size:10px}
html[data-design="vault"]{color-scheme:dark;--paper:#111417;--ink:#eee8dc;--muted:#a9a395;--green:#d0a565;--line:#48433a;--navy:#1d2227;--accent:#c49b5e;--positive:#82bd9f;--panel:#1d2226}
html[data-design="vault"] body.crystal-depth{background:#0e1114;color:var(--ink)}
html[data-design="vault"] .world-scene{background:#101215}html[data-design="vault"] .world-landscape{object-position:62% 54%}html[data-design="vault"] .world-atmosphere{background:linear-gradient(90deg,#080b1059,transparent 70%),linear-gradient(180deg,#0d10151a,transparent 50%,#0e121b33)}html[data-design="vault"] .world-near{display:none}html[data-design="vault"] .world-reflection{border-color:#d3a15f16;background:linear-gradient(180deg,transparent,#12171e33)}
html[data-design="vault"] .sidebar{background:#12171bdd;border-color:#93734740;box-shadow:0 3px 25px #0003}html[data-design="vault"] .brand{color:#eee9df;letter-spacing:-1.3px}html[data-design="vault"] .brand-mark{color:#bda073}html[data-design="vault"] .brand small{color:#b89a6e;letter-spacing:2.6px}html[data-design="vault"] .nav-item{color:#bdb9af;border-radius:7px}html[data-design="vault"] .nav-item>span:first-child{color:#a18a69}html[data-design="vault"] .nav-item.active{background:#a5844f20;color:#ebc58e}html[data-design="vault"] .nav-item:hover{background:#a5844f26;color:#f1dcc0}
html[data-design="vault"] .topbar{background:none}html[data-design="vault"] .breadcrumb,html[data-design="vault"] .breadcrumb strong{color:#c2b9a6}html[data-design="vault"] .breadcrumb span{color:#716c62}html[data-design="vault"] .balance-pill,html[data-design="vault"] .account-button{background:#1b2026eb;border-color:#7d6a4b77;border-radius:8px;box-shadow:inset 0 1px 0 #c9ac7812,0 5px 20px #0002;color:#e6ddcd}html[data-design="vault"] .balance-pill small{color:#ae9c7e}html[data-design="vault"] .balance-pill strong{color:#f0dfc1}html[data-design="vault"] .balance-unit{color:#b7a98f}html[data-design="vault"] .coin{background:#b89a6220;color:#dab176;border-radius:7px}html[data-design="vault"] .account-avatar,html[data-design="vault"] .profile-avatar{background:#8b6d3f38;color:#deb67d;border-radius:7px}
html[data-design="vault"] .auth-button,html[data-design="vault"] .dialog-primary{background:linear-gradient(150deg,#d3b27a,#b28a4b);border-color:#c9a56a;color:#1b2026;border-radius:7px;box-shadow:inset 0 1px 0 #fff4;font-weight:650}html[data-design="vault"] .auth-button:hover:not(:disabled),html[data-design="vault"] .dialog-primary:hover:not(:disabled){background:linear-gradient(150deg,#e1c38f,#c59c5b);border-color:#dcb67a}html[data-design="vault"] .auth-button.secondary,html[data-design="vault"] .dialog-secondary{background:#1a2027eb;color:#ded2bc;border:1px solid #89704b7a;box-shadow:none;border-radius:7px}html[data-design="vault"] .auth-button.secondary:hover:not(:disabled),html[data-design="vault"] .dialog-secondary:hover:not(:disabled){background:#2f3030;color:#f0dcc0}
html[data-design="vault"] .design-toolbar{background:#161c22eb;border-top-color:#9b7d4b33;border-bottom-color:#9b7d4b55}html[data-design="vault"] .design-caption{color:#b6a17d}html[data-design="vault"] .design-switch{background:#0d1319;border-color:#7460477a;border-radius:8px}html[data-design="vault"] .design-switch button{border-radius:5px;color:#b0aaa0}html[data-design="vault"] .design-switch button[aria-pressed="true"]{background:linear-gradient(135deg,#5f4f35,#3d382e);color:#f1d09b;border-color:#b8975d80;box-shadow:inset 0 1px 0 #e7cb9326}html[data-design="vault"] .design-switch button:hover:not(:disabled){background:#6552314a;color:#ead1aa}html[data-design="vault"] .design-switch-note{color:#9e9a91}
html[data-design="vault"] .crystal-hero{min-height:340px;padding-top:32px;padding-bottom:43px}html[data-design="vault"] .crystal-hero h1{font-size:clamp(55px,6.8vw,88px);font-weight:650;letter-spacing:-3.4px;text-transform:uppercase;color:#f1e8d7;text-shadow:0 5px 35px #0008;line-height:1.02}html[data-design="vault"] .crystal-hero h1 span{color:#b6945d}html[data-design="vault"] .crystal-hero .eyebrow{color:#c3a476;font-size:9px;letter-spacing:3px}html[data-design="vault"] .hero-live-dot{background:#ce9c57;box-shadow:0 0 10px #c9944d66}html[data-design="vault"] .crystal-hero .intro-copy{color:#c2b7a6;font-size:14px}html[data-design="vault"] .hero-play{color:#dfc397;border-color:#a78b5f;font-size:12px}html[data-design="vault"] .hero-play:hover{color:#f7e6c8;border-color:#e7c896}html[data-design="vault"] .hero-edition{color:#d1b581;text-shadow:0 1px 10px #000;letter-spacing:2px}html[data-design="vault"] .hero-edition span{color:#b9a68a}
html[data-design="vault"] .lobby-nav{background:linear-gradient(90deg,#20262de8,#161c23c9);border-color:#88704e77;border-radius:9px 9px 0 0}html[data-design="vault"] .lobby-tab{color:#a99f8e;font-size:12px;letter-spacing:.2px}html[data-design="vault"] .lobby-tab.selected{color:#e7c58d;border-color:#c49c5d}html[data-design="vault"] .live-label{color:#caac7d;background:#a8864921;border-color:#a788536b}html[data-design="vault"] .lobby-caption{color:#b7a78c}html[data-design="vault"] .lobby-caption>span{color:#8e806c}html[data-design="vault"] .account-status-bar,html[data-design="vault"] .account-status-bar.authenticated{background:#1b2229e6;border-radius:0 0 9px 9px;border-color:#736044}html[data-design="vault"] .account-status-bar strong{color:#c9c6bd}html[data-design="vault"] .account-status-bar p{color:#a4a298}html[data-design="vault"] .status-indicator{background:#83ae92}html[data-design="vault"] .account-status-bar.connection-lost{background:#342b20;border-color:#82643c}html[data-design="vault"] .connection-lost strong{color:#e8c288}html[data-design="vault"] .connection-lost p{color:#c6ae87}html[data-design="vault"] .connection-retry{background:#57422a;border-color:#a48651;color:#f0d4a3}html[data-design="vault"] .account-status-bar a{color:#d6bb8c}
html[data-design="vault"] .game-panel{background:radial-gradient(circle at 12px 12px,#ba9b633b 0 1px,transparent 2px),radial-gradient(circle at calc(100% - 12px) 12px,#ba9b633b 0 1px,transparent 2px),linear-gradient(145deg,#242a30f5,#161e25f0);border-color:#9b805369;border-radius:12px;padding:25px;box-shadow:inset 0 1px 0 #d0b37820,0 26px 65px #0008,0 4px 10px #0005}html[data-design="vault"] .game-heading h2{font-size:26px;letter-spacing:1px;font-weight:600;text-transform:uppercase;color:#e6dccb}html[data-design="vault"] .game-tag{color:#b4a486;letter-spacing:2px}html[data-design="vault"] .game-live{background:#2b44363d;color:#b5c6ac;border:1px solid #7a95755c}html[data-design="vault"] .title-star{color:#b99a62}html[data-design="vault"] .icon-button{background:#262d34;border-color:#796d545e;color:#c4b394;border-radius:7px}
html[data-design="vault"] .machine{background:linear-gradient(135deg,#58534a,#232c33 24%,#3f464b 65%,#1a222a);border:1px solid #a18b6380;border-radius:9px;box-shadow:inset 0 2px 1px #d3b78538,inset 0 -3px 0 #0b0f13,0 12px 27px #0005;padding:19px 20px 16px}html[data-design="vault"] .machine::before{background:repeating-linear-gradient(0deg,#fff02 0 1px,transparent 1px 3px);opacity:.5}html[data-design="vault"] .machine-top{color:#c0b599;font-size:9px;letter-spacing:1.3px}html[data-design="vault"] .machine-top strong{color:#e0bf80}html[data-design="vault"] .machine-bottom{color:#b9a989;font-size:8px}html[data-design="vault"] .machine-light{background:#c19c62;box-shadow:0 0 7px #b6904466}
html[data-design="vault"] .reels{gap:12px}html[data-design="vault"] .reels::after{background:linear-gradient(90deg,#bd9a635c,transparent 10%,transparent 90%,#bd9a635c)}html[data-design="vault"] .reel{height:230px;background:radial-gradient(ellipse at 50% 35%,#82705529,transparent 75%),linear-gradient(180deg,#0e151c,#222b32 48%,#131b22);border:1px solid #9e875c70;border-radius:5px;box-shadow:inset 0 7px 14px #0008,inset 0 -3px 3px #94795724,0 1px 0 #cfb68429;backdrop-filter:none}html[data-design="vault"] .reel::before{background:radial-gradient(ellipse,#0008,transparent 70%);bottom:8px}html[data-design="vault"] .reel-symbol{width:min(100%,202px);filter:none;transform:none;will-change:auto}html[data-design="vault"] .reel.is-spinning::after{background:linear-gradient(180deg,transparent,#e0b16116,transparent)}html[data-design="vault"] .reels.is-win .reel{background:#35382d;box-shadow:inset 0 0 0 2px #d9b574,0 0 24px #b7974d3d;animation:vault-win .9s ease-out 2}
html[data-design="vault"] .crystal-symbol{background-image:url('assets/vault-symbols.png')}html[data-design="vault"] .image-symbol{background-image:none}
html[data-design="vault"] [data-symbol="key"]{background-position:0 0}html[data-design="vault"] [data-symbol="gem"]{background-position:50% 0}html[data-design="vault"] [data-symbol="mask"]{background-position:100% 0}html[data-design="vault"] [data-symbol="seal"]{background-position:0 100%}html[data-design="vault"] [data-symbol="safe"]{background-position:50% 100%}
.image-symbol[data-symbol="key"]>img{left:0;top:0}.image-symbol[data-symbol="gem"]>img{left:-100%;top:0}.image-symbol[data-symbol="mask"]>img{left:-200%;top:0}.image-symbol[data-symbol="seal"]>img{left:0;top:-100%}.image-symbol[data-symbol="safe"]>img{left:-100%;top:-100%}
html[data-design="vault"] .result-message{color:#bbb5a6}html[data-design="vault"] .result-message.win{color:#a3d0ad}html[data-design="vault"] .result-message.error{color:#e7ae95}html[data-design="vault"] .stake-control label{color:#b3a286}html[data-design="vault"] .stake-input{background:#101820;border-color:#7b6b4e8c;border-radius:6px;box-shadow:inset 0 3px 8px #0003}html[data-design="vault"] .stake-input select{color:#eee0c6}html[data-design="vault"] .stake-input option{background:#1c252e;color:#eee0c6}html[data-design="vault"] .stake-input button{color:#bba77f}html[data-design="vault"] .spin-button{border-radius:6px;background:linear-gradient(140deg,#dfc48e,#b68e4d);border:1px solid #d0ad6e;color:#1d242a;font-size:12px;letter-spacing:2px;font-weight:750;box-shadow:inset 0 1px 0 #fff5,0 5px 20px #0004}html[data-design="vault"] .spin-button:hover:not(:disabled){background:linear-gradient(140deg,#ecd5a5,#c9a363);box-shadow:inset 0 1px 0 #fff7,0 7px 24px #c89d4b2e}html[data-design="vault"] .play-hint{color:#aaa395}html[data-design="vault"] .game-footnote{color:#b5a789}html[data-design="vault"] .game-footnote strong,html[data-design="vault"] .text-button{color:#d1b98d}html[data-design="vault"] .text-button:hover{color:#f2dcae}
html[data-design="vault"] .stats{background:#1c232adf;border-color:#8c754947;box-shadow:0 10px 28px #0004;border-radius:9px}html[data-design="vault"] .stats>div{border-color:#8c75493b}html[data-design="vault"] .stats span{color:#af9c7e}html[data-design="vault"] .stats strong{color:#e4d4b6}html[data-design="vault"] .stats strong small{color:#aaa08e}html[data-design="vault"] .history-panel{background:linear-gradient(145deg,#242b32f0,#18212af0);border-color:#8e79524d;box-shadow:inset 0 1px 0 #c1a5741f,0 17px 44px #0005;border-radius:12px}html[data-design="vault"] .section-heading h2{color:#dfd4c1;font-weight:550}html[data-design="vault"] .section-heading>span{color:#a6977e}html[data-design="vault"] .history-entry{border-color:#806d4b40}html[data-design="vault"] .history-description,html[data-design="vault"] .history-outcome small{color:#ada492}html[data-design="vault"] .history-outcome{color:#ddd0b7}html[data-design="vault"] .history-outcome.won{color:#a3caaa}html[data-design="vault"] .history-empty>span{background:#ab8d5321;border-color:#9b7b4c63;color:#c6a269}html[data-design="vault"] .history-empty p{color:#cbbda3}html[data-design="vault"] .history-empty small{color:#a49b8c}html[data-design="vault"] .legacy-entry{color:#bdb19c}
html[data-design="vault"] .club-strip{background:#1d242be0;border-color:#8e74483b;border-radius:9px}html[data-design="vault"] .club-mark{color:#b69459}html[data-design="vault"] .club-strip strong{color:#d7c7a9}html[data-design="vault"] .club-strip p{color:#ada494}html[data-design="vault"] .club-strip a{color:#d2b989}html[data-design="vault"] footer{background:#141c24d9;color:#a69d8b;border:1px solid #7e694330;border-radius:7px}
html[data-design="vault"] dialog{background:#202932fa;border-color:#9b815469;border-radius:12px;color:#e7ddcc;box-shadow:0 25px 100px #000a}html[data-design="vault"] dialog::backdrop{background:#05090dd4}html[data-design="vault"] .dialog-heading h2{color:#e6d7ba;font-weight:550}html[data-design="vault"] .close-button{background:#30373c;border-color:#86704766;color:#bda780;border-radius:7px}html[data-design="vault"] dialog p{color:#bbb5a8}html[data-design="vault"] .rules-example{background:#131d26;border-color:#8e77514d;color:#d6b881}html[data-design="vault"] .rules-example>span{color:#d6b881}html[data-design="vault"] .symbol-collection{background:#141e27}html[data-design="vault"] .symbol-collection>div>span:last-child{color:#c3b9a6}html[data-design="vault"] .dialog-note,html[data-design="vault"] .auth-note{background:#141e27;border-color:#8d77513b;color:#b1a997!important}html[data-design="vault"] .auth-tabs{background:#101922;border-color:#806a474f;border-radius:7px}html[data-design="vault"] .auth-tabs button{color:#a99d87;border-radius:4px}html[data-design="vault"] .auth-tabs button.selected{background:#6d583833;color:#e3c28b}html[data-design="vault"] #auth-form label,html[data-design="vault"] .security-form label,html[data-design="vault"] .security-code-label{color:#d4c29f}html[data-design="vault"] #auth-form input,html[data-design="vault"] .security-form input:not([type="checkbox"]){background:#111c25;border-color:#8b744f75;color:#e4d5b7;border-radius:6px}html[data-design="vault"] #auth-form small,html[data-design="vault"] .security-form small,html[data-design="vault"] .security-hint{color:#b2a58e}html[data-design="vault"] .password-input .password-toggle{background:#303637;color:#d2b784}html[data-design="vault"] .password-input .password-toggle[aria-pressed="true"]{background:#625034}html[data-design="vault"] .form-error{background:#4d3028;color:#edbcaa!important;border-color:#a96b4c55}html[data-design="vault"] .auth-forgot{color:#d6b47c}html[data-design="vault"] .profile-card{background:#141e27;border-color:#8b754d59}html[data-design="vault"] .profile-card small{color:#ada38e}html[data-design="vault"] .profile-balance{background:#3a342966;border-color:#9b805447;color:#dfc390}html[data-design="vault"] .profile-security{border-color:#8d77514d}html[data-design="vault"] .profile-security h3{color:#dcc9a4}html[data-design="vault"] .security-code{background:#111c25;border-color:#9b80547a;color:#e0c38d}html[data-design="vault"] .security-symbol{color:#c4a169}html[data-design="vault"] .code-saved-label{color:#c2b49b}html[data-design="vault"] .code-saved-label input{accent-color:#b9965e}
html[data-design="vault"] .owner-card,html[data-design="vault"] .owner-gate{background:#202932f2;border-color:#9b805452;border-radius:12px}html[data-design="vault"] .owner-intro h1{color:#e5d9c3}html[data-design="vault"] .owner-intro h1 span{color:#baa17a}html[data-design="vault"] .owner-metrics article,html[data-design="vault"] .owner-metrics article:last-child{background:#232d36ed;border-color:#7f6c4854;color:#ded0b6}html[data-design="vault"] .owner-metrics strong{color:#e5d0aa}html[data-design="vault"] .owner-metrics article>span,html[data-design="vault"] .owner-metrics article:last-child>span{color:#bcab8a}html[data-design="vault"] .owner-metrics small,html[data-design="vault"] .owner-metrics article:last-child small{color:#b0a592}html[data-design="vault"] .role-badge,html[data-design="vault"] .section-counter,html[data-design="vault"] .ledger-filter{background:#9c814129;color:#d4b887}html[data-design="vault"] .owner-search input,html[data-design="vault"] .settings-number{background:#101c26;border-color:#8b754f70;color:#e0caa5}html[data-design="vault"] .owner-table th{background:#141f29;color:#c0ae89;border-color:#806f4c4d}html[data-design="vault"] .owner-table td{border-color:#78694c45;color:#d2c5aa}html[data-design="vault"] .owner-table tbody tr:hover{background:#30383d}html[data-design="vault"] .owner-row-action{background:#75603b2b;color:#dfc392;border-color:#a087505e}html[data-design="vault"] .owner-row-action:hover{background:#75603b59}html[data-design="vault"] .owner-pagination button,html[data-design="vault"] .backup-list button{background:#343a3c;border-color:#8c774e63;color:#e0c79b}html[data-design="vault"] .settings-switch,html[data-design="vault"] .settings-audit,html[data-design="vault"] .settings-audit li{border-color:#84714d45}html[data-design="vault"] .settings-switch input{accent-color:#ba985e}html[data-design="vault"] .settings-feedback,html[data-design="vault"] .backup-status{background:#263b32;color:#bfd3b8;border-color:#6b937156}html[data-design="vault"] .settings-feedback.error,html[data-design="vault"] .backup-status.error,html[data-design="vault"] .owner-error{background:#4c302b;color:#edc0a7;border-color:#97664a66}html[data-design="vault"] .backup-symbol{background:#94744126;color:#c6a367}html[data-design="vault"] .backup-create{background:linear-gradient(140deg,#bda16d,#967747);color:#111d26;border-color:#c4a369;border-radius:7px}html[data-design="vault"] .backup-create:hover:not(:disabled){background:#cfb27b}html[data-design="vault"] .backup-list li{background:#131e28;border-color:#8b754a42}html[data-design="vault"] .delta-positive{color:#a0c49c}html[data-design="vault"] .delta-negative{color:#d5a18b}html[data-design="vault"] .gate-symbol{color:#c3a36c}
html[data-design="vault"] button:focus-visible,html[data-design="vault"] a:focus-visible,html[data-design="vault"] select:focus-visible,html[data-design="vault"] input:focus-visible,html[data-design="vault"] .owner-table-wrap:focus-visible{outline:2px solid #d5b579;outline-offset:3px}html[data-design="vault"] .skip-link{background:#c4a16a;color:#15212b}
@keyframes vault-win{50%{background:#42402d;box-shadow:inset 0 0 0 2px #e5c790,0 0 28px #c69b4d3b}}
@media(min-width:1600px){html[data-design="vault"] .crystal-hero{min-height:390px}html[data-design="vault"] .reel{height:248px}}
@media(max-width:1100px){.design-toolbar{padding-left:24px;padding-right:24px;gap:15px}.design-caption{font-size:7px}.design-switch-note{font-size:9px}html[data-design="vault"] .game-panel{padding:21px}html[data-design="vault"] .machine{padding:16px 13px 14px}html[data-design="vault"] .reel{height:200px}html[data-design="vault"] .reels{gap:10px}}
@media(max-width:850px){.design-caption{display:none}.design-switch-note{font-size:9px}.design-toolbar{justify-content:space-between}html[data-design="vault"] .crystal-hero{min-height:330px}html[data-design="vault"] .crystal-hero h1{font-size:65px}html[data-design="vault"] .reel{height:220px}}
@media(max-width:720px){.design-toolbar{top:0;min-height:58px;padding:8px 16px;justify-content:center;gap:0;border-top:0}.design-switch{width:100%;max-width:420px}.design-switch button{width:50%;font-size:11px;min-height:36px;padding:8px 12px}.design-switch-note{display:none}.game-panel,.history-panel{scroll-margin-top:76px}html[data-design="vault"] .sidebar{background:#141b22ed}html[data-design="vault"] .sidebar .nav-item.active{background:none;border-bottom-color:#c5a269}html[data-design="vault"] .world-landscape{object-position:64% center}html[data-design="vault"] .crystal-hero{min-height:310px;padding-top:35px;padding-bottom:35px}html[data-design="vault"] .crystal-hero h1{font-size:clamp(37px,10.2vw,60px);letter-spacing:-1.3px}html[data-design="vault"] .crystal-hero .eyebrow{font-size:8px;letter-spacing:2px}html[data-design="vault"] .crystal-hero .intro-copy{font-size:13px;color:#c3b69f}html[data-design="vault"] .lobby-tab{font-size:10px}html[data-design="vault"] .game-panel{padding:20px 15px;border-radius:10px}html[data-design="vault"] .game-heading h2{font-size:23px;letter-spacing:.5px}html[data-design="vault"] .machine{padding:15px 10px 12px}html[data-design="vault"] .machine-top{font-size:8px;letter-spacing:.5px}html[data-design="vault"] .machine-bottom{font-size:7.5px;letter-spacing:.25px}html[data-design="vault"] .reels{gap:7px}html[data-design="vault"] .reel{height:142px;border-radius:5px}html[data-design="vault"] .reel-symbol{width:100%;max-width:130px}html[data-design="vault"] .spin-button{font-size:11px;letter-spacing:1px}html[data-design="vault"] .history-panel{border-radius:10px}html[data-design="vault"] .stats{background:#1e262ee6}html[data-design="vault"] .world-atmosphere{background:linear-gradient(90deg,#0b111a70,transparent 90%),linear-gradient(180deg,#10151d30,transparent 65%)}html[data-design="vault"] .symbol-collection>div>span:last-child{font-size:8px}html[data-design="vault"] .auth-button{font-size:10px}}
@media(max-width:380px){html[data-design="vault"] .crystal-hero{min-height:290px}html[data-design="vault"] .crystal-hero h1{font-size:clamp(32px,10.2vw,39px)}html[data-design="vault"] .crystal-hero .eyebrow{font-size:7px}html[data-design="vault"] .game-panel{padding:18px 13px}html[data-design="vault"] .machine-top{font-size:7px}html[data-design="vault"] .machine-bottom{font-size:7px}html[data-design="vault"] .reel{height:128px}}
@media(prefers-reduced-motion:reduce){html[data-design="vault"] .reels.is-win .reel{animation:none}}

/* Account rooms: shared composition, materials follow the selected world. */
html[data-design] dialog{--room-bg:#f6f8fc;--room-inset:#eaf0f7;--room-line:#ccd7e6;--room-ink:#34435e;--room-muted:#657895;--room-accent:#54769f;--room-halo:#dbe8f5;background:radial-gradient(ellipse at 0 0,var(--room-halo),transparent 60%),var(--room-bg);color:var(--room-ink);width:min(480px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 40px);padding:30px;border:1px solid var(--room-line);border-radius:16px;box-shadow:0 32px 120px #18263f45;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--room-line) transparent}
html[data-design="vault"] dialog{--room-bg:#151e28;--room-inset:#101821;--room-line:#6c5b414f;--room-ink:#e9dfce;--room-muted:#b8af9f;--room-accent:#d5b780;--room-halo:#53452a66;box-shadow:0 35px 120px #000a}
html[data-design] dialog::backdrop{background:#0b121cbf;backdrop-filter:blur(8px)}
html[data-design] .dialog-brand{display:flex;align-items:center;gap:12px;color:var(--room-accent);font-size:9px;font-weight:600;letter-spacing:2px;margin:0 0 22px}
.dialog-emblem{display:grid;place-items:center;width:38px;height:42px;border:1px solid var(--room-line);border-radius:10px;background:var(--room-inset)}.dialog-emblem svg{width:22px;height:26px}
html[data-design] .dialog-heading{align-items:flex-start;gap:12px;margin-bottom:14px}html[data-design] .dialog-heading h2{color:var(--room-ink);font-size:29px;line-height:1.13;letter-spacing:-.9px;font-weight:550;margin:0;overflow-wrap:anywhere}
html[data-design] .close-button{width:34px;height:34px;min-width:34px;display:grid;place-items:center;background:var(--room-inset);border:1px solid var(--room-line);color:var(--room-muted);font-size:23px;border-radius:9px;line-height:1;flex-shrink:0}
html[data-design] dialog p{color:var(--room-muted);font-size:13px;line-height:1.75}html[data-design] dialog .dialog-lead{font-size:14px;line-height:1.75;color:var(--room-muted);margin:0 0 22px}
html[data-design] .auth-tabs{display:flex;gap:5px;background:var(--room-inset);border:1px solid var(--room-line);border-radius:10px;padding:4px;margin:22px 0 18px}
html[data-design] .auth-tabs button{width:50%;min-height:40px;border-radius:7px;font-size:13px}
.auth-benefits{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.auth-benefits span{color:var(--room-accent);background:var(--room-inset);border:1px solid var(--room-line);font-size:10px;padding:5px 8px;border-radius:5px}
html[data-design] #auth-form label,html[data-design] .security-form label{display:block;font-size:12px;font-weight:550;color:var(--room-ink);margin:19px 0 8px}
html[data-design] #auth-form input,html[data-design] .security-form input:not([type="checkbox"]){width:100%;min-width:0;background:var(--room-inset);border:1px solid var(--room-line);color:var(--room-ink);border-radius:8px;min-height:48px;font-size:16px;padding:12px 14px;box-shadow:inset 0 1px 3px #00000006}
html[data-design] #auth-form input::placeholder,html[data-design] .security-form input::placeholder{color:var(--room-muted);opacity:.7}
html[data-design] #auth-form input:focus,html[data-design] .security-form input:focus,html[data-design] .security-code:focus{outline:2px solid var(--room-accent);outline-offset:2px;border-color:var(--room-accent)}
html[data-design] #auth-form input[aria-invalid="true"],html[data-design] .security-form input[aria-invalid="true"]{border-color:#c87565}
html[data-design] #auth-form small,html[data-design] .security-form small{display:block;margin-top:7px;font-size:11px;color:var(--room-muted);line-height:1.65}
html[data-design] .password-input{min-width:0}html[data-design] .password-input input{padding-right:96px!important}html[data-design] .password-input .password-toggle{right:7px;min-height:32px;padding:5px 9px;font-size:11px;border:1px solid var(--room-line);background:var(--room-bg);color:var(--room-accent);border-radius:6px}
html[data-design] .dialog-primary,html[data-design] .dialog-secondary{min-height:48px;font-size:13px;border-radius:8px;padding:12px 17px;line-height:1.4;white-space:normal}html[data-design] .auth-submit{width:100%;margin-top:18px}
html[data-design] .auth-forgot{display:block;min-height:36px;margin:14px auto 0;font-size:12px;color:var(--room-accent)}
html[data-design] .auth-note,html[data-design] .dialog-note{border:1px solid var(--room-line);border-radius:9px;background:var(--room-inset);padding:13px 15px;font-size:11px!important;line-height:1.8!important;color:var(--room-muted)!important;margin-top:20px}
html[data-design] .form-error{padding:12px 14px;border-radius:8px;font-size:12px;border:1px solid #c9867155;line-height:1.65}
html[data-design] dialog :is(button,a,summary):focus-visible{outline:2px solid var(--room-accent);outline-offset:3px}html[data-design] dialog [aria-busy="true"]{cursor:progress}
html[data-design] .profile-card{background:var(--room-inset);border:1px solid var(--room-line);padding:16px;border-radius:11px;margin-top:22px}.profile-card>div{min-width:0}html[data-design] .profile-card strong{color:var(--room-ink);overflow-wrap:anywhere}html[data-design] .profile-avatar{background:var(--room-bg);border:1px solid var(--room-line);color:var(--room-accent)}html[data-design] .profile-balance{border:1px solid var(--room-line);background:var(--room-inset);border-radius:9px;color:var(--room-ink);margin-top:10px;padding:16px;gap:10px;flex-wrap:wrap}html[data-design] .profile-balance strong{color:var(--room-accent);font-size:24px}
.profile-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--room-line);border-bottom:1px solid var(--room-line);padding:16px 0;gap:10px;margin:20px 0}.profile-metrics span{display:block;font-size:10px;color:var(--room-muted);line-height:1.5}.profile-metrics strong{display:block;font-size:21px;font-weight:500;color:var(--room-ink);margin-top:6px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
html[data-design] .profile-security{border:none;padding-top:0}.profile-security h3{font-size:15px;font-weight:550}html[data-design] .needs-recovery .profile-security{background:var(--room-inset);border:1px solid var(--room-line);padding:16px;border-radius:10px}html[data-design] .needs-recovery .profile-security h3{margin-top:0}
.recovery-help{border-block:1px solid var(--room-line);padding:13px 0;margin-top:20px}.recovery-help summary{font-size:12px;color:var(--room-accent);cursor:pointer;line-height:1.65}.recovery-help p{font-size:12px!important;margin-bottom:0}.security-steps{display:flex;gap:14px;flex-wrap:wrap;margin:23px 0;font-size:11px;color:var(--room-muted)}.security-steps b{font-size:10px;font-weight:500;display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid var(--room-line);border-radius:50%;color:var(--room-accent);margin-right:5px}
html[data-design] .security-code{background:var(--room-inset);color:var(--room-ink);border:1px solid var(--room-line);width:100%;resize:none;font-size:17px;line-height:1.8;padding:15px;border-radius:9px}.code-saved-label{align-items:flex-start!important;font-size:12px!important;line-height:1.6}.code-saved-label input{width:19px;height:19px;flex-shrink:0}
html[data-design] #rules-dialog{width:min(560px,calc(100% - 32px))}.rules-steps{list-style:none;padding:0;display:grid;gap:17px;margin:24px 0}.rules-steps>li{display:flex;gap:14px;align-items:flex-start}.rules-steps>li>span{font-size:10px;color:var(--room-accent);border:1px solid var(--room-line);border-radius:8px;background:var(--room-inset);min-width:32px;height:32px;display:grid;place-items:center}.rules-steps strong{display:block;font-weight:550;font-size:13px;color:var(--room-ink)}html[data-design] .rules-steps p{margin:4px 0 0;font-size:12px}
html[data-design] .rules-example{background:var(--room-inset);border:1px solid var(--room-line);border-radius:10px;gap:12px}.rules-facts{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--room-line);margin:21px 0;padding:17px 0}.rules-facts>div{display:flex;flex-direction:column;gap:6px;align-items:center}.rules-facts>div+div{border-left:1px solid var(--room-line)}.rules-facts strong{font-size:27px;font-weight:500;color:var(--room-accent)}.rules-facts span{font-size:11px;color:var(--room-muted)}
.welcome-balance{background:var(--room-inset);border:1px solid var(--room-line);border-radius:12px;text-align:center;padding:24px 16px;margin:22px 0}.welcome-balance>span{display:block;font-size:9px;letter-spacing:1.8px;color:var(--room-muted)}.welcome-balance>strong{display:block;font-size:34px;letter-spacing:-1px;font-weight:500;margin-top:12px;color:var(--room-accent)}.welcome-balance p{margin:7px 0 0!important;font-size:11px!important}.welcome-security>strong{font-size:14px;font-weight:550}.welcome-security>p{font-size:12px!important;margin-bottom:0}html[data-design] #welcome-play{margin-top:10px}
@media(max-width:520px){html[data-design] dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:23px 20px;border-radius:13px}html[data-design] #rules-dialog{width:calc(100% - 24px)}html[data-design] .dialog-heading h2{font-size:26px}.dialog-brand{margin-bottom:18px!important;font-size:8px!important;letter-spacing:1.6px!important}.dialog-emblem{width:32px;height:36px}.profile-metrics{gap:7px}.profile-metrics strong{font-size:19px}html[data-design] .rules-example{padding:12px 9px}.rules-symbols .crystal-symbol{width:44px!important}html[data-design] .rules-example>span{font-size:10px}.security-steps{gap:9px}.security-steps span{font-size:10px}html[data-design] .security-code{font-size:16px}.welcome-balance>strong{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}