@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--navy:#11242a;--ink:#1f3032;--muted:#7a8584;--cream:#f5f4ef;--line:#e3e5df;--orange:#d97c49;--green:#345b52;--white:#fff;--radius:14px}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font:14px Be Vietnam Pro,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.46;cursor:not-allowed}button{transition:background .15s,transform .15s}:is(button:focus-visible,a:focus-visible){outline-offset:4px;outline:3px solid #dba474}input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #648e7e}h1,h2,h3,p{margin-top:0}p{line-height:1.8}h1,h2,h3{letter-spacing:-.045em}h1{margin-bottom:10px;font-size:32px;font-weight:700}h3{letter-spacing:-.025em;margin-bottom:12px;font-size:16px}small{font-size:11px}svg{flex-shrink:0}button svg{vertical-align:middle}.shell{min-height:100vh;display:flex}.sidebar{background:var(--navy);color:#b1bfbc;z-index:10;flex-direction:column;width:240px;padding:35px 20px 20px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{color:#f4f3e9;letter-spacing:.02em;align-items:center;gap:12px;margin:0 10px 56px;font-size:23px;font-weight:800;display:flex}.brandmark{color:#1b3438;background:#e3c499;border-radius:10px 3px;place-items:center;width:43px;height:45px;font:800 28px Manrope,sans-serif;display:grid}.brand-sub{letter-spacing:.19em;color:#b3c0b9;margin-top:5px;font-size:8px;font-weight:500;display:block}.side-label{letter-spacing:.12em;color:#7e9996;margin:0 12px 19px;font-size:8px}.nav-item{color:#abc0bb;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:13px;width:100%;margin:3px 0;padding:14px;font-size:12px;display:flex}.nav-item.active{color:#f1e1b6;background:#284039}.nav-item:hover{background:#233c39}.nav-item small{color:#e1d5b1;background:#3e5146;border-radius:4px;margin-left:auto;padding:3px 6px;font-size:10px}.side-season{letter-spacing:.05em;border-bottom:1px solid #2b3d40;margin-top:auto;padding:24px 15px 35px;font-size:9px;position:relative;overflow:hidden}.dot{background:#d9ad70;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.side-season p{color:#bbc7bc;letter-spacing:0;margin-top:16px;font-size:12px;line-height:1.85}.side-moon{color:#415646;opacity:.5;font-size:80px;position:absolute;bottom:24px;right:-5px;transform:rotate(-20deg)}.side-bottom{align-items:center;gap:9px;min-width:0;padding-top:24px;display:flex}.side-bottom>div{flex:1;min-width:0}.side-bottom strong{color:#e0e5d9;font-size:10px;display:block}.side-bottom small{text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:8px;display:block;overflow:hidden}.avatar{color:#3d5b50;background:#dcdcc9;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:14px;font-weight:600;display:grid}.avatar.small{width:30px;height:30px;font-size:11px}.side-bottom .avatar{width:32px;height:32px}.shell>main{width:calc(100% - 240px);margin-left:240px}.topbar{border-bottom:1px solid var(--line);background:#f8f7f3;justify-content:space-between;align-items:center;height:75px;padding:0 42px;font-size:10px;display:flex}.topbar>div{align-items:center;gap:16px;display:flex}.crumb{color:#89918a;letter-spacing:.12em;font-size:8px}.tz{color:#8b928b;font-size:10px}.connection{color:#5f7868;align-items:center;gap:7px;font-size:9px;display:flex}.connection i,.live-dot{background:#7e9c70;border-radius:50%;width:6px;height:6px}.connection.offline{color:#ad543d}.connection.offline i{background:#ad543d}.icon-button{color:#6b7b73;background:0 0;border:0;align-items:center;padding:8px;display:flex}.mobile-menu{display:none}.content{max-width:1540px;margin:auto;padding:34px 42px 0}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px;display:flex}.page-heading p{color:#8a9189;margin:0;font-size:12px;line-height:1.8}.eyebrow{letter-spacing:.16em;color:#82907c;margin-bottom:12px;font:600 9px Manrope,sans-serif}.button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:10px;padding:12px 17px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.primary{background:var(--orange);color:#fff5e8}.primary:hover:not(:disabled){background:#c9713f}.secondary{color:#5b695e;background:#fafaf5;border-color:#dedfd6}.secondary:hover{background:#eeeee4}.danger{color:#9d4236;background:#fff5f0;border-color:#d5a59c}.hero{border-radius:var(--radius);color:#f8f3e7;background:#112932;min-height:343px;margin-bottom:22px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:1;width:65%;padding:33px 38px}.pill{letter-spacing:.15em;color:#cfceac;background:#193339;border:1px solid #475a56;border-radius:20px;align-items:center;padding:7px 10px;font-size:8px;display:inline-flex}.hero h2{letter-spacing:-.055em;margin:22px 0 14px;font-family:Be Vietnam Pro,sans-serif;font-size:43px;font-weight:600;line-height:1.2}.hero h2 em{color:#e4c293;font-style:normal}.hero p{color:#adbfba;margin-bottom:21px;font-size:11px;line-height:1.9}.hero-actions{align-items:center;gap:22px;display:flex}.hero-caption{letter-spacing:.1em;color:#819d97;font-size:7px}.night-art{width:46%;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.night-art svg{width:100%;height:100%;position:absolute;bottom:-24px;right:0}.moon-disc{background:#dfc692;border-radius:50%;width:149px;height:149px;position:absolute;top:42px;right:75px;box-shadow:0 0 75px #c8b67a22}.orbit{border:1px solid #9ca77214;border-radius:50%;width:242px;height:242px;position:absolute;top:-3px;right:28px}.orbit.two{width:316px;height:316px;top:-40px;right:-10px}.art-caption{letter-spacing:.2em;color:#758780;font-size:6px;position:absolute;bottom:19px;right:30px}.star{color:#9dac95;font-size:17px;position:absolute}.star.a{top:89px;right:52px}.star.b{font-size:10px;top:47px;left:22px}.stats{grid-template-columns:repeat(4,1fr);gap:15px;margin:0 0 29px;display:grid}.stats>div{border:1px solid var(--line);background:#fcfcf8;border-radius:10px;align-items:center;gap:14px;padding:20px 17px;display:flex}.stat-icon{color:#6e8970;background:#ebf0e6;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.stat-icon.gold{color:#bd9457;background:#f4ede1}.stat-icon.blue{color:#738f92;background:#eaf0ee}.stat-icon.pink{color:#bf8f74;background:#f3eae3}.stats small{color:#8b938b;margin-bottom:8px;font-size:9px;display:block}.stats strong{white-space:nowrap;font:700 23px Manrope,sans-serif}.stats em{color:#899287;font:400 9px Be Vietnam Pro,sans-serif}.dashboard-grid{grid-template-columns:minmax(0,1fr) 285px;gap:23px;display:grid}.panel{border:1px solid var(--line);background:#fcfcf9;border-radius:12px;margin-bottom:22px;overflow:hidden}.section-title{border-bottom:1px solid #edede6;justify-content:space-between;align-items:center;gap:14px;padding:20px 23px;display:flex}.section-title h3{align-items:center;gap:9px;margin:0;font-size:13px;display:flex}.subtle{color:#9a9f94;letter-spacing:.09em;font-size:7px}.welcome-body{text-align:center;color:#62736c;padding:30px 28px}.welcome-body h3{color:#354b40;margin-top:18px;margin-bottom:10px;font-size:18px}.welcome-body p{max-width:500px;margin:0 auto 22px;font-size:11px}.empty-icon{color:#9c9e73;background:#f1f0e4;border-radius:50%;place-items:center;width:57px;height:57px;margin:0 auto;display:grid}.steps-inline{border-top:1px solid var(--line);text-align:left;justify-content:space-between;gap:15px;padding-top:22px;font-size:9px;display:flex}.steps-inline b{color:#b1ab8c;margin-bottom:8px;font:600 17px Manrope;display:block}.timeline{grid-template-columns:1fr 1fr;gap:30px;padding:24px;display:grid}.timeline>div{padding-left:46px;position:relative}.time-icon{color:#b6a171;background:#f2efe4;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:4px;left:0}.timeline small{color:#8b927d;margin-bottom:8px;font-size:8px;display:block}.timeline strong{font-size:11px;display:block}.timeline p{color:#92998e;margin:8px 0 0;font-size:10px;line-height:1.7}.text-button{color:#8c7856;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:10px;display:inline-flex}.role-secret{text-align:center;color:#e4ddc6;background:#263e37;border-radius:12px;margin-bottom:22px;padding:0 23px 22px;position:relative;overflow:hidden}.role-secret .section-title{color:#bcc8b3;border-color:#40534a;padding:20px 0}.role-secret .section-title h3{font-size:12px}.card-emblem{color:#c6b788;background:radial-gradient(#5d6f453a,#0000);border:1px solid #8d91725c;border-radius:40px 40px 7px 7px;place-items:center;width:90px;height:106px;margin:24px auto 19px;font-size:47px;line-height:1;display:grid}.role-secret>small{letter-spacing:.15em;color:#a7af90;font-size:7px}.role-secret>h3{margin:12px 0;font-size:18px;font-weight:500}.role-secret p{color:#aab9a8;min-height:40px;font-size:10px;line-height:1.8}.secret-button{color:#d9d3b4;background:#31493e;border-color:#738166;width:100%;font-size:10px}.secret-button:hover{background:#3e594a}.eliminated{color:#dfaa94;margin-top:12px;font-size:10px;display:block}.news{padding:0 23px}.news>div{border-bottom:1px solid #e8eadd;padding:18px 0}.news>div:last-child{border:0}.news small{color:#a8a88e;font-size:8px}.news p{color:#738071;margin:8px 0 0;font-size:10px;line-height:1.85}.quote{letter-spacing:-.05em;color:#afb298;padding:7px 17px 25px;font:500 25px/1.4 Be Vietnam Pro,sans-serif}.quote small{letter-spacing:.09em;color:#9caa98;margin-top:18px;font-size:6px;display:block}.footer{border-top:1px solid var(--line);color:#9da492;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding:25px 0 30px;font-size:9px;display:flex}.footer>span:first-child{letter-spacing:.07em;color:#6b7b66;font-size:12px;font-weight:700}.footer b{margin-left:8px;font-size:7px;font-weight:400}.footer small{font-size:7px}.filterbar{justify-content:space-between;align-items:center;gap:20px;margin:25px 0;display:flex}.filterbar>input{max-width:270px}.segmented{background:#eaece4;border-radius:7px;align-items:center;gap:4px;padding:4px;display:flex}.segmented button{color:#7a8778;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;padding:9px 14px;font-size:10px;display:flex}.segmented .chosen{color:#36584b;background:#fffefa;box-shadow:0 1px 5px #2638280a}.role-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.role-card{border:1px solid var(--line);background:#fdfdf8;border-radius:12px;flex-direction:column;padding:23px;transition:transform .2s,border-color .2s;display:flex}.role-card:hover{border-color:#b9c5ad;transform:translateY(-3px)}.role-card-top{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.role-card-top>span{color:#677e5d;background:#eff1e6;border-radius:12px;place-items:center;width:51px;height:51px;font-size:29px;display:grid}.role-card-top small{color:#7b8f6a;background:#edf1e4;border-radius:20px;padding:5px 9px;font-size:9px}.role-card h3{font-size:19px}.role-card p{color:#83907d;flex:1;font-size:11px}.role-card footer{letter-spacing:.1em;color:#a0a88d;border-top:1px solid #eaecdf;margin-top:10px;padding-top:15px;font-size:7px}.role-card.wolf{color:#e3dec9;background:#243a36;border-color:#32483e}.role-card.wolf .role-card-top>span{color:#d4b985;background:#364c3e}.role-card.wolf .role-card-top small{color:#cfbf91;background:#435142}.role-card.wolf p{color:#a6b69d}.role-card.wolf footer{border-color:#435543}.badge{color:#718764;white-space:nowrap;background:#eef2e5;border:1px solid #dce2ce;border-radius:20px;padding:10px 15px;font-size:10px}.muted{color:#84937e;font-size:11px;line-height:1.9}.role-grid+.muted{margin-top:24px}input,select,textarea{color:#435744;background:#fffef9;border:1px solid #dbe0d2;border-radius:7px;width:100%;min-width:0;padding:12px 13px;font-size:12px}input::placeholder,textarea::placeholder{color:#a5ae9d}textarea{resize:vertical}.field-label{color:#6f805f;margin:18px 0 10px;font-size:11px;font-weight:600;display:block}.input-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.input-row select{flex:1;min-width:150px}.selection{color:#708764;margin:12px 0;font-size:10px}.selection .text-button{margin-left:14px;text-decoration:underline}.action-body{padding:24px;font-size:12px}.phase-note{color:#8f9770;align-items:center;gap:14px;margin-bottom:23px;display:flex}.phase-note strong{color:#40563f;font-size:15px}.phase-note p{color:#7f9075;margin:7px 0 0;font-size:10px}.night-form{border-top:1px solid var(--line);padding:10px 0 20px}.night-form p{color:#738467;font-size:11px}.progress{background:#e3e9d7;border-radius:8px;max-width:350px;height:8px;margin:22px auto}.progress i{background:#839b6e;border-radius:8px;height:8px;display:block}.messages{max-height:350px;padding:10px 24px;overflow:auto}.messages article{border-bottom:1px solid #eeeee4;gap:12px;padding:14px 0;display:flex}.messages strong{color:#526649;font-size:11px}.messages time{color:#9ba78c;margin-left:10px;font-size:8px;font-weight:400}.messages p{color:#64745b;overflow-wrap:anywhere;white-space:pre-wrap;margin:7px 0 0;font-size:12px}.empty-text{text-align:center;color:#9da68f;padding:28px 0;font-size:11px}.chat-input{gap:10px;padding:18px 22px 10px;display:flex}.chat-footnote{color:#97a286;padding:0 24px 18px;font-size:8px;display:block}.private-inbox{max-height:300px;padding:0 23px;overflow:auto}.private-inbox p{border-bottom:1px solid var(--line);padding:16px 0;font-size:11px;line-height:1.7}.private-inbox small{color:#a09f79;margin-bottom:5px;font-size:8px;display:block}.players-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.player-card{text-align:center;border:1px solid var(--line);background:#fffef8;border-radius:10px;padding:24px 10px;position:relative}.player-card>.avatar{width:48px;height:48px;margin:10px auto 14px}.player-card strong{font-size:11px;display:block}.player-card small{color:#8d9a7d;margin-top:8px;font-size:9px;display:block}.player-number{color:#a3ad94;font-size:8px;position:absolute;top:10px;left:12px}.player-card.out{background:#edeee6}.player-card.out .avatar{filter:grayscale();opacity:.5}.pack-tag{color:#8d704b;background:#ece3cf;border-radius:10px;margin-top:10px;padding:4px 8px;font-size:8px;display:inline-block}.rule-layout{grid-template-columns:minmax(0,1fr) 290px;gap:24px;display:grid}.rule-panel{padding:30px}.rule-panel h2{color:#3b553e;margin:35px 0 15px;font-size:22px}.rule-panel h2:first-child{margin-top:0}.rule-panel p,.rule-panel li{color:#718363;font-size:12px;line-height:1.95}.rule-panel li{margin-bottom:12px}.rule-panel ol{padding-left:21px}.rule-panel strong{color:#405e3b}.rule-panel h3{margin-top:24px}.rule-panel .eyebrow{margin-bottom:20px}.rule-schedule{grid-template-columns:100px 1fr;gap:0 15px;display:grid}.rule-schedule b{color:#ae9569;padding-top:5px;font-size:11px}.admin-panel{padding:28px}.admin-panel p{font-size:12px}.admin-panel form>input{max-width:260px}.admin-panel small{color:#8c9d7b;margin:13px 0;font-size:10px;display:block}.admin-panel details{margin:25px 0}.admin-panel summary{cursor:pointer;color:#617e50;font-size:12px}.role-checks{grid-template-columns:repeat(3,1fr);gap:13px;padding:20px 0;display:grid}.role-checks label{align-items:center;gap:8px;font-size:11px;display:flex}.role-checks input{width:auto}.button-row{flex-wrap:wrap;gap:12px;display:flex}.history-row{align-items:center;gap:18px;padding:22px 0;display:flex}.history-row span{letter-spacing:.1em;color:#91a47a;font-size:9px}.history-row select{max-width:260px}.alert{border:1px solid;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:13px 18px;font-size:12px;display:flex}.alert button{color:inherit;background:0 0;border:0;margin-left:auto;text-decoration:underline}.alert.error{color:#9d5b3d;background:#f8e8df;border-color:#dbb8a4}.alert.success{color:#55713f;background:#eaf0e0;border-color:#c8d5b6}@media (min-width:1600px){.hero{min-height:375px}.hero h2{font-size:49px}.hero-copy{padding:40px 45px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 320px}.night-art{width:43%}.night-art svg{height:112%}}@media (max-width:1200px){.sidebar{width:210px;padding-left:14px;padding-right:14px}.shell>main{width:calc(100% - 210px);margin-left:210px}.content{padding:28px 26px 0}.topbar{padding:0 26px}.hero-copy{width:72%;padding:30px}.hero h2{font-size:36px}.hero-caption{display:none}.night-art{opacity:.85;width:44%;right:-35px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.stats{gap:10px}.stats>div{gap:10px;padding:17px 12px}.stats strong{font-size:20px}.stat-icon{width:30px;height:36px}.stats em{font-size:8px}.subtle{display:none}.players-grid{grid-template-columns:repeat(4,1fr)}.rule-layout{grid-template-columns:1fr}.rule-layout aside{display:none}.role-grid{gap:14px}.role-card{padding:19px}.hero{min-height:325px}.timeline{gap:15px;padding:22px}.timeline>div{padding-left:37px}.footer>small{display:none}}@media (max-width:1000px){.sidebar{width:185px}.shell>main{width:calc(100% - 185px);margin-left:185px}.brand{margin-left:5px;font-size:20px}.brandmark{width:35px}.brand-sub,.side-label{font-size:6px}.nav-item{gap:10px;font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.right-column{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.right-column .quote{display:none}.role-secret{margin-bottom:0}.stats{grid-template-columns:repeat(2,1fr)}.hero h2{font-size:34px}.hero-copy{width:85%}.hero p{max-width:290px}.night-art{opacity:.6;width:48%;right:-70px}.role-grid{grid-template-columns:repeat(2,1fr)}.page-heading{align-items:flex-start}.page-heading>.button,.page-heading>.badge{display:none}h1{font-size:27px}.tz{display:none}.steps-inline{font-size:8px}.players-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.sidebar{width:240px;padding:27px 20px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:0 0 0 100vmax #0c211b55}.shell>main{width:100%;margin-left:0}.topbar{z-index:11;background:#f8f7f3;height:59px;padding:0 18px;position:relative}.topbar>div{gap:9px}.mobile-menu{display:flex}.crumb{display:none}.content{padding:25px 18px 0}.brand{margin-bottom:40px}.hero{min-height:338px}.hero-copy{width:100%;padding:27px 24px}.hero h2{font-size:34px}.hero p{max-width:245px;font-size:10px}.hero .pill{font-size:7px}.night-art{opacity:.45;width:65%;right:-95px}.hero-actions{margin-top:26px}.hero .button{font-size:10px}.hero-caption{display:none}.stats{gap:10px;margin-bottom:20px}.stats>div{padding:17px 12px}.stats strong{font-size:20px}.stats small{font-size:8px}.page-heading p{font-size:11px}.page-heading h1{font-size:25px;line-height:1.3}.right-column{grid-template-columns:1fr}.right-column .role-secret{margin-bottom:4px}.role-grid{grid-template-columns:repeat(2,1fr);gap:10px}.role-card{padding:16px 13px}.role-card h3{font-size:16px}.role-card p{font-size:10px}.role-card-top{gap:6px;margin-bottom:17px}.role-card-top>span{width:37px;height:40px;font-size:24px}.role-card-top small{padding:4px 6px;font-size:7px}.filterbar{flex-direction:column;align-items:stretch;gap:12px}.filterbar>input{max-width:none}.segmented{justify-content:space-between}.segmented button{padding:9px 11px;font-size:9px}.section-title{padding:18px}.timeline{grid-template-columns:1fr;gap:22px}.timeline>div{padding-left:44px}.timeline p{font-size:11px}.timeline strong{font-size:12px}.steps-inline{flex-direction:column;gap:12px}.steps-inline b{margin-right:10px;font-size:13px;display:inline}.welcome-body{padding:27px 22px}.welcome-body h3{font-size:16px}.players-grid{grid-template-columns:repeat(2,1fr)}.rule-panel{padding:22px}.rule-panel h2{font-size:20px}.rule-panel p,.rule-panel li{font-size:11px}.rule-schedule{grid-template-columns:78px 1fr;gap:12px}.rule-schedule b{font-size:9px}.rule-schedule p{margin-bottom:10px}.admin-panel{padding:20px}.role-checks{grid-template-columns:repeat(2,1fr)}.action-body{padding:20px}.button{padding:12px 15px}.chat-input{padding:15px}.messages{padding:10px 18px}.messages time{margin:5px 0 0;display:block}.chat-footnote{padding:0 17px 17px;font-size:7px}.footer{flex-direction:column;align-items:flex-start;gap:10px;margin-top:10px}.footer>span:nth-child(2){font-size:8px}.history-row{gap:10px}.history-row span{font-size:7px}.history-row select{font-size:11px}.input-row .button{width:100%}.connection{font-size:8px}.news p{font-size:11px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}