*{box-sizing:border-box}body{margin:0;background:#101010;color:#f2f2f2;font:14px system-ui,sans-serif}header{display:flex;align-items:center;gap:16px;padding:8px 5%;border-bottom:1px solid #65502a}header img{width:110px;height:70px;object-fit:contain}header small{display:block;color:#bcb4a8;margin-top:4px}header button{margin-left:auto}main{max-width:1100px;margin:0 auto;padding:16px}h1{font-size:23px}h2{font-size:18px}.sandbox{font-size:11px;color:#ffcf67}.panel{background:#1b1813;border:1px solid #514128;border-radius:12px;padding:18px;margin:14px 0}label{display:grid;gap:6px;margin:10px 0;color:#d9cfbf}input,select,textarea{min-height:44px;padding:10px;background:#242018;border:1px solid #73603b;border-radius:8px;color:#fff;font:inherit;width:100%}button{min-height:44px;padding:10px 16px;background:#bf1925;border:1px solid #ffd34e;border-radius:8px;color:#fff;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:default}.actions,.section-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metrics article{background:#211c14;border:1px solid #514128;border-radius:10px;padding:16px}.metrics strong{display:block;margin-top:8px;color:#ffd34e;font-size:23px}p{line-height:1.6;color:#cfc6b6}#status:not(:empty){padding:12px;background:#332b1a;border-radius:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th,td{padding:10px;border-bottom:1px solid #514128}#activation{border-top:1px solid #735626;margin-top:18px}#grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:370px;margin:14px 0}#grid button{aspect-ratio:1;font-size:16px;background:linear-gradient(135deg,#a17629,#eac661);color:#20170a}#grid button:disabled{opacity:1;background:#262016;color:#ffe29a}[hidden]{display:none!important}:focus-visible{outline:2px solid #ffd34e;outline-offset:3px}@media(max-width:600px){main{padding:12px}.metrics{gap:6px}.metrics article{padding:10px}.metrics strong{font-size:17px}header b{font-size:11px}.panel{padding:12px}.section-head>label{width:100%}}
#management input[type=search]{max-width:300px}#wallet-balance{color:#ffd34e;font-size:20px}#management form{display:grid;gap:8px}#accounts-list td{overflow-wrap:anywhere}#account-security summary{cursor:pointer;min-height:44px}#account-security form{margin-bottom:14px}

/* RaspaTiger Online — shared identity, 2026-10-22. */
:root{--bg:#100719;--panel:#21102f;--card:#21102f;--text:#fff7ff;--muted:#d3badc;--border:#623270;--line:#623270;--gold:#ffd34e;--accent:#f20bab;--red:#df0795;--cyan:#f975d0;color-scheme:dark}
html body,html body.launcher{background:radial-gradient(ellipse at 12% 0,#a4107b26,transparent 48%),radial-gradient(ellipse at 100% 25%,#6724ae25,transparent 50%),#100719!important;color:#fff7ff}
html body header,html body .mobile-player-header{background:#170b22f5!important;border-color:#8b397d!important}
html body :is(.panel,.stat,.tree-node,.portal-card,.transfer-summary,.recent-list>div,.catalog-empty,.player-pending-banner,.compact-account-options,.demo-settings,.character-pricing,.history-controls,.directory-controls,.quick-amounts,.account-card,.wallet-card,.balance-card,.metrics article,.money-wallet,.owner-setup){background:linear-gradient(145deg,#2e153e,#1c0d29)!important;border-color:#693475!important}
html body :is(button,input,select,textarea){background-color:#2d163b!important;border-color:#75417f!important;color:#fff7ff!important;accent-color:#f20bab}
html body input::placeholder{color:#bfa5cc!important}
html body :is(button.primary,a.primary,.primary,.banner-upload,button[type=submit]),html body form>button{background:linear-gradient(135deg,#f20bab,#a80bc2)!important;border-color:#ff85d9!important;color:white!important;box-shadow:0 4px 16px #e4009b25!important}
html body button:hover{border-color:#f975d0!important}
html body :is(button.active,button[aria-selected=true],button[aria-pressed=true]){background:#a61b8738!important;border-color:#ff79d1!important;color:#ffe58f!important}
html body :is(.eyebrow,.pill,.stat strong,.metrics strong,.money-wallet strong,#mobile-wallet-value,#wallet-balance,.ticket-top){color:#ffdc65!important}
html body :is(p,label,small,.muted,footer,.local-note,.money-note){color:#d3badc}
html body :is(h1,h2,h3,h4){color:#fff7ff}
html body :is(#tabs,.mobile-bottom-nav,.player-mobile-nav,.account-menu-navigation,.catalog-tools,.mobile-filter-drawer,.lobby-banner-controls){background:#1c0c2af5!important;border-color:#693475!important}
html body :is(.character,.money-game){background:#22102f!important;border-color:#693475!important}
html body :is(.character,.money-game):hover{border-color:#f650c4!important;box-shadow:0 4px 18px #e4009b20}
html body :is(.ticket,.cell,.last-screen-cell,.last-screen-revealed){background:radial-gradient(ellipse at top,#53205c,#1c0b29)!important;border-color:#bd79a6!important}
html body :is(dialog,.last-screen,.last-screen-dialog,.last-screen-content,.final-reveal,.final-reveal-dialog){background:radial-gradient(ellipse at top,#491746,#170921 72%)!important;border-color:#d94dac!important;color:#fff7ff!important}
html body th{background:#30143d!important;color:#ffe18b!important}html body td{border-color:#593165!important;color:#f1e1f4}html body tbody tr:hover{background:#f20bab09!important}
html body :is(.lobby-banners,.hero,.banner-example){background:radial-gradient(ellipse at 85% 30%,#dc169b44,transparent 65%),linear-gradient(115deg,#21102f,#461043)!important;border-color:#a94799!important}
html body a:not(.primary):not(.brand):not(.portal-card){color:#ffd86a}
html body #catalog:before{background:radial-gradient(ellipse at 15% 15%,#f20bab23,transparent 45%),radial-gradient(ellipse at 85% 55%,#742de826,transparent 48%),#100719!important}
html body #catalog:after{background-image:radial-gradient(circle,#ffdc8880 1px,transparent 2px),radial-gradient(circle,#f975d060 1px,transparent 2px)!important}
html body header>img,html body .raspa-ya-logo{object-fit:contain;border-radius:12px;width:116px;height:78px;filter:drop-shadow(0 2px 8px #ed0baa25)}
html body :focus-visible{outline:2px solid #ffb4e6!important;outline-offset:3px}
@media(max-width:600px){html body header>img,html body .raspa-ya-logo,html body #mobile-home .raspa-ya-logo{width:88px;height:59px}html body .brand{width:96px;min-height:59px}}

/* Transparent logo: no surrounding tile. */
html body header>img,html body .raspa-ya-logo{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 2px 4px #e5009b22);object-fit:contain}

body[data-portal-role=player] #login,.player-registration main{max-width:460px;margin:26px auto}body[data-portal-role=player] #login{padding:24px}.player-access-brand{text-align:center}.player-access-brand>img{display:block;width:200px;height:138px;object-fit:contain;margin:0 auto 12px}.player-access-brand>span{font-size:10px;letter-spacing:2px;color:#ffd86a}.player-access-brand h1{font-size:25px;line-height:1.15;letter-spacing:-.6px;margin:12px 0}.player-access-brand p{font-size:13px;line-height:1.5}.access-register,.access-existing{display:block;text-align:center;padding:13px 16px;border:1px solid #f66dce;border-radius:10px;text-decoration:none;font-weight:700}.access-register{background:linear-gradient(120deg,#ec099e,#a415be);color:#fff!important;margin:18px 0}.access-existing{margin-top:20px;background:#f20bab14;color:#ffd86a!important}.access-divider{font-size:13px;font-weight:650;color:#f1d5ed;border-top:1px solid #63306c;padding-top:18px;margin:18px 0 10px}.player-registration header{justify-content:center}.player-registration header b{display:none}.player-registration .panel{margin:0}.player-registration main{padding:12px}@media(max-width:600px){body[data-portal-role=player] #login{margin:16px auto;padding:20px}.player-access-brand>img{width:180px;height:124px}.player-access-brand h1{font-size:23px}}

body[data-portal-role=player] #money-login{max-width:460px;margin:26px auto;padding:24px}

.phone-fields{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px}.phone-fields input{min-width:0}.phone-fields label{font-size:12px}@media(max-width:360px){.phone-fields{grid-template-columns:94px minmax(0,1fr);gap:7px}}

.player-registration form>small{display:block;margin:8px 0;color:#c9afd4;line-height:1.45}.player-registration form>button{display:block;width:100%;margin-top:14px}.player-registration form .phone-fields+small{margin-bottom:6px}
