@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#eaf0fd;background:#080d1b;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}::selection{background:#7e69db55}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Space Grotesk,sans-serif;letter-spacing:-.035em}h1{font-size:clamp(34px,4vw,50px);line-height:1.09;margin-bottom:13px}h1 em{font-style:normal;color:#d4ae68}h2{font-size:21px}h3{font-size:18px}.muted{color:#939fb7}.small{font-size:13px}.tiny{font-size:11px}.center-loader{display:flex;align-items:center;justify-content:center;gap:10px;color:#aab6ca;padding:44px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{height:100vh;display:grid;place-content:center}.logo-big{font-family:Space Grotesk;font-weight:800;font-size:46px;letter-spacing:.06em;text-align:center}.logo-big span{color:#d7ac6c}.app-shell{min-height:100vh;display:flex}.sidebar{position:sticky;top:0;width:265px;flex:0 0 265px;height:100vh;background:#0b1121;border-right:1px solid #1e2a42;padding:29px 19px;display:flex;flex-direction:column;gap:34px}.brand{display:flex;align-items:center;gap:12px;font-family:Space Grotesk;font-size:15px;font-weight:700;letter-spacing:.015em}.brand b{color:#e4be7d}.brand small{display:block;font-family:DM Sans;font-weight:600;font-size:8px;letter-spacing:.11em;color:#66748c;margin-top:3px}.brand-mark{display:grid;place-items:center;min-width:43px;height:43px;border:1px solid #8e7240;border-radius:12px;color:#e5c07c;background:linear-gradient(145deg,#302847,#131b29)}.nav-caption,.eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;color:#d6b678;text-transform:uppercase}.nav-caption{color:#566480;margin:8px 12px -24px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:9px;color:#8997b2;font-size:14px;font-weight:600;transition:.15s}.sidebar nav a:hover{color:#fff;background:#161e34}.sidebar nav a.active{background:#202b44;color:#f3d69c;border:1px solid #384a68}.sidebar-bottom{margin-top:auto;display:grid;gap:20px}.sidebar-tip{border:1px solid #2c3550;background:linear-gradient(150deg,#22213a,#131a2a);border-radius:13px;padding:17px;color:#d9b776}.sidebar-tip strong{display:block;font-size:11px;letter-spacing:.1em;margin:12px 0 6px}.sidebar-tip p{margin:0;font-size:12px;line-height:1.65;color:#a4aec5}.user-strip{display:flex;align-items:center;gap:10px;padding-top:13px;border-top:1px solid #243049}.user-strip strong{display:block;font-size:13px}.user-strip small{display:block;color:#8b96ad;font-size:11px;margin-top:3px}.user-strip button{margin-left:auto;border:0;background:none;color:#9ba8c3}.avatar{background:#34334d;color:#e7cf9b;border:1px solid #5b5070;border-radius:11px;display:grid;place-items:center;font-size:13px;font-weight:700;flex:none;width:39px;height:39px}.main{flex:1;min-width:0;background:radial-gradient(ellipse at 95% 0%,#1a1b35 0,#0a0f1e 35%,#080d1b 78%)}.page{max-width:1320px;margin:0 auto;padding:44px 48px 80px}.page-header{margin-bottom:30px}.page-header .eyebrow{margin-bottom:15px}.page-header p{color:#a7b3c8}.hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(112deg,#252a4ce0,#161d30bd);border:1px solid #364058;min-height:220px;border-radius:19px;padding:36px 39px;overflow:hidden;position:relative}.hero p{max-width:450px;margin:0}.hero-art{display:grid;place-items:center;width:176px;height:176px;border:1px solid #755b4966;border-radius:50%;color:#d5af6e;background:radial-gradient(circle,#53456060,#1b233566);box-shadow:0 0 0 18px #a0833915,0 0 0 48px #a0833909;transform:rotate(-13deg)}.tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px}.tile{padding:23px;border-radius:13px;border:1px solid #2a3450;background:#111a2d;display:flex;gap:17px;align-items:center}.tile-icon,.feature-icon{display:grid;place-items:center;border-radius:12px;background:#302a3b;color:#e2bd7c;width:44px;height:44px;flex:none}.tile strong{display:block;margin-top:4px;font-size:30px;font-family:Space Grotesk}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dashboard-actions{margin-bottom:35px}.panel{background:#10192c;border:1px solid #2b3955;border-radius:15px;padding:25px;min-width:0}.action-panel{display:flex;align-items:flex-start;flex-direction:column;gap:11px}.action-panel h2{margin:10px 0 0}.action-panel p{max-width:340px;font-size:14px;line-height:1.7;margin:0 0 7px;flex:1}.feature-icon{width:48px;height:48px}.feature-icon.purple{background:#302945;color:#b1a1ff}.btn{appearance:none;border:1px solid transparent;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;min-height:43px;font-size:13px;font-weight:800;white-space:nowrap;transition:background .15s,transform .15s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.primary{background:#d1ac71;color:#151822}.btn.primary:hover:not(:disabled){background:#efd19b}.btn.outline{background:#1a2439;border-color:#3d4b68;color:#d7e0ee}.btn.outline:hover:not(:disabled){background:#273653}.btn.ghost{background:transparent;color:#b3c1d9}.btn.danger{background:#703339;color:#fff}.stack{display:grid;gap:15px}.gap-lg{gap:19px}.separated{border-top:1px solid #34415c;width:100%;padding-top:20px;margin-top:10px}.join-form{display:flex;gap:9px;width:100%}.join-form input{flex:1;min-width:50px;letter-spacing:.1em}.join-form .btn{flex:none}label{display:grid;gap:8px;font-weight:700;font-size:12px;color:#c8d3e4}input,select{background:#0c1425;border:1px solid #35425d;color:#f2f5ff;border-radius:9px;padding:12px 14px;width:100%;outline:none;min-height:44px}input:focus,select:focus{border-color:#d4ac6b;box-shadow:0 0 0 3px #d4ac6b1a}input::placeholder{color:#687993}.section{margin:33px 0}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-header h2{display:flex;align-items:center;gap:10px;margin:0}.text-link{font-size:13px;font-weight:700;color:#d7b774;display:inline-flex;align-items:center;gap:4px}.text-link:hover{color:#ffe0a9}.lobby-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lobby-card{background:#111b2f;border:1px solid #2d3953;border-radius:13px;padding:22px;transition:.18s}.lobby-card:hover{border-color:#947d60;transform:translateY(-3px);background:#1a2238}.lobby-card h3{margin:20px 0 6px}.card-top,.card-bottom{display:flex;align-items:center;justify-content:space-between}.mini-icon{border:1px solid #504b4a;border-radius:10px;padding:9px;display:grid;place-items:center;color:#d2b479}.card-bottom{border-top:1px solid #2b3950;margin-top:21px;padding-top:14px;font-size:12px;color:#8fa0b8;gap:9px}.card-bottom span{display:flex;align-items:center;gap:5px}.card-bottom svg:last-child{margin-left:auto;color:#d3ae70}.badge{border:1px solid #455069;background:#222b3f;color:#bbc8df;padding:5px 10px;border-radius:40px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.badge.good{background:#143c35;color:#80e7c1;border-color:#266657}.badge.warning{background:#533b26;color:#e8c390;border-color:#8e6941}.badge.blue{background:#252d53;color:#bac6ff;border-color:#455995}.count-pill{font-family:DM Sans;font-weight:700;border-radius:7px;background:#283348;padding:3px 7px;font-size:12px;color:#a6b7d0}.empty{border:1px dashed #35445e;border-radius:13px;color:#7589a5;display:grid;justify-items:center;padding:45px 15px;gap:7px}.empty p{font-weight:800;color:#bcc8da;margin:8px 0 0}.empty span{font-size:13px}.alert{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;background:#47212b;border:1px solid #834659;color:#ffbdc4;border-radius:10px;font-size:13px;margin:13px 0}.success-note{display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:9px;color:#a5f0ce;background:#153d35;border:1px solid #327a61;font-size:13px}.form-hint{font-size:12px;color:#8897ad;margin-top:20px;text-align:center}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.07fr 1fr;background:#0a1020}.auth-art{background:linear-gradient(150deg,#242a4f,#0d1425 85%);position:relative;min-height:650px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:7vw 5.5vw;border-right:1px solid #31405b}.art-orbit{position:absolute;width:550px;height:550px;border-radius:50%;border:1px solid #96805733;left:46%;top:8%;box-shadow:0 0 0 100px #cfb66c08}.art-orbit-2{width:360px;height:360px;left:59%;top:20%;box-shadow:none}.art-core{position:absolute;top:24%;left:71%;color:#d3b17b;transform:rotate(-15deg);filter:drop-shadow(0 0 40px #c6a45388)}.art-content{position:relative;max-width:510px}.art-content h1{font-size:clamp(49px,5vw,80px);margin:23px 0}.art-content h1 span{color:#d6b675}.art-content p{color:#a6b5d1;line-height:1.8;font-size:16px;max-width:420px}.art-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.art-chips span{font-size:9px;letter-spacing:.09em;border:1px solid #6e6574;color:#c4b2aa;border-radius:30px;padding:8px 10px;font-weight:700}.auth-panel{display:grid;place-items:center;padding:40px 24px}.auth-inner{width:100%;max-width:390px}.auth-brand{display:flex;align-items:center;gap:13px;margin-bottom:40px;font-family:Space Grotesk;font-size:18px;letter-spacing:.02em}.auth-inner h2{font-size:30px;margin:28px 0 7px}.auth-inner>p{line-height:1.65}.auth-inner form{margin-top:25px}.auth-inner form .btn{width:100%;justify-content:center}.auth-footer{font-size:11px;margin-top:45px;color:#657188}.max-600{max-width:620px}.user-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #25334c;padding:10px 0}.user-row:last-child{border:0}.user-row>div:nth-child(2){flex:1;min-width:0}.user-row .badge{margin-left:auto}.lobby-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.lobby-head .back{margin-bottom:18px}.header-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:#98a8c1;font-size:13px}.header-meta>span:not(.badge){display:flex;gap:7px;align-items:center}.code-card{background:#151f33;border:1px solid #526083;border-radius:12px;padding:15px 18px;min-width:185px;display:grid;grid-template-columns:1fr auto;gap:6px}.code-card>span{font-weight:800;color:#7e8aa3;font-size:10px;letter-spacing:.12em;grid-column:span 2}.code-card strong{font-family:Space Grotesk;font-size:23px;letter-spacing:.16em;color:#e3c084}.code-card button{border:0;background:transparent;color:#c1ccdc}.player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.player-card{position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:17px 15px;background:#121d30;border:1px solid #35405a;border-radius:12px;overflow:hidden}.player-avatar{height:48px;width:48px;flex:none;display:grid;place-items:center;background:#353049;border-radius:10px;color:#e3be82;font-family:Space Grotesk;font-weight:700;border:1px solid #64516e}.player-info{min-width:0}.player-info strong{display:block;font-size:14px;white-space:nowrap}.player-info>span{display:block;font-size:11px;color:#a4b0c5;margin:3px 0 7px}.tagline{color:#8b98af;margin-left:2px;font-size:11px;font-weight:500}.host-ribbon{position:absolute;right:0;top:0;background:#3e3750;color:#dac08c;font-size:8px;letter-spacing:.04em;font-weight:800;padding:4px 8px}.remove-icon{position:absolute;top:4px;right:7px;background:none;border:0;color:#b6a6ab;font-size:19px}.guest-form{margin-top:15px}.section-cta{background:linear-gradient(110deg,#25233b,#161e30);border:1px solid #524d5f;padding:18px 23px;border-radius:13px;margin-top:18px;display:flex;justify-content:space-between;gap:20px;align-items:center}.section-cta p{margin:0}.section-cta strong{display:block;font-size:15px}.section-cta span{display:block;font-size:12px;color:#9baac1;margin-top:5px}.finish-cta{border-color:#826543}.match-stack{gap:16px}.match-panel{padding:24px}.match-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.match-heading h3{margin:7px 0 0}.teams-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:10px}.team-box{background:#0c1425;border:1px solid #2a3550;border-radius:10px;padding:15px}.team-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #293651;padding-bottom:10px;margin-bottom:13px}.team-head strong{font-size:11px;color:#e1bd78;letter-spacing:.1em}.team-player{display:flex;align-items:center;gap:9px;font-size:13px;margin:9px 0;color:#c6d0e5}.dot{height:7px;width:7px;background:#7b85a8;border-radius:50%}.open-slots{color:#958e9d;font-size:11px;border:1px dashed #55476c;border-radius:7px;padding:8px;margin-top:9px;display:flex;gap:7px;align-items:center}.match-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:19px;border-top:1px solid #2c3952;padding-top:17px}.button-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.table-wrap{overflow:auto;padding:0}.table-wrap table{border-collapse:collapse;width:100%;min-width:720px;text-align:left}.table-wrap th{padding:17px 18px;color:#8797b0;font-size:10px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #34405b}.table-wrap td{padding:18px;border-bottom:1px solid #25334b;font-size:13px;color:#c0cce0}.table-wrap tbody tr:last-child td{border:0}.table-wrap .winner-row{background:#3c342b55}.table-wrap .winner-row strong{color:#f2d49b}.gold{color:#e1bb78}.winner-banner{display:flex;align-items:center;gap:24px;background:linear-gradient(100deg,#4b3824,#282637 65%,#161f34);border:1px solid #8b6b3e;border-radius:17px;padding:29px;margin-bottom:30px}.winner-icon{border-radius:50%;background:#e6b96f24;color:#f1cc87;border:1px solid #947747;padding:19px}.winner-banner h2{font-size:35px;margin:8px 0 6px;color:#f4d396}.winner-banner p{margin:0;font-size:13px;color:#c2b6a7}.modal-backdrop{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:#01040bcc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:15px}.modal{width:min(100%,680px);max-height:94vh;overflow:auto;background:#131d31;border:1px solid #55627b;border-radius:16px;padding:27px;box-shadow:0 30px 90px #0008}.modal-title{display:flex;align-items:flex-start;justify-content:space-between}.modal-title h2{margin:10px 0}.modal>p{font-size:13px;line-height:1.6;margin-bottom:21px}.close{background:#252c40;color:#e5e9f4;border:0;border-radius:8px;font-size:24px;width:33px;height:33px;display:grid;place-items:center}.placement-row{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #33435d;border-radius:9px;padding:11px 14px}.placement-row strong{display:block;font-size:14px}.placement-row small{display:block;font-size:12px;color:#96a6bf;margin-top:4px}.placement-row select{width:125px;flex:none}.detail-toggle{background:transparent;border:0;padding:6px;color:#c8b583;display:flex;align-items:center;gap:8px;text-align:left;font-size:12px;font-weight:700}.stats-list{max-height:220px;overflow:auto}.stats-row{display:grid;grid-template-columns:minmax(90px,1.2fr) repeat(4,1fr);gap:8px;align-items:end;padding:9px;border-bottom:1px solid #28354c}.stats-row>strong{font-size:12px;margin-bottom:13px}.stats-row label{text-transform:capitalize;color:#94a2b6;font-size:10px}.stats-row input{padding:7px;min-height:35px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.modal-actions .btn{flex:1}.auth-inner code{color:#e6c58b}@media(max-width:1150px){.sidebar{width:215px;flex-basis:215px}.page{padding:33px 27px}.lobby-grid,.player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.match-footer{flex-wrap:wrap}}@media(max-width:800px){.app-shell{display:block;padding-bottom:66px}.sidebar{position:sticky;top:0;z-index:90;width:100%;height:auto;padding:12px 15px;display:flex;flex-direction:row;align-items:center;gap:10px}.sidebar .brand{font-size:12px}.sidebar .brand small,.sidebar .nav-caption,.sidebar .sidebar-tip{display:none}.sidebar nav{display:flex;flex:1;justify-content:end;gap:2px}.sidebar nav a{padding:10px}.sidebar nav a svg{width:18px}.sidebar nav a:not(.active){color:#7c8aa1}.sidebar nav a{font-size:0}.sidebar nav a svg{font-size:initial}.sidebar-bottom{margin:0}.user-strip{border:0;padding:0}.user-strip .avatar,.user-strip div:nth-child(2){display:none}.page{padding:26px 18px}.hero-art{display:none}.tile-grid{grid-template-columns:repeat(3,1fr)}.tile{padding:13px;gap:8px}.tile strong{font-size:23px}.tile-icon{width:34px;height:34px}.tile-icon svg{width:16px}.auth-layout{display:block}.auth-art{min-height:220px;padding:35px;justify-content:center}.art-orbit,.art-core,.art-chips{display:none}.art-content h1{font-size:36px;margin:10px 0}.art-content p{font-size:13px}.auth-panel{min-height:60vh}.auth-brand{margin-bottom:20px}}@media(max-width:620px){h1{font-size:34px}.hero{padding:22px}.hero p{font-size:13px}.grid-two,.grid-three,.lobby-grid,.player-grid,.tile-grid{grid-template-columns:1fr}.tile-grid{gap:9px}.tile{padding:10px}.tile strong{font-size:21px}.tile-grid .tile{flex-direction:row}.lobby-head{align-items:flex-start;flex-direction:column}.code-card{width:100%}.section-header{flex-wrap:wrap}.section-cta,.match-footer{align-items:stretch;flex-direction:column}.section-cta .btn,.match-footer .btn{width:100%}.button-row{display:grid}.teams-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(4,1fr)}.stats-row>strong{grid-column:span 4}.modal{padding:20px}.placement-row select{width:110px}.winner-banner{padding:19px}.winner-banner h2{font-size:24px}}