@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Oswald:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',system-ui,-apple-system,sans-serif;background:#10151d;color:#f5f4f0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 72% 0%,#203044 0%,transparent 47%),#10151d;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}a{color:#f3a390}input,select{background:#151d28;border:1px solid #354355;border-radius:9px;color:#f6f4ef;padding:11px 13px;min-width:0;outline:none}input:focus,select:focus{border-color:#df6758}input[type=checkbox]{accent-color:#e55b4d;width:18px;height:18px}label{font-size:12px;color:#aab5c2;display:flex;gap:6px;flex-direction:column}label.inline{flex-direction:row;align-items:center;color:#e0e4e9;font-size:13px}.shell{max-width:1420px;margin:auto;padding:0 24px 64px}.top{height:85px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #293442}.brand{display:flex;align-items:center;gap:12px;font:600 24px Oswald,sans-serif;letter-spacing:.045em}.brand img{width:44px;height:44px;object-fit:cover;border-radius:50%}.brand b{color:#ee6653}.topRight{display:flex;align-items:center;gap:12px;color:#a8b2bf;font-size:12px}.pill{background:#253547;color:#acc6dc;border-radius:30px;padding:6px 12px;white-space:nowrap}.hero{padding:35px 0 27px;display:flex;justify-content:space-between;align-items:end;gap:20px}.eyebrow{font-size:11px;color:#ed7763;text-transform:uppercase;letter-spacing:.18em;font-weight:700}.hero h1{font:600 clamp(32px,5vw,56px)/1.1 Oswald,sans-serif;margin:9px 0}.muted{color:#a9b5c3}.hero p{margin:0}.tabs{position:sticky;top:0;z-index:20;display:flex;gap:6px;background:#10151df5;padding:12px 0;border-bottom:1px solid #2b3948;backdrop-filter:blur(16px)}.tabs button{border:0;background:transparent;color:#a7b4c3;padding:12px 19px;font-weight:700;border-radius:8px}.tabs button.active{background:#d25143;color:white}.tabs .push{margin-left:auto}.grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(315px,.8fr);gap:18px;margin-top:22px}.stack{display:grid;gap:18px;align-content:start}.card{background:#19222e;border:1px solid #2c3949;border-radius:15px;padding:21px;box-shadow:0 14px 40px #04091018}.card h2{font:500 24px Oswald,sans-serif;margin:0 0 15px}.card h3{font:500 19px Oswald,sans-serif;margin:0 0 12px}.cardHead,.row,.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.row{justify-content:flex-start;flex-wrap:wrap}.divider{border-top:1px solid #334151;margin:16px 0}.btn{background:#29394b;border:1px solid #415267;color:#f4f5f8;border-radius:9px;padding:10px 15px;font-weight:600}.btn:hover{filter:brightness(1.16)}.btn.red{background:#d65345;border-color:#e46a5e;color:#fff}.btn.ghost{background:transparent}.btn.small{padding:7px 10px;font-size:12px}.btn.danger{color:#ffb8ad;border-color:#744e4e}.statGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{background:#202d3b;padding:15px;border-radius:9px}.stat small{display:block;color:#9caebf;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.stat strong{font:500 25px Oswald,sans-serif;display:block;margin-top:4px}.timer{font:500 clamp(78px,12vw,144px)/1 Oswald,sans-serif;letter-spacing:.01em;color:#f8f5ec;margin:18px 0 12px}.timer.ended{color:#ea695c}.level{color:#ee8573;font:500 23px Oswald,sans-serif}.formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.formGrid.three{grid-template-columns:repeat(3,1fr)}.list{display:grid;gap:8px}.item{background:#202c3a;border:1px solid #304052;border-radius:9px;padding:12px 14px}.item.dimmed{mask-image:linear-gradient(#0006,transparent);filter:blur(1px)}.item strong{font-size:14px}.item small{font-size:12px;color:#abb9c6}.badge{background:#304254;color:#d1dfeb;border-radius:20px;padding:5px 9px;font-size:11px}.badge.red{background:#56322f;color:#ffb2a8}.hint{font-size:12px;color:#9eabb9;line-height:1.5}.error{padding:10px 12px;border:1px solid #a8554b;background:#4b272b;border-radius:8px;color:#ffd8d3;font-size:13px}.success{color:#8fdec0}.loginWrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login{width:min(100%,450px);background:#19232f;border:1px solid #334458;padding:30px;border-radius:20px}.login img{width:86px;height:86px;object-fit:cover;border-radius:50%;display:block;margin:auto}.login h1{text-align:center;font:600 32px Oswald,sans-serif;margin:15px 0 5px}.login p{text-align:center;color:#adbaca;font-size:14px;line-height:1.5}.login label{margin:16px 0}.login .btn{width:100%;margin-top:8px}.board{margin:30px auto;max-width:1050px;text-align:center}.board .timer{font-size:clamp(98px,19vw,245px);margin:35px 0}.board .statGrid{margin-top:32px}.board .card{background:#17212d}.board .level{font-size:36px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{text-align:left;border-bottom:1px solid #314050;padding:12px 7px}.table th{color:#aab6c3;font-size:11px;text-transform:uppercase}.modalBg{position:fixed;inset:0;background:#050a10ca;z-index:50;display:grid;place-items:center;padding:16px}.modal{background:#1c2836;border:1px solid #405066;border-radius:16px;padding:24px;width:min(100%,560px);max-height:90vh;overflow:auto}.modal h2{font:500 26px Oswald,sans-serif;margin:0 0 18px}.modal .item{cursor:pointer}.modal .item.selected{border-color:#e56d5c;background:#493632}.footer{margin-top:35px;color:#8190a1;font-size:12px}.empty{padding:25px;text-align:center;color:#9eafc0;border:1px dashed #405266;border-radius:9px}.warning{color:#f5a58b}.icon{font-size:18px}.full{width:100%}@media(max-width:850px){.grid{grid-template-columns:1fr}.shell{padding:0 14px 40px}.top{height:72px}.brand{font-size:18px}.brand img{width:37px;height:37px}.topRight .pill{display:none}.hero{padding-top:23px}.tabs{overflow-x:auto}.tabs button{padding:11px 13px;white-space:nowrap;font-size:13px}.statGrid{grid-template-columns:repeat(2,1fr)}.card{padding:16px}.formGrid.three{grid-template-columns:repeat(2,1fr)}}@media(max-width:460px){.formGrid{grid-template-columns:1fr}.formGrid.three{grid-template-columns:1fr}.topRight{gap:5px}.topRight .user{display:none}.hero h1{font-size:35px}.timer{font-size:85px}.board .timer{font-size:120px}.table{font-size:11px}.table th,.table td{padding:8px 3px}}

[hidden]{display:none!important}
