*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 5%,#16265c 0,#090d1d 34%,#060812);color:#f7f9ff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 5%;border-bottom:1px solid #26335d;background:#090d1de0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{font-size:26px;font-weight:950;letter-spacing:3px;background:linear-gradient(90deg,#8b7cff,#22d3ee);-webkit-background-clip:text;color:transparent}.tag{font-size:12px;color:#8f9bbc;margin-top:3px}.top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.topbar button,.primary,.secondary,.ghost,.admin-button{border:0;border-radius:12px;padding:11px 16px;font-weight:850;cursor:pointer;transition:.2s}.topbar button{background:#171f3a;color:#dce5ff;border:1px solid #2c3a64}.topbar button:hover,.primary:hover,.secondary:hover,.admin-button:hover{transform:translateY(-1px);filter:brightness(1.08)}.primary{background:linear-gradient(135deg,#7c5cff,#16c7e9);color:#fff;box-shadow:0 8px 28px #5b52ff40}.secondary{background:#1a2442;color:#dfe7ff;border:1px solid #34446f}.ghost{background:transparent;color:#cbd5f5;border:1px solid #34405f}.big{padding:14px 22px}.balance{font-weight:900;color:#61e6b0;background:#0c2d2a;padding:9px 13px;border-radius:10px}main{max-width:1180px;margin:auto;padding:60px 5%}.hero{max-width:800px;padding:35px 0 10px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:2px;color:#7dd3fc;font-weight:900}.hero h1{font-size:clamp(45px,8vw,82px);line-height:.96;margin:14px 0}.hero h1 span{background:linear-gradient(90deg,#9b8cff,#22d3ee,#67e8a5);-webkit-background-clip:text;color:transparent}.hero p{color:#aeb9d5;font-size:18px;line-height:1.65}.hero-actions{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}.rules{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:42px 0}.rules div,.account-panel,.wallet-panel,.request-panel,.join-panel,.lobby,.history,.admin-access{border:1px solid #293761;background:linear-gradient(145deg,#121b36f0,#0a0f1ff0);border-radius:20px;box-shadow:0 16px 45px #0003}.rules div{padding:19px}.rules strong,.rules span{display:block}.rules span{color:#93a2c4;margin-top:7px;font-size:14px}.account-panel,.wallet-panel,.join-panel,.admin-access{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px;margin:16px 0}.account-panel h2,.wallet-panel h2,.join-panel h2,.lobby h2,.history h2,.admin-access h2{margin:6px 0}.account-panel p,.wallet-panel p,.join-panel p,.admin-access p{color:#99a7c6;line-height:1.55}.wallet-panel{position:relative;overflow:hidden}.wallet-panel:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-80px;top:-120px;background:#6d5dfb;opacity:.15;filter:blur(15px)}.wallet-balance{padding:15px 22px;border-radius:15px;background:#0b182b;border:1px solid #29486b;min-width:160px}.wallet-balance small{display:block;color:#8da0c4}.wallet-balance strong{font-size:25px;color:#65e6b0}.wallet-actions{display:flex;gap:9px;flex-wrap:wrap}.request-panel{padding:24px;margin:16px 0;background:linear-gradient(145deg,#151d42,#0d1429)}.request-head,.admin-top{display:flex;justify-content:space-between;align-items:center}.request-head h3{margin:6px 0 18px;font-size:25px}.close-inline,.admin-top button,.close{border:0;background:#202b4b;color:#dce5ff;border-radius:9px;font-size:24px;cursor:pointer}.payment-destination{display:grid;gap:7px;padding:17px;margin-bottom:14px;border-radius:14px;background:linear-gradient(135deg,#102b52,#14204a);border:1px solid #315789}.payment-destination span{font-size:10px;color:#6ee7f9;font-weight:900;letter-spacing:1.5px}.payment-destination strong{font-size:21px;color:#a78bfa}.payment-destination b{font-size:16px}.payment-destination small{color:#9fb0d0;line-height:1.5;margin-top:5px}.withdrawal{background:linear-gradient(135deg,#132e35,#151e45)}input{width:100%;padding:14px 15px;margin:5px 0;border-radius:11px;border:1px solid #334263;background:#0b1124;color:#fff;outline:none}input:focus{border-color:#6f68ff;box-shadow:0 0 0 3px #6f68ff1f}.form-actions{display:flex;gap:10px;margin-top:10px}.history{padding:24px;margin:16px 0}.history-row,.admin-request{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #25304b}.history-row:last-child,.admin-request:last-child{border-bottom:0}.history-row>div,.admin-request>div:first-child{flex:1}.history-row small,.admin-request small{display:block;color:#8492b2;margin-top:4px}.status{padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900}.status.pending{background:#3b2d0a;color:#ffd66b}.status.approved{background:#0b3a2a;color:#62e6a9}.status.rejected{background:#431d2b;color:#ff8fa8}.join-form,.lobby-create{display:flex;gap:10px;align-items:center;min-width:45%}.join-form input,.lobby-create input{margin:0}.games{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.section-title{grid-column:1/-1}.section-title h2{font-size:32px;margin:7px 0}.card{border:1px solid #293761;background:linear-gradient(155deg,#121b38,#0c1123);border-radius:20px;padding:23px;display:flex;flex-direction:column;min-height:280px;box-shadow:0 15px 40px #0000002e}.badge{font-size:11px;letter-spacing:1px;color:#61e6b0;font-weight:900}.card h2{margin:15px 0 8px}.card p{color:#99a7c6}.mode-row{display:flex;gap:8px;margin:10px 0 18px}.mode{border:1px solid #344366;background:#111a31;color:#aebce0;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer}.mode.active{background:#4435a8;color:#fff;border-color:#7567ff}.play{width:100%;margin-top:auto}.lobby{padding:25px;margin-top:18px}.lobby>p{color:#9caaca}.room{margin-top:18px;padding:20px;border-radius:16px;background:linear-gradient(135deg,#172858,#152047);border:1px solid #3b55a0;display:grid;grid-template-columns:1fr auto;gap:10px}.room small{display:block;color:#8ea4d5;letter-spacing:1.5px}.room strong{display:block;font-size:32px;letter-spacing:5px;color:#fff}.room span{color:#6ee7f0}.room p{grid-column:1/-1;color:#aab9d9}.admin-access{margin-top:48px;border-color:#4b3f85;background:linear-gradient(135deg,#211b47,#10172e)}.admin-button{background:linear-gradient(135deg,#9b6cff,#ec63bd);color:#fff}.notice{position:fixed;top:82px;left:50%;transform:translate(-50%);z-index:20;background:#132b4d;border:1px solid #3b76a9;padding:13px 20px;border-radius:12px;box-shadow:0 15px 40px #0008}.admin-backdrop,.modal-backdrop{position:fixed;inset:0;background:#02050fd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;display:grid;place-items:center;padding:20px}.admin-console{width:min(900px,100%);max-height:90vh;overflow:auto;background:#0c1328;border:1px solid #394b7d;border-radius:24px;padding:25px;box-shadow:0 30px 100px #000b}.admin-top h2{margin:5px 0 20px}.admin-login{text-align:center;padding:35px 15px;max-width:430px;margin:auto}.admin-icon,.modal-logo{width:60px;height:60px;margin:auto;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#7c5cff,#ec63bd);font-size:28px;font-weight:900}.admin-login p,.modal p{color:#96a5c5;line-height:1.5}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.admin-grid>div{padding:18px;border:1px solid #2d3c65;border-radius:15px;background:#111a32}.admin-grid small{display:block;color:#7f93bd;font-weight:900}.admin-grid strong{display:block;margin-top:6px}.admin-requests{margin-top:25px}.admin-request{flex-wrap:wrap}.request-actions{display:flex;gap:7px}.request-actions button{border:0;border-radius:9px;padding:8px 12px;cursor:pointer;font-weight:800}.request-actions button:first-child{background:#1cae79;color:#fff}.request-actions button:last-child{background:#492238;color:#ff9bb3}.admin-note{margin-top:18px;padding:14px;border-radius:12px;background:#131d37;color:#aab8d4;line-height:1.5}.modal{width:min(450px,100%);background:#0d152b;border:1px solid #34466f;border-radius:22px;padding:27px;position:relative;box-shadow:0 30px 100px #000b}.modal .close{position:absolute;right:15px;top:15px}.modal h2{font-size:27px;margin-bottom:8px}.modal input{margin:6px 0}.modal .primary{width:100%;margin-top:8px}.modal small{display:block;color:#7787aa;margin-top:15px;line-height:1.5}footer{text-align:center;color:#68789e;padding:35px;border-top:1px solid #202c4b;margin-top:50px}@media(max-width:900px){.rules,.games{grid-template-columns:1fr 1fr}.wallet-panel,.account-panel,.join-panel,.admin-access{align-items:flex-start;flex-direction:column}.wallet-actions{width:100%}.wallet-actions button{flex:1}.admin-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.rules,.games{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.top-actions{width:100%}.top-actions button{flex:1}.hero h1{font-size:52px}.join-form,.lobby-create{width:100%;flex-direction:column}.room{grid-template-columns:1fr}.form-actions{flex-direction:column}.admin-grid{grid-template-columns:1fr}.wallet-balance{width:100%}}