.admin-tools{flex-wrap:wrap}.admin-tools select{min-width:180px}.admin-tools .add-player-tool{color:#fff;background:#286b54;border-color:#347f66;font-weight:800}.admin-tools .next-game-tool{color:#fff;background:#2563a8;border-color:#3479c3;font-weight:800}.admin-tools .next-game-tool:disabled{cursor:not-allowed;opacity:.45}.admin-tools .rejoin-tool.attention{color:#fff;background:#8b672f;border-color:#b58943;font-weight:800}.offline-rejoin-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.offline-rejoin-row>div:last-child{gap:8px;display:flex}.offline-rejoin-row button{color:#fff;cursor:pointer;border:0;border-radius:10px;padding:9px 12px;font-weight:800}.history-row strong{line-height:1.35;display:block}@media (width<=520px){.offline-rejoin-row{flex-direction:column;align-items:stretch}}.add-player-card>p{color:#a4a9b4;line-height:1.5}.add-player-card form{gap:16px;margin-top:24px;display:grid}.add-player-card label{color:#b8bdc7;font-size:.8rem;font-weight:700}.add-player-card label em{color:#777d88;float:right;font-weight:400}.add-player-card input{color:#fff;background:#1d1e22;border:1px solid #42454e;border-radius:12px;outline:none;width:100%;margin-top:7px;padding:14px}.add-player-card input:focus{border-color:#7564f5;box-shadow:0 0 0 4px #7564f522}@media (prefers-color-scheme:light){.admin-tools .add-player-tool{color:#fff;background:#2f8b69;border-color:#2f8b69}.admin-tools .next-game-tool{background:#2878c8;border-color:#2878c8}.add-player-card>p,.add-player-card label{color:#5f6876}.add-player-card input{color:#1c222b;background:#f4f6f8;border-color:#d9dee5}}:root{color:#f5f6f8;font-synthesis:none;background:#17181c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}.app-shell{min-height:100vh;padding:max(18px,env(safe-area-inset-top)) 18px max(28px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% -10%,#30333c 0,#1b1c20 42%,#17181c 100%)}.auth-card{background:#26272ce6;border:1px solid #353840;border-radius:24px;width:min(100%,430px);margin:8vh auto 0;padding:32px 24px;box-shadow:0 24px 70px #0006}.logo{align-items:center;gap:12px;margin-bottom:34px;display:flex}.logo>span,.modal-mark{color:#fff;background:#7c66ff;border-radius:13px;place-items:center;width:44px;height:44px;font-weight:850;display:grid}.logo div{flex-direction:column;display:flex}.logo strong{font-size:1.25rem}.logo small,.kicker{letter-spacing:.14em;color:#8f95a4;font-size:.68rem;font-weight:800}.auth-links{color:#7f8490;justify-content:center;align-items:center;gap:9px;margin:22px 0 14px;display:flex}.text-button,.back,.admin-link{color:#aeb3bf;cursor:pointer;background:0 0;border:0}.admin-link{margin:16px auto 0;font-size:.75rem;display:block}.hero-button{color:#fff;cursor:pointer;background:#7564f5;border:0;border-radius:15px;width:100%;min-height:58px;font-weight:800;box-shadow:0 10px 30px #6553e844}.fine{text-align:center;color:#858a96;font-size:.82rem}.auth-card h1{letter-spacing:-.045em;margin:14px 0;font-size:2.2rem;line-height:1}.auth-card p{color:#abb0ba;line-height:1.5}.auth-card form{gap:16px;margin-top:24px;display:grid}.auth-card label{color:#b8bdc7;font-size:.8rem;font-weight:700}.auth-card em{float:right;color:#777d88;font-weight:400}.auth-card input,.inline-name{color:#fff;background:#1d1e22;border:1px solid #42454e;border-radius:12px;outline:none;width:100%;margin-top:7px;padding:14px}.auth-card input:focus,.inline-name:focus{border-color:#7564f5;box-shadow:0 0 0 4px #7564f522}.topbar{justify-content:space-between;align-items:center;max-width:760px;margin:auto;display:flex}.topbar .logo{margin:0}.logo.compact>span{width:38px;height:38px}.top-actions{gap:8px;display:flex}.icon-button{color:#ccd0d8;cursor:pointer;background:#25262b;border:1px solid #3b3e47;border-radius:11px;padding:10px 12px}.queue-page{max-width:680px;margin:34px auto}.game-heading{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.game-heading h1{letter-spacing:-.06em;margin:5px 0 0;font-size:3rem}.live-pill{color:#85d6b6;background:#1d342c;border:1px solid #325848;border-radius:99px;align-items:center;gap:7px;padding:7px 11px;font-size:.75rem;font-weight:800;display:flex}.live-pill i{background:#4bd6a0;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #4bd6a0}.admin-tools{gap:9px;margin:-4px 0 16px;display:flex}.admin-tools select,.admin-tools button{color:#e9ebef;background:#25262b;border:1px solid #3b3e47;border-radius:12px;padding:11px}.admin-tools select{flex:1}.queue-card{background:#24252a;border:1px solid #34363d;border-radius:20px;margin-bottom:16px;overflow:hidden;box-shadow:0 15px 44px #0003}.queue-card>header{border-bottom:1px solid #31333a;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.queue-card h2{margin:0;font-size:1.08rem}.queue-card header span{color:#898e9a;font-size:.78rem}.player-row{border-bottom:1px solid #2f3036;align-items:center;min-height:62px;padding:8px 16px;transition:all .18s;display:flex}.player-row.grouped{box-shadow:inset 0 0 0 2px #6a8c80}.player-row:last-child{border-bottom:0}.player-row:hover{background:#2a2b31}.player-row.own{background:linear-gradient(90deg,#302e4b,#292a31);box-shadow:inset 3px 0 #7564f5}.position{color:#8b8e97aa;width:34px;font-size:1.25rem;font-weight:750}.player-name{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.player-name strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-name small{color:#8b90a0;margin-left:auto;font-size:.7rem;display:block}.pencil{color:#a0a6b2;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:5px}.pencil:hover{color:#fff;background:#ffffff10;box-shadow:0 0 14px #fff2}.inline-name{margin:0;padding:8px}.you{text-transform:uppercase;letter-spacing:.1em;color:#afa5ff;font-size:.67rem;font-weight:850}.group-button,.restrict-button{cursor:pointer;border:0;border-radius:9px;padding:7px 9px;font-size:.67rem;font-weight:800}.group-button{color:#245d46;background:#b9e5ce}.restrict-button{color:#fff;background:#71535b}.empty{color:#777c88;padding:12px 20px}.request-card{background:#29312e;border:1px solid #385047;border-radius:16px;margin:16px 0;padding:16px}.request-card p{color:#a9b9b2}.request-card div{gap:8px;display:flex}.request-card button{color:#fff;border:0;border-radius:10px;padding:10px 14px}.my-actions{margin:22px 0}.my-actions>span{color:#858b97;letter-spacing:.11em;text-transform:uppercase;margin:0 0 9px;font-size:.72rem;font-weight:800;display:block}.my-actions>div{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.my-actions button,.modal-actions button{color:#fff;cursor:pointer;border:0;border-radius:13px;min-height:48px;font-weight:800}.next{background:#2f8b69}.neutral{background:#4b5362!important}.danger{background:#a64f59}.history-button{color:#eceef2;cursor:pointer;background:#25262b;border:1px solid #373943;border-radius:15px;justify-content:space-between;width:100%;padding:16px 18px;font-weight:750;display:flex}.projection-note{text-align:center;color:#727783;font-size:.75rem}.drawer{z-index:20;background:#0009;justify-content:flex-end;padding:20px;display:flex;position:fixed;inset:0}.drawer-card{background:#232429;border:1px solid #373941;border-radius:22px;width:min(100%,480px);height:100%;padding:24px;overflow:auto;box-shadow:-20px 0 60px #0006}.drawer-card h2{margin:8px 0 22px;font-size:2rem}.past-game{background:#2a2b31;border:1px solid #393b43;border-radius:15px;margin-bottom:10px;padding:16px}.past-game p{color:#a4a9b4;margin:7px 0 0;line-height:1.45}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:50;background:#0c0d10bb;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{color:#f6f7f9;background:#292a30;border:1px solid #42444d;border-radius:22px;width:min(100%,390px);padding:24px;box-shadow:0 30px 90px #000a}.modal h2{margin:16px 0 8px}.modal p{color:#b8bdc7;line-height:1.5}.modal-actions{flex-direction:row-reverse;gap:9px;margin-top:22px;display:flex}.modal-actions button{flex:1}.join-again{margin:20px 0}@media (width<=520px){.topbar .logo div{display:none}.game-heading h1{font-size:2.5rem}.my-actions>div{grid-template-columns:1fr 1fr}.my-actions .next{grid-column:1/-1}.player-name small{display:none}.auth-card{margin-top:3vh}}@media (prefers-color-scheme:light){:root{color:#20242c;background:#edf1f5}.app-shell{background:radial-gradient(circle at 50% 0,#fff 0,#edf1f5 60%)}.auth-card,.queue-card,.drawer-card,.modal{color:#20242c;background:#fff;border-color:#dde2e8;box-shadow:0 24px 60px #3440521c}.auth-card p,.modal p{color:#5f6876}.auth-card input,.inline-name{color:#1c222b;background:#f4f6f8;border-color:#d9dee5}.queue-card>header,.player-row{border-color:#e3e7ec}.player-row:hover{background:#f4f6f8}.player-row.own{background:linear-gradient(90deg,#eeebff,#f9f9fb)}.icon-button,.history-button,.admin-tools select,.admin-tools button{color:#333944;background:#fff;border-color:#dbe0e6}.past-game{background:#f5f7f9;border-color:#e0e5ea}.past-game p{color:#616a78}.drawer{background:#29303a77}.modal-backdrop{background:#3b43557a}.neutral{background:#677282!important}}.rejoin-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.rejoin-actions button{color:#fff;border:0;border-radius:14px;min-height:54px;font-weight:800}.rejoin-card{margin-top:12vh}.player-row[draggable=true]{cursor:grab}.player-row.dragging{opacity:.28;transform:scale(.98)}.player-row.drop-space{transform:translateY(12px);box-shadow:0 -10px 22px #7564f529}.player-row[draggable=true]:active{cursor:grabbing}.member-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.member-row button{color:#fff;background:#5d536f;border:0;border-radius:10px;padding:9px 12px}@media (width<=620px){.admin-tools{grid-template-columns:1fr 1fr;display:grid}.admin-tools select{grid-column:1/-1}}.admin-tools .reset-tool{color:#ffabb3;border-color:#70444a}.admin-player-actions{align-items:center;gap:5px;margin-left:8px;display:flex}.admin-player-actions button{color:#fff;cursor:pointer;border:0;border-radius:9px;padding:7px 9px;font-size:.66rem;font-weight:800;transition:transform .16s,box-shadow .16s,filter .16s}.admin-sitout-button,.admin-leave-button{background:#6b6478}.restrict-button{background:#a33f4b}.admin-player-actions button:hover{filter:brightness(1.08);transform:translateY(-1px)}.admin-sitout-button:hover,.admin-leave-button:hover{box-shadow:0 0 15px #80768e70}.restrict-button:hover{box-shadow:0 0 16px #d9535f70}.theme-switch{top:max(12px,env(safe-area-inset-top));z-index:30;color:#d7dae1;cursor:pointer;letter-spacing:.08em;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;font-size:.56rem;font-weight:850;display:flex;position:fixed;right:14px}.theme-track{background:#050608;border-radius:999px;width:54px;height:29px;display:block;position:relative;box-shadow:inset 0 0 0 1px #ffffff20,0 5px 16px #0004}.theme-track i{background:#fff;border-radius:50%;width:21px;height:21px;transition:all .2s;position:absolute;top:4px;left:4px;box-shadow:inset -6px -2px #050608}.theme-light .theme-switch{color:#555d68}.theme-light .theme-track{background:#dce5ef;box-shadow:inset 0 0 0 1px #b7c4d2,0 5px 16px #52657820}.theme-light .theme-track i{background:#f5ad35;left:29px;box-shadow:0 0 10px #f5ad3577}.theme-light .admin-sitout-button,.theme-light .admin-leave-button{background:#55708d}.theme-light .restrict-button{background:#c94955}.theme-light .admin-sitout-button:hover,.theme-light .admin-leave-button:hover{box-shadow:0 0 15px #55708d66}.theme-light .restrict-button:hover{box-shadow:0 0 16px #c9495566}@media (width<=620px){.admin-row{flex-wrap:wrap;align-items:flex-start}.admin-row .player-name{min-height:34px}.admin-player-actions{gap:5px;width:100%;margin:2px 0 2px 34px}.admin-player-actions button{flex:1;padding:7px 6px;font-size:.63rem}.theme-switch{right:8px}}.app-shell.theme-light{color:#20242c;background:radial-gradient(circle at 50% 0,#fff 0,#edf1f5 60%)}.theme-light .auth-card,.theme-light .queue-card,.theme-light .drawer-card,.theme-light .modal{color:#20242c;background:#fff;border-color:#dde2e8;box-shadow:0 24px 60px #3440521c}.theme-light .auth-card p,.theme-light .modal p{color:#5f6876}.theme-light .auth-card input,.theme-light .inline-name,.theme-light .add-player-card input{color:#1c222b;background:#f4f6f8;border-color:#d9dee5}.theme-light .queue-card>header,.theme-light .player-row{border-color:#e3e7ec}.theme-light .player-row:hover{background:#f4f6f8}.theme-light .player-row.own{background:linear-gradient(90deg,#eeebff,#f9f9fb)}.theme-light .icon-button,.theme-light .history-button,.theme-light .admin-tools select,.theme-light .admin-tools button{color:#333944;background:#fff;border-color:#dbe0e6}.theme-light .admin-tools .add-player-tool{color:#fff;background:#2f8b69;border-color:#2f8b69}.theme-light .admin-tools .next-game-tool{color:#fff;background:#2878c8;border-color:#2878c8}.theme-light .past-game{background:#f5f7f9;border-color:#e0e5ea}.theme-light .past-game p,.theme-light .add-player-card>p,.theme-light .add-player-card label{color:#5f6876}.theme-light .drawer{background:#29303a77}.theme-light .modal-backdrop{background:#3b43557a}.theme-light .neutral{background:#677282!important}.app-shell.theme-dark{color:#f5f6f8;background:radial-gradient(circle at 50% -10%,#30333c 0,#1b1c20 42%,#17181c 100%)}.theme-dark .auth-card,.theme-dark .queue-card,.theme-dark .drawer-card,.theme-dark .modal{color:#f5f6f8;background:#24252a;border-color:#353840;box-shadow:0 24px 70px #0006}.theme-dark .auth-card{background:#26272ce6}.theme-dark .modal{background:#292a30}.theme-dark .auth-card p,.theme-dark .modal p{color:#abb0ba}.theme-dark .auth-card input,.theme-dark .inline-name,.theme-dark .add-player-card input{color:#fff;background:#1d1e22;border-color:#42454e}.theme-dark .queue-card>header,.theme-dark .player-row{border-color:#31333a}.theme-dark .player-row:hover{background:#2a2b31}.theme-dark .player-row.own{background:linear-gradient(90deg,#302e4b,#292a31)}.theme-dark .icon-button,.theme-dark .history-button,.theme-dark .admin-tools select,.theme-dark .admin-tools button{color:#e9ebef;background:#25262b;border-color:#3b3e47}.theme-dark .admin-tools .add-player-tool{color:#fff;background:#286b54;border-color:#347f66}.theme-dark .admin-tools .next-game-tool{color:#fff;background:#2563a8;border-color:#3479c3}.theme-dark .past-game{background:#2a2b31;border-color:#393b43}.theme-dark .past-game p,.theme-dark .add-player-card>p{color:#a4a9b4}.theme-dark .add-player-card label{color:#b8bdc7}.theme-dark .drawer{background:#0009}.theme-dark .modal-backdrop{background:#0c0d10bb}.theme-dark .neutral{background:#4b5362!important}
