*{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{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{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{margin:6px 0}.account-panel p,.wallet-panel p,.join-panel 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{display:flex;justify-content:space-between;align-items:center}.request-head h3{margin:6px 0 18px;font-size:25px}.close-inline,.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{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #25304b}.history-row:last-child{border-bottom:0}.history-row>div{flex:1}.history-row 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}.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-access{display:none!important}.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{display:flex;justify-content:space-between;align-items:center}.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{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid #25304b}.admin-request>div:first-child{flex:1}.admin-request small{display:block;color:#8492b2;margin-top:4px}.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}.shared-room{margin-top:24px;padding:24px;border:1px solid #354b83;border-radius:24px;background:linear-gradient(145deg,#101a38,#090f21);box-shadow:0 25px 70px #00000047;scroll-margin-top:90px}.shared-room-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.shared-room-head h2{font-size:32px;margin:7px 0}.shared-room-head p{color:#93a3c5}.room-state{padding:9px 13px;border-radius:999px;font-size:11px;font-weight:950;letter-spacing:1px}.room-state.waiting{background:#33270a;color:#ffd76b;border:1px solid #68531a}.room-state.full{background:#0a3528;color:#62efae;border:1px solid #176f50}.room-code-box{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;margin:20px 0;padding:18px;border:1px solid #415ca0;border-radius:17px;background:linear-gradient(135deg,#17295c,#121d40)}.room-code-box small{color:#7f9bd4;letter-spacing:2px;font-weight:900}.room-code-box strong{font-size:35px;letter-spacing:7px}.room-code-box span{color:#69e6ef;font-weight:800}.player-seats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.player-seat{min-height:150px;border-radius:17px;padding:18px;text-align:center;border:1px solid #2d3d67;background:#0c1429;display:flex;flex-direction:column;align-items:center;justify-content:center}.player-seat.empty{border-style:dashed;opacity:.7}.seat-number{position:absolute;margin:-110px 0 0 -120px;width:24px;height:24px;border-radius:50%;background:#1b2850;color:#91a8d9;font-size:11px;display:grid;place-items:center}.seat-avatar{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#765cff,#1ecbe4);font-size:21px;font-weight:950;margin-bottom:9px}.player-seat.empty .seat-avatar{background:#1a233c;color:#65789e}.player-seat strong{font-size:15px}.player-seat small{color:#7f91b4;margin-top:5px}.room-waiting-message{text-align:center;padding:30px 10px 10px}.room-waiting-message h3{font-size:25px;margin:0 0 7px}.room-waiting-message p{color:#97a6c4;max-width:650px;margin:0 auto 18px;line-height:1.6}.game-arena{margin-top:22px;border:1px solid #31578a;border-radius:20px;overflow:hidden;background:#07101f}.arena-top{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid #263c61;background:#0e1931}.arena-top h2{margin:5px 0 0}.live-pill{padding:8px 12px;border-radius:999px;background:#0a392b;color:#66edb0;font-size:11px;font-weight:950}.arena-board{min-height:390px;padding:35px 20px;display:grid;place-items:center;background:radial-gradient(circle at center,#182f56 0,#091423 58%,#050a14)}.arena-center{text-align:center;width:min(720px,100%)}.game-icon{font-size:54px;margin-bottom:5px}.arena-center h3{font-size:27px;margin:5px 0}.arena-center>p{color:#8fa1c0}.arena-player-list{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:22px 0}.arena-player{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #30476e;border-radius:12px;background:#0e1b32}.arena-player span{color:#52e5a1}.arena-player small{color:#788bad}.arena-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.game-notice{margin:16px auto 0;padding:11px 15px;border-radius:10px;background:#142644;color:#a9c3ed;border:1px solid #2f4c79}.arena-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 20px;color:#7f91b2;font-size:12px;border-top:1px solid #203451}.arena-footer strong{color:#cbd9f7}@media(max-width:900px){.rules,.games{grid-template-columns:1fr 1fr}.wallet-panel,.account-panel,.join-panel{align-items:flex-start;flex-direction:column}.wallet-actions{width:100%}.admin-grid,.player-seats{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%}.shared-room{padding:16px}.shared-room-head{flex-direction:column}.room-code-box{grid-template-columns:1fr;text-align:center}.room-code-box strong{font-size:29px}.player-seats{grid-template-columns:1fr 1fr}.player-seat{min-height:130px}.seat-number{margin:-92px 0 0 -70px}.arena-board{min-height:330px;padding:25px 12px}.arena-footer{flex-direction:column}}