@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#07111a;--nav:#0b1722;--panel:#101f2b;--border:#263745;--text:#ebf5f7;--muted:#92a5b1;--accent:#45e0b2;--blue:#5f9aff;font-family:'DM Sans',system-ui,'Segoe UI',sans-serif;font-size:15px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 850px 320px at 70% -80px,#133a44 0%,transparent 70%),var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.shell{min-height:100vh;display:flex}.sidebar{width:242px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:#0b1924;border-right:1px solid var(--border);padding:32px 20px;z-index:2}.brand{display:flex;gap:10px;align-items:center;color:white;letter-spacing:-.7px;font-size:19px;font-weight:800}.brand span span.accent{color:var(--accent)}.brand small{display:block;font-size:9px;letter-spacing:2.3px;color:#7c94a3;font-weight:800;padding-top:2px}.mark{width:41px;height:41px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#56efd0,#2b91d1);color:#073c36;font-size:25px}.sidebar nav{display:grid;gap:7px;margin-top:58px}.sidebar nav a{padding:13px 12px;color:#b2c5cd;font-weight:650;border-radius:10px}.sidebar nav a:hover{background:#172e3a;color:#fff}.sidebar-foot{margin-top:auto;color:#72909e;font-size:11px;line-height:1.6;border-top:1px solid #243643;padding-top:20px}.app{margin-left:242px;flex:1;min-width:0}.topbar{height:77px;padding:0 43px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1f303d;color:#7d98a6;font-size:11px;font-weight:750;letter-spacing:1.1px}.profile{color:#c9d9df;letter-spacing:0;font-size:13px}.profile a{margin-left:10px}.content{max-width:1340px;margin:0 auto;padding:35px 43px 60px}.eyebrow,.auth-kicker{font-weight:800;letter-spacing:2.1px;font-size:10px;color:var(--accent)}h1,h2,h3,h4,p{margin-top:0}h1{letter-spacing:-1.6px;font-size:clamp(29px,3.2vw,44px);line-height:1.15}h2{font-size:23px;letter-spacing:-.6px}h3{font-size:18px;letter-spacing:-.35px}.accent{color:var(--accent)}p{color:var(--muted);line-height:1.6}.welcome{background:radial-gradient(circle at 70% 10%,#164853 0,transparent 44%),linear-gradient(130deg,#102b36,#101d2a);border:1px solid #28414f;border-radius:20px;padding:38px;display:flex;justify-content:space-between;gap:25px;align-items:center}.welcome h1{margin:14px 0 12px}.welcome p{max-width:490px;font-size:14px;margin:0}.welcome-side{min-width:214px;background:#0b2631;border:1px solid #32535b;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:9px}.welcome-side span{color:#8eaab8;font-size:10px;font-weight:750;letter-spacing:1px}.welcome-side strong{color:var(--accent);font-size:22px}.welcome-side small{color:#a0bdc8;font-size:12px;line-height:1.5}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:10px;margin:34px 0 20px}.section-heading h2,.section-heading h1{margin:9px 0 0}.small{font-size:12px;color:var(--muted);line-height:1.6}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.game-card{border:1px solid var(--border);background:var(--panel);border-radius:15px;overflow:hidden;transition:transform .16s,border-color .16s}.game-card:hover{transform:translateY(-3px);border-color:#458573}.game-cover{height:185px;background-size:cover;background-position:center;position:relative;background-color:#293b45}.cover-label{position:absolute;top:13px;left:13px;padding:7px 10px;background:#041c21e8;border:1px solid #31655c;border-radius:7px;color:#bbf7e0;font-size:10px;letter-spacing:1px;font-weight:800}.game-content{padding:20px}.game-content h3{margin:0 0 7px}.game-content p{font-size:13px;min-height:65px;margin-bottom:16px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid transparent;background:var(--accent);color:#06242b;font-weight:800;padding:12px 17px;border-radius:9px;transition:background .2s}.btn:hover:not(:disabled){background:#7bffcf}.btn.full{width:100%}.btn.secondary{background:#233d47;color:#d9f9f2;border-color:#2e6659}.btn.outline{background:transparent;color:#d1e6ee;border-color:#3c5666}.btn.danger{background:#40232a;color:#ffcdd2;border-color:#7a3944}.btn.small-btn{padding:8px 14px;font-size:12px}.history{margin-top:44px}.table-wrapper{border:1px solid var(--border);border-radius:14px;overflow-x:auto;background:#0e1e29}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:17px;border-bottom:1px solid #223340;white-space:nowrap}th{font-size:10px;color:#7e9da9;letter-spacing:1px}td{color:#d9e5e9}tr:last-child td{border-bottom:0}.empty{padding:30px!important;color:#849fa9;text-align:center}.mini-tag{display:inline-block;padding:5px 9px;background:#264246;color:#a0eed0;border-radius:7px;font-size:11px}.bottom-note{font-size:11px;color:#819eaa;margin-top:30px;line-height:1.7}.notice{background:#1d3837;border:1px solid #3a8d72;color:#c7fce0;padding:14px 17px;border-radius:11px;margin-bottom:22px}.notice.warn{background:#403125;color:#ffe4bb;border-color:#8c6236}.notice.info{background:#203440;border-color:#396881;color:#c8e9f9}.auth{width:min(480px,100%);margin:60px auto;background:linear-gradient(160deg,#102838,#101c28);padding:38px;border:1px solid #2b4553;border-radius:20px}.auth h1{font-size:32px;margin:14px 0}.auth>p{font-size:13px}.form{display:flex;flex-direction:column;gap:16px;margin-top:22px}.form label{display:block;font-size:12px;color:#bed3d9;font-weight:700}.form input,.controls input,.inline-form select{display:block;background:#091b26;border:1px solid #375360;width:100%;outline:none;color:white;border-radius:9px;padding:13px;margin-top:8px}.form input:focus,.controls input:focus{border-color:var(--accent)}.auth .foot{text-align:center;font-size:12px;margin:22px 0 0}.room-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:20px}.room-head h1{margin:9px 0 5px;font-size:29px}.room-head p{margin:0;font-size:13px}.back{font-size:12px}.room-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:20px}.card{background:#0f202b;border:1px solid var(--border);border-radius:16px;padding:20px}.card h3{margin:0 0 15px}.game-frame{height:530px;max-height:70vh;background:#010b14;border-radius:11px;overflow:hidden;border:1px solid #28404c;display:grid;place-items:center}.game-frame iframe{border:0;width:100%;height:100%}.card>p.small{margin-top:13px}.controls .form{margin-top:9px}.status{margin:15px 0;color:#9bc2c8;font-size:12px;padding:12px;border-radius:9px;background:#0b1c24;border:1px solid #23444e}.test-box{border:1px solid #2a444d;padding:15px;border-radius:12px;background:#132a32}.test-box h4{margin:0 0 5px}.test-box p{font-size:12px;margin-bottom:14px}.test-box .btn{margin:5px 0}.controls hr{border:0;border-top:1px solid #27404b;margin:20px 0}.inline-form{display:flex;gap:6px;align-items:center}.inline-form select{max-width:105px;margin:0;padding:8px}.room-grid + .bottom-note{margin-top:20px}@media(max-width:1100px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome{flex-wrap:wrap}.room-grid{grid-template-columns:1fr}.game-frame{height:450px}}@media(max-width:760px){.sidebar{position:relative;width:100%;height:auto;padding:13px 16px;display:block;border-right:0;border-bottom:1px solid #2a404d}.sidebar nav,.sidebar-foot{display:none}.shell{display:block}.app{margin-left:0}.topbar{height:53px;padding:0 17px}.content{padding:24px 16px 40px}.welcome{padding:23px}.welcome-side{width:100%}.game-grid{grid-template-columns:1fr}.game-cover{height:215px}.game-content p{min-height:unset}.room-head{flex-wrap:wrap}.room-head .btn{width:100%}.auth{padding:25px;margin:30px auto}.section-heading{align-items:start}h1{font-size:31px}}

