@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{color:#e8e6e2;font-synthesis:none;text-rendering:optimizelegibility;--orange:#e76d32;--orange-bright:#f17b3b;--muted:#93959b;--line:#ffffff17;--panel:#191b20;background:#101216;font-family:Noto Sans SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(at 50% -20%,#28272a 0,#0000 55%),#101216;min-width:320px;margin:0}button,a,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}.site-shell{max-width:1600px;margin:0 auto;padding:0 28px}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:42px;height:78px;display:flex}.brand{color:#f1eee8;align-items:center;gap:11px;min-width:215px;text-decoration:none;display:flex}.brand-mark{clip-path:polygon(0 0,100% 0,88% 78%,50% 100%,12% 78%);color:#171719;background:linear-gradient(145deg,#f49b62,#a93e24);place-items:center;width:39px;height:42px;font-family:Barlow Condensed;font-size:28px;font-weight:800;display:grid}.brand-copy{letter-spacing:2px;flex-direction:column;line-height:1.1;display:flex}.brand-copy b{font-family:Barlow Condensed;font-size:23px}.brand-copy small{color:#8f8d8a;letter-spacing:1.5px;margin-top:5px;font-size:8px}.top-nav{flex:1;align-items:center;gap:30px;height:100%;display:flex}.top-nav a{color:#92949a;align-items:center;height:100%;font-size:13px;text-decoration:none;display:flex;position:relative}.top-nav a:hover,.top-nav a.nav-active{color:#f3eee9}.top-nav a.nav-active:after{content:"";background:var(--orange);height:2px;position:absolute;bottom:0;left:0;right:0}.steam-login{color:#e5e5e5;background:#24262c;border:1px solid #41434a;border-radius:4px;align-items:center;gap:9px;padding:10px 16px;font-size:12px;display:flex}.steam-login:hover{background:#2b2e34;border-color:#85868b}.steam-symbol{font-size:19px}.hero{background:#111722 url(https://images.unsplash.com/photo-1518709268805-4e9042af9f23?auto=format&fit=crop&w=2200&q=85) 50% 44%/cover no-repeat;border-bottom:1px solid #37343a;height:330px;position:relative;overflow:hidden}.hero:before{content:"";background:linear-gradient(90deg,#0a0c12f5 0%,#0a0c12c7 38%,#0a0c1233 75%,#0a0c1266 100%),linear-gradient(#0000 55%,#0b0d1299);position:absolute;inset:0}.hero-shade{border:1px solid #ffffff0a;position:absolute;inset:0}.hero-content{z-index:1;padding:47px 5.2%;position:relative}.eyebrow,.section-kicker{letter-spacing:2.4px;color:#d88359;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700}.eyebrow{align-items:center;gap:9px;display:flex}.eyebrow span{background:#ee8247;width:6px;height:6px;transform:rotate(45deg)}.hero h1{letter-spacing:1px;color:#f6f2ed;text-shadow:0 3px 20px #000;margin:16px 0 10px;font-size:43px;font-weight:800;line-height:1.28}.hero h1 span{color:#e77b47}.hero p{color:#b5b3b4;margin:0;font-size:13px}.hero-tags{color:#b6b3b2;gap:19px;margin-top:24px;font-size:10px;display:flex}.hero-tags span:first-child{color:#e99a70}.hero-side-note{color:#ffffff6b;letter-spacing:5px;text-align:right;font:700 13px/1.5 Barlow Condensed;position:absolute;bottom:35px;right:7%}.hero-side-note b{letter-spacing:7px;color:#ffffffa6;font-size:28px}.workspace{grid-template-columns:1fr;gap:16px;margin-top:16px;display:grid}.panel{background:linear-gradient(145deg,#1e2025fa,#17191dfa);border:1px solid #303137;box-shadow:0 12px 30px #0000001a}.team-panel,.chat-panel{min-height:350px;padding:24px}.section-heading,.chat-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.section-heading h2,.chat-heading h2{letter-spacing:.3px;margin:5px 0 0;font-size:18px;font-weight:600}.count{color:#f3a071;margin-left:9px;font-family:Barlow Condensed;font-size:14px}.count i{color:#777980;font-size:12px;font-style:normal}.live-status{color:#b9b7b5;white-space:nowrap;border:1px solid #393a3e;border-radius:3px;padding:7px 9px;font-size:10px}.pulse,.online-dot{background:#74b58b;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 9px #74b58b65}.player-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.player-card{border-radius:3px;flex-direction:column;justify-content:center;align-items:center;min-width:0;height:112px;display:flex;position:relative;overflow:hidden}.player-card.filled{background:linear-gradient(145deg,#34353b,#24262b);border:1px solid #4a4a4d}.player-card.leader{border-color:#c56d42}.player-avatar{background:#3a3435;border:1px solid #69676a;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:8px;display:grid;position:relative;overflow:visible}.player-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-placeholder{color:#e9b59c;font:700 20px Barlow Condensed}.leader-flag{color:#fff;background:#b85a32;border-radius:2px;padding:3px 5px;font-size:9px;position:absolute;top:-7px;left:-10px}.player-name{text-overflow:ellipsis;white-space:nowrap;max-width:90%;font-size:11px;font-weight:600;overflow:hidden}.player-id{color:#82848b;text-overflow:ellipsis;max-width:90%;margin-top:3px;font-size:9px;overflow:hidden}.online-dot{border:2px solid #24262b;width:10px;height:10px;margin:0;position:absolute;bottom:0;right:-2px}.player-card.empty{color:#777980;background:#ffffff03;border:1px dashed #44444a;gap:5px;font-size:10px}.empty-plus{color:#8a8b90;font-family:Arial;font-size:27px;font-weight:300;line-height:1}.player-card.empty:hover{color:#d28b69;background:#d66c2a0b;border-color:#a35c3d}.queue-controls{align-items:stretch;gap:10px;margin-top:21px;display:flex}.queue-select{background:#24262b;border:1px solid #38393e;border-radius:3px;flex-shrink:0;align-items:center;gap:10px;width:155px;padding:8px 10px;display:flex}.queue-icon{color:#d88860;font-size:19px}.queue-select div{flex-direction:column;flex:1;gap:2px;display:flex}.queue-select small{color:#82848a;font-size:9px}.queue-select b{font-size:11px;font-weight:500}.chevron{color:#85868b}.btn-primary,.btn-danger,.btn-secondary{border-radius:3px;min-height:46px;padding:0 17px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s}.btn-primary{color:#fff;background:linear-gradient(110deg,#e66c31,#f0803e);border:1px solid #f18b51;flex:1;box-shadow:0 5px 15px #e66c3121}.btn-primary:hover{background:linear-gradient(110deg,#f17b3e,#ff9250)}.btn-icon{margin-right:9px;font-size:10px}.btn-danger{color:#efb2a7;background:#3a2223;border:1px solid #a64b42;flex:1}.btn-danger:hover{background:#512b2a}.btn-secondary{color:#d0cecb;background:#292b30;border:1px solid #45464b}.room-meta{border:1px solid #37383d;border-radius:3px;align-items:center;gap:9px;min-width:0;padding:0 12px;font-size:10px;display:flex}.room-meta span{color:#83858b}.room-meta b{color:#d4d1cd;text-overflow:ellipsis;max-width:120px;font-weight:500;overflow:hidden}.copy-button{color:#e28b5c;background:0 0;border:0;font-size:20px}.tip-line{color:#898b91;border-top:1px solid #303137;align-items:center;gap:8px;margin-top:20px;padding-top:14px;font-size:10px;line-height:1.7;display:flex}.tip-icon{border:1px solid #66686e;border-radius:50%;flex-shrink:0;place-items:center;width:15px;height:15px;font-size:9px;display:grid}.chat-panel{flex-direction:column;min-height:350px;display:flex}.chat-heading{border-bottom:1px solid #35363a;padding-bottom:17px}.chat-count{color:#92949a;font-size:10px}.chat-body{flex:1;min-height:190px;max-height:250px;padding:12px 2px;overflow-y:auto}.chat-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:180px;display:flex}.chat-emblem{color:#c17a55;border:1px solid #484044;place-items:center;width:42px;height:42px;margin-bottom:15px;font-size:21px;display:grid;transform:rotate(45deg)}.chat-emblem:first-letter{transform:rotate(-45deg)}.chat-empty b{color:#c7c3bf;font-size:12px;font-weight:500}.chat-empty p{color:#777980;margin:7px 0 0;font-size:10px;line-height:1.9}.chat-message{gap:9px;margin:8px 0 14px;display:flex}.message-avatar{color:#e7b297;background:#3b3030;border:1px solid #5c4840;border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.message-content{flex:1;min-width:0}.message-meta{align-items:center;gap:10px;display:flex}.message-meta b{color:#d5d0ca;font-size:10px}.message-meta time{color:#71737a;font-size:9px}.message-content p{color:#aaa7a3;overflow-wrap:anywhere;margin:5px 0 0;font-size:11px}.chat-compose{border-top:1px solid #303137;gap:8px;padding-top:13px;display:flex}.chat-compose input{color:#e8e5e0;background:#222429;border:1px solid #393a40;border-radius:3px;outline:none;flex:1;min-width:0;padding:12px;font-size:10px}.chat-compose input:focus{border-color:#a55e40}.chat-compose input::placeholder{color:#777980}.chat-compose button{color:#fff;background:#dc713b;border:1px solid #c56a3c;border-radius:3px;width:43px}.chat-footnote{text-align:right;color:#666970;margin-top:7px;font-size:9px}.lower-panel{min-height:235px;margin-top:16px}.tabs{border-bottom:1px solid #34353a;align-items:center;gap:27px;height:54px;padding:0 25px;display:flex}.tabs button{color:#85878d;background:0 0;border:0;height:100%;font-size:12px;position:relative}.tabs button.active{color:#ed9868}.tabs button.active:after{content:"";background:var(--orange);height:2px;position:absolute;bottom:-1px;left:0;right:0}.tab-rule{flex:1}.lower-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:24px;display:flex}.lower-icon{color:#b66b48;font-size:25px}.lower-content h3{color:#d8d3ce;margin:9px 0 4px;font-size:13px;font-weight:600}.lower-content p{color:#85878d;margin:4px 0 13px;font-size:10px;line-height:1.8}.text-action{color:#e58a5a;background:0 0;border:0;font-size:10px}.text-action span{margin-left:5px}footer{color:#5f6167;letter-spacing:1.4px;justify-content:space-between;padding:23px 3px 30px;font:10px Barlow Condensed;display:flex}.toast{z-index:10;color:#eee8e2;background:#282b30;border:1px solid #4b4c50;border-left:3px solid #e98049;border-radius:4px;max-width:90vw;padding:13px 20px;font-size:12px;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #0007}.toast.error{border-left-color:#e05252}.toast-enter-active,.toast-leave-active{transition:opacity .2s,transform .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,10px)}@media (width>=1300px){.site-shell{padding:0 42px}.hero{height:360px}.hero-content{padding-top:58px}.team-panel,.chat-panel{padding:27px}.player-card{height:125px}.player-avatar{width:52px;height:52px}}@media (width<=900px){.site-shell{padding:0 14px}.topbar{gap:18px}.brand{min-width:auto}.top-nav{gap:15px}.workspace{grid-template-columns:1fr}.team-panel,.chat-panel{min-height:auto}.chat-body{min-height:130px}.hero{height:300px}.hero h1{font-size:36px}}@media (width<=560px){.site-shell{padding:0 9px}.topbar{gap:10px;height:66px}.brand-mark{width:32px;height:35px;font-size:22px}.brand-copy b{font-size:18px}.brand-copy small{letter-spacing:.8px;font-size:7px}.top-nav{display:none}.steam-login{margin-left:auto;padding:9px 10px;font-size:10px}.hero{height:285px}.hero-content{padding:38px 22px}.hero h1{font-size:32px}.hero p{max-width:280px;font-size:11px;line-height:1.8}.hero-tags{flex-wrap:wrap;gap:10px;font-size:9px}.hero-side-note{font-size:9px;bottom:20px;right:18px}.hero-side-note b{font-size:20px}.workspace{gap:9px;margin-top:9px}.team-panel,.chat-panel{padding:17px 13px}.section-heading h2,.chat-heading h2{font-size:16px}.live-status{padding:6px;font-size:9px}.player-grid{gap:7px;margin-top:19px}.player-card{height:103px}.player-avatar{width:39px;height:39px}.player-name{font-size:10px}.player-id{font-size:8px}.queue-controls{flex-wrap:wrap;gap:8px}.queue-select{width:100%;height:43px}.btn-primary,.btn-danger{flex:1;min-height:44px}.btn-secondary{min-height:44px}.room-meta{flex:1;min-height:44px}.tip-line{font-size:9px}.tabs{padding:0 15px}.lower-panel{margin-top:9px}footer{font-size:8px}.chat-panel{min-height:320px}}.region-select{color:#e8e5e0;appearance:none;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:0;font-size:11px;font-weight:600}.region-select option{color:#e8e5e0;background:#24262b}.steam-login.logged{cursor:default;opacity:.92;letter-spacing:.4px}.logout-button{color:#e8a184;background:#2a2422;border:1px solid #4a3b34;border-radius:4px;padding:7px 12px;font-size:11px}.logout-button:hover{color:#ffb08c;background:#3a2c26;border-color:#c56a3c}.account-group{align-items:center;gap:8px;display:flex}.account-group .steam-login{gap:7px;padding:7px 12px;font-size:11px}.account-group .steam-symbol{font-size:15px}.logged-avatar{object-fit:cover;border:1px solid #6a6a70;border-radius:50%;width:20px;height:20px}.btn-primary.finding{color:#e8c48a;cursor:wait;background:#3a3222;border-color:#8a6a3c}.spin{animation:1.2s linear infinite d2cspin;display:inline-block}@keyframes d2cspin{to{transform:rotate(360deg)}}.leave-inline{flex:none;padding:0 18px}.btn-alt{color:#e8c4a4;background:#24262b;border:1px solid #5a4a3e;border-radius:4px;flex:none;min-height:48px;padding:0 16px;font-size:12px;font-weight:600}.btn-alt:hover{color:#ffb08c;border-color:#e76d32}.app-version{letter-spacing:.8px;color:#a8aab0;font-family:Barlow Condensed,monospace;font-size:16px;font-weight:600}.lang-select{color:#e5e5e5;cursor:pointer;background:#24262c;border:1px solid #41434a;border-radius:4px;outline:none;padding:9px 10px;font-size:11px}