*{box-sizing:border-box}body{margin:0;background:#101a2a;color:#eef4ff;font:15px/1.5 system-ui,-apple-system,sans-serif}a{color:#9ee8d0;text-decoration:none}button,input{font:inherit}button{border:1px solid #34445b;border-radius:11px;padding:10px 15px;background:#1b293d;color:#e4edfa;cursor:pointer;font-weight:650}button:disabled{opacity:.5;cursor:wait}button:hover,a.primary:hover{filter:brightness(1.1)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #6be0b5;outline-offset:3px}label{display:block;font-size:13px;margin:17px 0 7px;color:#d2deee}input{width:100%;border:1px solid #34445b;background:#101b2c;color:#fff;border-radius:11px;padding:13px 14px;min-width:0}h1,h2,p{margin:0}h2{font-size:21px}small{display:block;color:#90a4bf;font-size:11px;margin-top:10px}.brand{font-size:26px;color:#edf5ff;font-weight:850;letter-spacing:-1.2px}.brand span{color:#6be0b5}.eyebrow{display:block;font-size:10px;letter-spacing:2px;font-weight:750;color:#9caec5}.primary{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;background:#6be0b5;color:#102b21;border:1px solid #6be0b5;border-radius:11px;padding:13px 16px;font-weight:750;margin-top:22px}.login-layout{max-width:1100px;min-height:100dvh;margin:auto;padding:55px 35px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:90px}.welcome>.eyebrow{margin:55px 0 15px}.welcome h1{font-size:46px;line-height:1.15;letter-spacing:-1.8px}.welcome>p{margin-top:18px;color:#9fb2ca;max-width:360px}.login-card{background:#18263a;padding:35px;border:1px solid #2d4059;border-radius:22px;box-shadow:0 25px 70px #0003}.login-card h2{font-size:27px;margin:8px 0}.login-card>p{font-size:13px;color:#9db0c8}.login-card>small{margin-top:25px}.tower-art{position:relative;margin:30px 0 0;background:linear-gradient(150deg,#64d4ed,#b9f2c9);width:100%;max-width:360px;border-radius:20px;display:flex;flex-direction:column;align-items:center;padding:24px 0 40px;overflow:hidden}.tower-art img{width:88px;height:63px;object-fit:contain}.tower-art>span{position:absolute;bottom:12px;color:#184348;font-size:8px;letter-spacing:1px;font-weight:800}.cloud{position:absolute;left:35px;top:45px;width:70px;height:17px;background:#fff8;border-radius:40px}.cloud:before{content:'';width:35px;height:35px;background:#fff8;position:absolute;bottom:0;left:15px;border-radius:50%}#portal{max-width:1100px;margin:auto;padding:0 30px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid #2c3a50}.topbar>div{display:flex;align-items:center;gap:18px;font-size:13px;color:#afc1d7}.tabs{display:flex;gap:20px;margin-top:20px;overflow-x:auto}.tabs button{background:transparent;border:0;border-radius:0;font-size:13px;color:#93a8c2;padding:12px 0;white-space:nowrap}.tabs button.selected{color:#6be0b5;border-bottom:2px solid #6be0b5}.heading{margin:40px 0 26px}.heading h1{font-size:34px;letter-spacing:-1px;margin:8px 0}.heading p{color:#9fb1c9;font-size:14px}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.game-card{overflow:hidden;background:#19273a;border:1px solid #2e4057;border-radius:20px}.game-cover{position:relative;background:linear-gradient(160deg,#57cce5,#b8f3c9);height:210px;overflow:hidden}.pill{position:absolute;left:15px;top:15px;color:#e6fff5;background:#143e40;font-size:8px;letter-spacing:1.5px;border-radius:6px;padding:5px 8px;font-weight:750}.mini-tower{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column}.mini-tower img{width:97px;height:69px;object-fit:contain}.game-description{padding:23px}.game-description h2{margin:7px 0 10px}.game-description p{font-size:12px;color:#a5b6cc;min-height:54px}.game-description .eyebrow{font-size:8px}.game-description .primary{font-size:13px}.note{max-width:610px;color:#8ea4bf;font-size:12px;margin:25px 0}.admin-layout{display:grid;grid-template-columns:320px 1fr;gap:25px;align-items:start}.card{background:#18263a;border:1px solid #2e4057;border-radius:17px;padding:25px}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.list-heading h2{font-size:17px}.list-heading button{font-size:11px;padding:8px 10px}#client-count{color:#7f97b3;font-size:13px}.user-row{padding:16px 0;border-top:1px solid #2c3d54;display:flex;justify-content:space-between;gap:14px;align-items:center}.user-row strong{font-size:14px;overflow-wrap:anywhere}.user-row small{margin-top:3px}.user-info{min-width:0}.user-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.user-actions button{font-size:10px;padding:7px 9px}.badge{display:inline-block;margin-top:7px;padding:2px 7px;border-radius:5px;background:#6be0b51a;color:#6be0b5;font-size:9px;letter-spacing:.5px}.badge.blocked{background:#ff8f8f1a;color:#ffacac}.account-card{max-width:400px}.notice{margin-top:20px;padding:12px 16px;border:1px solid #3d806d;border-radius:10px;background:#6be0b50b;color:#a7eacb;font-size:13px}.error{color:#ffa6a6;font-size:12px;margin-top:12px}#create-result{font-size:12px;color:#9fe5c9;margin-top:12px}footer{margin:55px 0 25px;color:#8196b1;font-size:10px}dialog{width:min(400px,92vw);border:1px solid #3a506b;background:#18263a;color:#eef4ff;border-radius:18px;padding:27px}dialog::backdrop{background:#030b18cc;backdrop-filter:blur(4px)}dialog h2{margin:8px 0}dialog>form>button:not(.primary){width:100%;margin-top:10px}#reset-client{color:#a6b9d1;font-size:13px}body [hidden]{display:none!important}@media(max-width:850px){.login-layout{gap:35px;padding:30px;grid-template-columns:1fr 1fr}.welcome h1{font-size:34px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-layout{grid-template-columns:1fr}.admin-layout>.card:first-child{max-width:450px}}@media(max-width:560px){.login-layout{display:block;padding:25px 20px}.welcome>.eyebrow{margin-top:28px}.welcome h1{font-size:31px}.welcome>p,.tower-art{display:none}.login-card{margin-top:28px;padding:25px}.login-card h2{font-size:24px}#portal{padding:0 20px}.topbar{padding:20px 0}.topbar .brand{font-size:23px}.topbar>div{gap:10px;font-size:11px}.topbar>div>span{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heading{margin:30px 0 22px}.heading h1{font-size:27px}.game-grid{grid-template-columns:1fr}.game-card{max-width:400px}.game-cover{height:190px}.game-description p{min-height:0}.card{padding:20px}.user-row{align-items:flex-start}.user-actions{max-width:135px}.tabs{gap:18px}.tabs button{font-size:12px}}