/* Visualizações reais dos jogos originais, sem substituir personagens */
.game-cover {background-size:contain;background-repeat:no-repeat;background-color:#071720;background-position:center;box-shadow:inset 0 -24px 40px #07172050;}
.game-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
@media(max-width:1100px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.game-grid{grid-template-columns:1fr}}
/* v0.3: painel financeiro */
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.metric{padding:23px;border:1px solid var(--border);background:linear-gradient(145deg,#122a34,#101d2a);border-radius:14px;min-width:0}
.metric small{display:block;font-size:12px;color:#91a7b6;margin-bottom:10px}
.metric strong{font-size:clamp(18px,2vw,27px);color:#e8fffa;letter-spacing:-.7px;display:block;overflow-wrap:anywhere}
.finance-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}
.finance-layout .card{min-width:0}
.form select{background:#091b26;border:1px solid #375360;width:100%;color:#fff;border-radius:9px;padding:13px;margin-top:8px}
.mono-input{padding:14px;display:block;width:100%;background:#091b26;color:#ddfaee;border:1px solid #35515b;border-radius:10px;overflow-wrap:anywhere;font:13px/1.55 ui-monospace,monospace;margin-bottom:13px}
.qr-wrap{display:flex;justify-content:center;padding:15px;background:white;width:max-content;max-width:100%;border-radius:12px;margin-bottom:18px}
.confirm-check{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}.confirm-check input{width:auto;min-width:auto;margin:0}
@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-layout{grid-template-columns:1fr}}
@media(max-width:560px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:16px}.metric strong{font-size:18px}}