@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@700&display=swap";:root{color:#ece8df;font-synthesis:none;--bg:#0c0e12;--card:#15171c;--card2:#1a1c22;--line:#292b31;--muted:#8b8a87;--gold:#cc8e60;--gold2:#f0b47e;--good:#76a7a8;--wolf:#cf7069;background:#0c0e12;font-family:Noto Sans SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}.app-shell{background:radial-gradient(circle at 40% -20%,#24202a 0,transparent 38%),var(--bg);grid-template-columns:224px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#0c0e12e0;flex-direction:column;width:224px;height:100vh;padding:28px 18px 20px;display:flex;position:fixed}.brand{align-items:center;gap:11px;display:flex}.brand-mark{color:#151515;background:linear-gradient(140deg,#f0b47e,#9f6748);border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 0 28px #d48a5140}.brand b{letter-spacing:2px;font-family:Noto Serif SC;display:block}.brand small{color:#746e68;letter-spacing:1.8px;font-size:8px}.sidebar nav{gap:7px;margin-top:46px;display:grid}.sidebar nav button{color:#85827d;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;height:48px;padding:0 13px;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#f2d1b3;background:linear-gradient(90deg,#a8693f25,#0000)}.sidebar nav button.active:before{content:"";background:var(--gold);border-radius:5px;width:3px;height:24px;position:absolute;left:0}.sidebar-foot{color:#686864;align-items:center;gap:8px;margin-top:auto;padding:12px;font-size:11px;display:flex}.sync-dot{background:#6b9c79;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #6b9c79}.main{grid-column:2;min-width:0}.topbar{justify-content:space-between;align-items:center;height:124px;padding:25px clamp(25px,4vw,60px) 12px;display:flex}.eyebrow{letter-spacing:2.5px;color:#77716b;margin:0 0 8px;font-size:9px}.topbar h1{letter-spacing:1px;margin:0;font-family:Noto Serif SC;font-size:27px}.primary,.ghost{border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;display:inline-flex}.primary{color:#17110d;background:linear-gradient(135deg,#d29a6d,#a86843);font-weight:700;box-shadow:0 8px 28px #a9683a24}.primary:hover{filter:brightness(1.08)}.ghost{border:1px solid var(--line);color:#c7c2ba;background:#1b1d22}.content{max-width:1500px;margin:auto;padding:12px clamp(25px,4vw,60px) 100px}.hero{background:linear-gradient(105deg,#19181d 0,#15161a 52%,#201a1c);border:1px solid #3a302d;border-radius:18px;align-items:center;min-height:250px;padding:34px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 70px #0005}.hero:before{content:"";opacity:.2;background:repeating-linear-gradient(100deg,#0000 0 80px,#fff008 81px);position:absolute;top:0;bottom:0;left:0;right:0}.hero h2{margin:12px 0;font-family:Noto Serif SC;font-size:31px;line-height:1.45}.hero h2 em{color:var(--gold2);font-style:normal}.hero p{color:var(--muted);font-size:13px}.hero-btn{margin-top:13px}.moon-art{color:#d39b70;background:radial-gradient(circle,#493728 0,#241d1a 28%,#0000 65%);border-radius:50%;place-items:center;width:180px;height:180px;display:grid;position:absolute;top:50%;right:10%;transform:translateY(-50%)}.moon-art svg{filter:drop-shadow(0 0 28px #d79a6c99)}.moon-art span{color:#81756d;letter-spacing:2px;font-size:10px;position:absolute;bottom:7px}.orbit{border:1px solid #9b6b4a33;border-radius:50%;position:absolute}.o1{top:-15px;bottom:-15px;left:-15px;right:-15px}.o2{top:-45px;bottom:-45px;left:-45px;right:-45px}.badge{color:#a7a19a;letter-spacing:.5px;white-space:nowrap;background:#232226;border:1px solid #3b3835;border-radius:999px;align-items:center;width:max-content;padding:3px 9px;font-size:9px;display:inline-flex}.badge.good{color:#89bbba;background:#537c7d1c;border-color:#5b898a55}.badge.wolf{color:#de817a;background:#9d514d1c;border-color:#9d514d66}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin:17px 0;display:grid}.kpi{background:var(--card);border:1px solid var(--line);border-radius:13px;align-items:center;gap:14px;min-width:0;padding:18px;display:flex}.kpi-icon{width:39px;height:39px;color:var(--gold);background:#30251f;border-radius:10px;flex:none;place-items:center;display:grid}.kpi-icon svg{width:19px}.kpi>div:last-child{min-width:0}.kpi span{color:#7e7c78;font-size:11px;display:block}.kpi strong{margin:2px 0;font-size:25px;display:block}.kpi strong small{color:#777;margin-left:4px;font-size:11px}.kpi em{color:#8f8b84;font-size:9px;font-style:normal}.panel{background:var(--card);border:1px solid var(--line);border-radius:14px}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:55px;padding:0 19px;display:flex}.panel-head h3{margin:0;font-size:13px}.panel-head button{color:#8b837b;background:0 0;border:0;align-items:center;font-size:10px;display:flex}.dash-grid{grid-template-columns:1.35fr 1fr;gap:14px;display:grid}.chart-wrap{height:210px;padding:12px}.game-row{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:10px;width:100%;height:70px;padding:0 16px;display:flex}.game-row:last-child{border-bottom:0}.game-row:hover{background:#ffffff03}.result-mark{border-radius:9px;flex:none;place-items:center;width:37px;height:37px;display:grid}.result-mark svg{width:18px}.result-mark.good{color:var(--good);background:#507f7d24}.result-mark.wolf{color:var(--wolf);background:#a7524e24}.grow{flex:1;min-width:0}.game-row b,.game-row span{display:block}.game-row b{font-size:11px}.game-row .grow span{color:#6d6c69;margin-top:4px;font-size:9px}.game-row>svg{color:#5e5d59}.roster-strip{margin-top:14px}.avatar-row{justify-content:space-around;padding:16px 12px;display:flex;overflow:auto}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid;box-shadow:inset 0 0 0 2px #ffffff15,0 3px 12px #0005}.mini-player{text-align:center;min-width:55px;position:relative}.mini-player b{background:#0d0f13;border-radius:50%;width:17px;height:17px;font-size:8px;line-height:17px;position:absolute;top:29px;left:50%}.mini-player span{color:#97938e;margin-top:5px;font-size:9px;display:block}.bottom-nav{display:none}.filterbar{border-bottom:1px solid var(--line);color:#777;justify-content:space-between;align-items:center;padding:14px 18px;font-size:11px;display:flex}.search{border:1px solid var(--line);background:#101217;border-radius:9px;align-items:center;gap:8px;width:280px;height:40px;padding:0 12px;display:flex}.search svg{width:16px}.search input{color:#ddd;background:0 0;border:0;outline:0;width:100%}.game-list{padding:8px 18px}.game-card{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:16px;padding:18px 9px;display:flex}.game-card:last-child{border:0}.game-card>svg{color:#555}.game-date{text-align:center;border-right:1px solid var(--line);width:45px}.game-date b{font-size:21px;display:block}.game-date span{color:#777;font-size:9px}.card-title{align-items:center;gap:10px;display:flex}.card-title h3{margin:0;font-size:14px}.game-card p{color:#777;margin:5px 0 8px;font-size:10px}.stacked-avatars{align-items:center;display:flex}.stacked-avatars .avatar{border:2px solid var(--card);margin-right:-7px}.stacked-avatars>span{color:#777;margin-left:11px;font-size:9px}.section-actions{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-actions p{color:#85817c;font-size:12px}.player-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.player-card{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:17px}.player-main{align-items:center;gap:11px;display:flex}.player-main>div:nth-child(2){flex:1}.player-main h3{margin:0 0 4px;font-size:14px}.player-main span{color:#777;font-size:9px}.player-main>svg{color:#555}.player-stats{background:#101216;border-radius:9px;grid-template-columns:repeat(3,1fr);margin-top:16px;padding:10px;display:grid}.player-stats div{text-align:center;border-right:1px solid var(--line)}.player-stats div:last-child{border:0}.player-stats b,.player-stats span{display:block}.player-stats b{font-size:14px}.player-stats span{color:#73716d;margin-top:2px;font-size:8px}.stats-controls{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.segmented{border:1px solid var(--line);background:#15171b;border-radius:10px;padding:3px;display:flex}.segmented button{color:#777;background:0 0;border:0;border-radius:7px;padding:9px 16px;font-size:11px}.segmented button.active{color:#efb486;background:#30241e}.stats-controls select,.vote-line select{border:1px solid var(--line);color:#bbb;background:#17191e;border-radius:8px;outline:0;padding:9px 12px}.stats-overview{grid-template-columns:1fr 1.5fr;gap:14px;margin-bottom:14px;display:grid}.pie-box{align-items:center;display:flex}.pie-box>div:last-child{flex:1;padding-right:15px}.pie-box p{color:#888;align-items:center;gap:7px;font-size:10px;display:flex}.pie-box p i{border-radius:50%;width:7px;height:7px}.pie-box p b{color:#ddd;margin-left:auto}.bar-box{padding:5px 14px}.data-table{overflow:auto}.data-table table{border-collapse:collapse;width:100%;min-width:600px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--line);padding:12px 18px;font-size:11px}.data-table th{color:#666;font-weight:500}.data-table td:first-child{align-items:center;gap:9px;display:flex}.data-table td strong{color:var(--gold2)}.data-table td small{color:#65635f;font-size:8px;display:block}.role-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.role-stat{padding:18px}.role-stat strong{margin:14px 0 2px;font-size:28px;display:block}.role-stat>span,.role-stat>small{color:#777;font-size:9px}.role-stat>div{background:#26272c;border-radius:9px;height:5px;margin:13px 0}.role-stat>div i{background:var(--gold);border-radius:9px;height:100%;display:block}.vote-kpis{margin-top:0}.insight{padding:20px}.insight h3{margin:0 0 8px;font-size:14px}.insight p{color:#918b84;font-size:11px;line-height:1.8}.settings-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.setting-card{gap:16px;padding:24px;display:flex}.setting-icon{width:45px;height:45px;color:var(--gold);background:#2b2521;border-radius:11px;flex:none;place-items:center;display:grid}.setting-card h3{margin:0 0 7px;font-size:15px}.setting-card p{color:#817f7b;margin:0 0 14px;font-size:10px;line-height:1.7}.danger .setting-icon{color:var(--wolf);background:#4a27251f}.about{padding:24px}.about p{color:#777;margin-top:20px;font-size:10px}.about>span{color:#565552;font-size:9px}.modal-backdrop,.drawer-backdrop{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#050608cc;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:#15171c;border:1px solid #373439;border-radius:16px;width:min(460px,100%);max-height:min(820px,92vh);overflow:auto;box-shadow:0 28px 90px #000}.modal.wide{width:min(760px,100%)}.modal-head,.drawer-head{border-bottom:1px solid var(--line);z-index:2;background:#15171cf5;justify-content:space-between;align-items:center;height:65px;padding:0 20px;display:flex;position:sticky;top:0}.modal-head h2{margin:0;font-size:16px}.modal-head button,.drawer-head>button{color:#777;background:0 0;border:0}.modal-lead{color:#8c8984;margin:20px;font-size:12px}.modal-lead b{float:right;color:var(--gold)}.template-list{gap:9px;padding:0 20px 12px;display:grid}.template-list button{border:1px solid var(--line);text-align:left;background:#111318;border-radius:11px;align-items:center;min-height:69px;padding:13px;display:flex}.template-list button div{flex:1}.template-list b,.template-list span{display:block}.template-list b{font-size:13px}.template-list span{color:#716f6b;margin-top:5px;font-size:9px}.template-list svg,.select-players button>svg{opacity:0;color:var(--gold)}.template-list button.selected,.select-players button.selected{background:#8d56351f;border-color:#9a6644}.template-list button.selected svg,.select-players button.selected>svg{opacity:1}.modal>.ghost.full{width:calc(100% - 40px);margin:0 20px}.modal-actions{border-top:1px solid var(--line);background:#15171cf5;gap:8px;padding:17px 20px;display:flex;position:sticky;bottom:0}.full{width:100%}.select-players{grid-template-columns:1fr 1fr;gap:8px;padding:0 20px;display:grid}.select-players button{border:1px solid var(--line);text-align:left;background:#101216;border-radius:10px;align-items:center;gap:9px;min-height:60px;padding:8px;display:flex}.select-players button span{flex:1}.select-players b,.select-players small{display:block}.select-players b{font-size:11px}.select-players small{color:#6c6a67;margin-top:3px;font-size:8px}.select-players svg{width:16px}.assign-head{align-items:center;display:flex}.assign-head .modal-lead{flex:1}.assign-head button{color:var(--gold);background:0 0;border:0;align-items:center;gap:5px;margin-right:20px;font-size:9px;display:flex}.assign-head svg{width:14px}.role-preview,.identity-grid{grid-template-columns:1fr 1fr;gap:6px;padding:0 20px 15px;display:grid}.role-preview>div,.identity-grid>div{border:1px solid var(--line);background:#111318;border-radius:8px;align-items:center;gap:8px;padding:7px 9px;display:flex}.role-preview>div>span,.identity-grid>div>span{color:var(--gold);font-size:9px}.role-preview b,.identity-grid b{flex:1;font-size:10px}.avatar-picker{color:#857d75;cursor:pointer;flex-direction:column;align-items:center;gap:7px;width:110px;margin:22px auto;font-size:9px;display:flex}.avatar-picker>svg{border:1px dashed #57534e;border-radius:50%;width:72px;height:72px;padding:22px}.field{gap:8px;margin:0 20px 20px;display:grid}.field span{color:#888;font-size:10px}.field input,.title-input{border:1px solid var(--line);color:#eee;background:#101216;border-radius:8px;outline:0;padding:12px}.modal>.primary.full{width:calc(100% - 40px);margin:0 20px 20px}.record-page{background:radial-gradient(circle at 40% 45%,#29221e 0,#0000 32%),#0c0e12;min-height:100vh}.record-head{border-bottom:1px solid var(--line);align-items:center;gap:15px;height:78px;padding:0 24px;display:flex}.record-head>button:first-child{background:0 0;border:0}.record-head>div{flex:1}.record-head small{color:#6b8d74;font-size:9px}.record-head h2{margin:3px 0;font-size:17px}.record-body{grid-template-columns:minmax(600px,1.4fr) minmax(360px,.7fr);min-height:calc(100vh - 78px);display:grid}.table-board{min-height:700px;position:relative}.board-center{background:radial-gradient(circle,#30251e,#16171b 67%);border:1px solid #78553a44;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:210px;height:210px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 28px #65482e10,0 0 0 29px #79583b25}.board-center svg{color:var(--gold);width:39px;height:39px}.board-center b{margin-top:9px;font-family:Noto Serif SC}.board-center span{color:#78736d;margin-top:4px;font-size:9px}.seat{flex-direction:column;align-items:center;gap:4px;width:92px;display:flex;position:absolute}.seat b{font-size:9px}.seat-no{text-align:center;width:19px;height:19px;color:var(--gold);z-index:1;background:#0b0d11;border:1px solid #4b423b;border-radius:50%;font-size:8px;line-height:17px;position:absolute;top:0;right:13px}.seat.dead{filter:grayscale();opacity:.48}.seat-1{top:9%;left:18%}.seat-2{top:5%;left:41%}.seat-3{top:9%;right:18%}.seat-4{top:28%;right:5%}.seat-5{top:55%;right:5%}.seat-6{bottom:7%;right:18%}.seat-7{bottom:3%;left:41%}.seat-8{bottom:7%;left:18%}.seat-9{top:55%;left:4%}.seat-10{top:28%;left:4%}.seat-11{top:39%;left:15%}.seat-12{top:39%;right:15%}.round-panel{border-left:1px solid var(--line);background:#111318;padding:20px}.round-title{justify-content:space-between;align-items:center;display:flex}.round-title h3{margin:0}.small{min-height:38px;padding:0 11px;font-size:10px}.timeline{margin-top:18px}.timeline>button{text-align:left;background:0 0;border:0;border-left:1px solid #3d3935;align-items:flex-start;gap:8px;width:100%;padding:0 0 20px 18px;display:flex;position:relative}.timeline>button>i{background:var(--gold);border-radius:50%;width:9px;height:9px;position:absolute;top:4px;left:-5px;box-shadow:0 0 10px #d6925e}.timeline>button>div:nth-child(2){flex:1}.timeline b,.timeline span{display:block}.timeline b{font-size:11px}.timeline span{color:#686662;margin-top:4px;font-size:8px}.timeline>button>svg{color:#555;width:14px}.target-chips em{color:#9c8a7b;background:#211d1b;border-radius:4px;margin:5px 3px 0 0;padding:3px 5px;font-size:8px;font-style:normal;display:inline-block}.finish-box{border-top:1px solid var(--line);margin-top:6px;padding-top:17px}.finish-box>span{color:#777;font-size:9px}.finish-box>div{grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;display:grid}.finish-box button{border:1px solid var(--line);background:#17191e;border-radius:8px;justify-content:center;align-items:center;gap:5px;height:43px;font-size:10px;display:flex}.finish-box button:first-child{color:var(--good)}.finish-box button:last-child{color:var(--wolf)}.empty{color:#5f5d59;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:190px;font-size:10px;display:flex}.vote-drawer{background:#15171c;border-left:1px solid #38353a;width:min(560px,100%);height:100%;position:absolute;top:0;right:0;overflow:auto}.drawer-head .eyebrow{margin:0}.title-input{background:0 0;border:0;padding:4px 0;font-size:15px;font-weight:700}.voice-box{background:#211b18;border:1px solid #574536;border-radius:11px;align-items:center;gap:10px;margin:16px;padding:10px;display:flex}.voice-box>button:first-child{background:var(--gold);color:#1b120d;border:0;border-radius:50%;place-items:center;width:41px;height:41px;display:grid}.voice-box>button:first-child.listening{animation:1s infinite pulse}.voice-box span{color:#9f8d7e;font-size:9px;display:block}.voice-box input{color:#eee;background:0 0;border:0;outline:0;width:100%;margin-top:3px;font-size:11px}.voice-box>button:last-child{color:var(--gold);background:0 0;border:0;font-size:9px}.parse-result{background:#263c341f;border:1px solid #39594d;border-radius:9px;flex-wrap:wrap;align-items:center;gap:6px;margin:0 16px 14px;padding:9px;font-size:9px;display:flex}.parse-result>button{color:#fff;background:#567b69;border:0;border-radius:6px;align-items:center;gap:3px;margin-left:auto;padding:5px 8px;display:flex}.parse-result svg{width:12px}.vote-grid{padding:0 16px}.vote-line{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:53px;display:flex}.vote-line>div{flex:1;align-items:center;gap:8px;display:flex}.vote-line b{font-size:10px}.vote-line select{max-width:180px;font-size:9px}.save-round{width:calc(100% - 32px);margin:16px;position:sticky;bottom:12px}.detail-summary{padding:18px 20px 5px}.big-result{border-radius:12px;align-items:center;gap:15px;padding:18px;display:flex}.big-result>svg{width:42px;height:42px}.big-result.good{color:var(--good);background:#4c77721b}.big-result.wolf{color:var(--wolf);background:#8747401b}.big-result small{color:#777}.big-result h3{margin:4px 0}.big-result p{color:#888;margin:0;font-size:9px}.subhead{color:#888;margin:18px 20px 9px;font-size:11px}.round-tabs{gap:7px;padding:0 20px;display:flex;overflow:auto}.round-tabs button{border:1px solid var(--line);color:#777;white-space:nowrap;background:#111318;border-radius:7px;padding:8px 10px;font-size:9px}.round-tabs button.active{color:var(--gold);border-color:#8c5f42}.vote-replay{flex-wrap:wrap;gap:6px;padding:13px 20px;display:flex}.vote-replay div{border:1px solid var(--line);background:#101216;border-radius:6px;padding:5px 8px;font-size:9px}.vote-replay span{color:#5e5d59;margin:0 5px}.vote-replay em{color:var(--gold);font-style:normal}.notes{border-left:2px solid var(--gold);background:#201b18;margin:5px 20px 20px;padding:12px}.notes b{color:var(--gold);font-size:9px}.notes p{color:#918b84;margin:5px 0;font-size:10px}.toast{z-index:100;color:#211912;background:#e9dfd2;border-radius:10px;align-items:center;gap:8px;padding:11px 18px;font-size:11px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 50px #000}.loading{color:#87766a;place-content:center;justify-items:center;gap:12px;height:100vh;font-size:11px;display:grid}.loading svg{color:var(--gold);animation:1.3s infinite pulse}@keyframes pulse{50%{opacity:.45;transform:scale(.94)}}@media (max-width:1050px){.player-grid{grid-template-columns:1fr 1fr}.record-body{grid-template-columns:1fr}.round-panel{border:0;border-top:1px solid var(--line)}.table-board{min-height:650px}.role-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.app-shell{display:block}.sidebar,.desktop-create{display:none}.main{padding-bottom:70px}.topbar{height:92px;padding:18px 18px 8px}.topbar h1{font-size:21px}.content{padding:10px 14px 35px}.bottom-nav{z-index:20;height:calc(65px + env(safe-area-inset-bottom));padding:5px 12px env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111318ed;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#6f6e6b;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;width:52px;font-size:8px;display:flex}.bottom-nav svg{width:19px}.bottom-nav button.active{color:var(--gold2)}.bottom-nav .fab{color:#18100b;background:linear-gradient(135deg,#e0a575,#a86642);border-radius:50%;width:47px;height:47px;margin-top:-29px;box-shadow:0 8px 23px #000}.hero{align-items:flex-start;min-height:310px;padding:27px 23px}.hero h2{z-index:1;font-size:24px;position:relative}.hero p{z-index:1;max-width:230px;line-height:1.7;position:relative}.moon-art{opacity:.68;top:63%;right:-36px}.kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.kpi{gap:9px;padding:13px}.kpi-icon{width:34px;height:34px}.kpi strong{font-size:20px}.dash-grid,.stats-overview,.settings-grid{grid-template-columns:1fr}.chart-wrap{height:175px}.roster-strip{display:none}.game-row{padding:0 10px}.section-actions{align-items:flex-end}.section-actions p{max-width:190px;line-height:1.6}.player-grid{grid-template-columns:1fr}.stats-controls{flex-direction:column;align-items:stretch;gap:8px}.segmented button{flex:1;padding:9px 4px}.role-grid,.vote-kpis{grid-template-columns:1fr 1fr}.select-players,.role-preview,.identity-grid{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:0}.modal,.modal.wide{border-radius:17px 17px 0 0;width:100%;max-height:94vh}.record-head{height:70px;padding:0 11px}.record-head .ghost{padding:0 12px;font-size:0}.record-head .ghost svg{margin:0}.record-body{display:block}.table-board{min-height:600px;margin:-15px;transform:scale(.94)}.board-center{width:155px;height:155px}.seat{width:76px}.seat-1{left:16%}.seat-2{left:39%}.seat-3{right:15%}.seat-4,.seat-5{right:0}.seat-6{right:14%}.seat-7{left:39%}.seat-8{left:16%}.seat-9,.seat-10{left:0}.seat-11{top:41%;left:10%}.seat-12{top:41%;right:10%}.round-panel{padding:18px 14px}.filterbar{padding:12px}.search{width:75%}.game-list{padding:5px 10px}.game-card{gap:10px}.card-title{flex-direction:column;align-items:flex-start;gap:4px}.data-table .panel-head{position:sticky;left:0}.pie-box{min-height:190px}.toast{white-space:nowrap;bottom:88px}.vote-drawer{width:100%}.vote-line select{max-width:155px}.settings-grid{padding-bottom:10px}}@media (min-width:761px) and (max-width:1180px){.app-shell{grid-template-columns:78px 1fr}.sidebar{width:78px;padding:26px 12px}.brand>div,.sidebar nav span,.sidebar-foot{display:none}.brand,.sidebar nav button{justify-content:center}.main{grid-column:2}.content,.topbar{padding-left:28px;padding-right:28px}.kpi-grid{grid-template-columns:1fr 1fr}.hero{min-height:235px}.player-grid{grid-template-columns:repeat(2,1fr)}}.delete-player{color:#665e5a;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.delete-player:hover{color:#dc7770;background:#4d2424}.delete-player svg{width:16px}.custom-head{justify-content:space-between;align-items:center;padding-right:20px;display:flex}.role-counter{grid-template-columns:1fr 1fr;gap:7px;padding:0 20px;display:grid}.role-counter>div{border:1px solid var(--line);background:#101216;border-radius:9px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.role-counter>div>div{align-items:center;gap:10px;display:flex}.role-counter button{border:1px solid var(--line);background:#1c1e24;border-radius:6px;width:27px;height:27px}.count-total{text-align:center;color:var(--wolf);margin:14px;font-size:10px}.count-total.ok{color:#7fa98a}.custom-save{width:calc(100% - 40px)!important;margin:0 20px 20px!important}.warning{color:#dc966c;background:#4d2d1d33;border:1px solid #754b37;border-radius:8px;margin:0 20px 12px;padding:10px;font-size:10px}.manual-roles{grid-template-columns:1fr 1fr;gap:7px;padding:0 20px 15px;display:grid}.manual-roles>div{border:1px solid var(--line);background:#101216;border-radius:9px;align-items:center;gap:8px;padding:7px;display:flex}.manual-roles b{flex:1;font-size:10px}.manual-roles select,.field select,.sheriff-votes select{color:#ddd;border:1px solid var(--line);background:#191b20;border-radius:7px;min-width:105px;padding:8px}.seat-pill{color:var(--gold);font-size:9px}.round-kind{align-items:center;gap:6px;padding:12px 16px 0;display:flex}.round-kind button{border:1px solid var(--line);color:#777;background:#111318;border-radius:7px;padding:8px 10px;font-size:9px}.round-kind button.active{color:var(--gold);border-color:#946244}.round-kind label{color:#777;margin-left:auto;font-size:9px}.round-kind input{color:#ddd;border:1px solid var(--line);background:#111318;border-radius:5px;width:38px;padding:5px}.record-actions{grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0;display:grid}.record-actions button{border:1px solid var(--line);background:#191b20;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:52px;font-size:9px;display:flex}.record-actions button svg{width:17px}.record-actions .sheriff{color:var(--gold);border-color:#5d4637}.board-center em{color:var(--gold);margin-top:5px;font-size:9px;font-style:normal}.timeline .event-row{border-left:1px solid #3d3935;width:100%;padding:0 0 20px 18px;display:flex;position:relative}.event-row>i{background:#6f8999;border-radius:50%;width:9px;height:9px;position:absolute;top:4px;left:-5px}.event-row b,.event-row span{display:block}.event-row b{font-size:11px}.event-row span{color:#686662;margin-top:4px;font-size:8px}.seat-select{grid-template-columns:repeat(6,1fr);gap:6px;padding:0 20px;display:grid}.seat-select button{border:1px solid var(--line);background:#101216;border-radius:8px;padding:8px 3px;font-size:10px}.seat-select button.selected{color:#f0b27f;background:#513521;border-color:#9b6846}.seat-select button.withdrawn{color:#d97972;border-color:#80504d;text-decoration:line-through}.seat-select small{color:#777;font-size:8px}.sheriff-votes{grid-template-columns:1fr 1fr;gap:6px;padding:0 20px;display:grid}.sheriff-votes>div{border:1px solid var(--line);background:#101216;border-radius:8px;align-items:center;gap:8px;padding:7px;display:flex}.sheriff-votes b{flex:1;font-size:9px}.sheriff-save,.event-save{width:calc(100% - 40px)!important;margin:0 20px 20px!important}.event-types{grid-template-columns:repeat(4,1fr);gap:6px;padding:18px 20px;display:grid}.event-types button{border:1px solid var(--line);background:#101216;border-radius:8px;padding:10px 4px;font-size:9px}.event-types button.active{color:var(--gold);background:#47301f;border-color:#936043}.two-fields{grid-template-columns:1fr 1fr;display:grid}.sync-card{border-color:#3e514a;grid-column:1/-1}.room-code{align-items:center;gap:8px;display:flex}.room-code>span{letter-spacing:5px;color:var(--gold2);font-size:25px;font-weight:700}.room-code button{border:1px solid var(--line);color:#aaa;background:#17191e;border-radius:7px;align-items:center;gap:4px;padding:7px;font-size:9px;display:flex}.room-code svg{width:13px}.sync-card small{color:#716d69;margin-top:10px;font-size:8px;display:block}.join-room{flex-wrap:wrap;gap:7px;display:flex}.join-room input{border:1px solid var(--line);color:#eee;text-transform:uppercase;letter-spacing:3px;background:#101216;border-radius:8px;width:160px;padding:10px}@media (max-width:760px){.role-counter,.manual-roles,.sheriff-votes{grid-template-columns:1fr}.seat-select{grid-template-columns:repeat(4,1fr)}.event-types{grid-template-columns:repeat(2,1fr)}.two-fields{grid-template-columns:1fr}.sync-card{display:block}.room-code{flex-wrap:wrap}.record-actions button{font-size:8px}}.detail-events{gap:6px;padding:0 20px 14px;display:grid}.detail-events>div{border:1px solid var(--line);background:#101216;border-radius:8px;align-items:center;gap:9px;padding:9px;display:flex}.detail-events b{font-size:10px}.detail-events span{color:#777;margin-left:auto;font-size:9px}.hero:before{pointer-events:none}.hero>div:first-child{z-index:1;position:relative}.seat-player-grid{grid-template-columns:1fr 1fr;gap:8px;padding:0 20px 14px;display:grid}.seat-player-grid label{border:1px solid var(--line);background:#101216;border-radius:9px;align-items:center;gap:9px;min-height:58px;padding:8px;display:flex}.seat-player-grid label>span:first-child{width:38px;color:var(--gold);font-size:18px;font-weight:700}.seat-player-grid label>span small{color:#777;margin-left:2px;font-size:8px}.seat-player-grid select{border:1px solid var(--line);color:#ddd;background:#191b20;border-radius:7px;flex:1;min-width:0;padding:9px}.identity-later,.identity-tip{background:#272019;border:1px solid #4c4338;border-radius:10px;align-items:center;gap:10px;margin:4px 20px 16px;padding:12px;display:flex}.identity-later svg,.identity-tip svg{color:var(--gold);flex:none}.identity-later b,.identity-later span,.identity-tip b,.identity-tip span{display:block}.identity-later b,.identity-tip b{font-size:10px}.identity-later span,.identity-tip span{color:#817a73;margin-top:3px;font-size:8px}.identity-button{width:100%;height:38px;color:var(--gold);background:#251d18;border:1px solid #5e4737;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin:8px 0;font-size:10px;display:flex}.identity-button svg{width:15px}.winner-select{grid-template-columns:1fr 1fr;gap:8px;padding:0 20px 15px;display:grid}.winner-select button{border:1px solid var(--line);background:#111318;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:48px;display:flex}.winner-select button.good.active{color:var(--good);background:#47747225;border-color:#5d9290}.winner-select button.wolf.active{color:var(--wolf);background:#743d3825;border-color:#9c554f}.identity-save{width:calc(100% - 40px)!important;margin:0 20px 20px!important}.edit-game{color:inherit;background:#ffffff0a;border:1px solid #fff2;border-radius:8px;align-items:center;gap:5px;margin-left:auto;padding:9px 12px;font-size:9px;display:flex}.edit-game svg{width:14px}.sheriff-round-head{justify-content:space-between;align-items:center;padding:10px 20px 4px;display:flex}.sheriff-round-head h4{color:#888;font-size:11px}.sheriff-round-head>div{gap:5px;display:flex}.sheriff-round-head button{border:1px solid var(--line);color:#777;background:#111318;border-radius:6px;padding:6px 8px;font-size:8px}.sheriff-round-head button.active{color:var(--gold);border-color:#8b5f42}.runoff-note{color:#d4a77f;background:#2d241d;border-radius:7px;margin:0 20px 9px;padding:8px;font-size:9px}.runoff-button{width:calc(100% - 40px);min-height:40px;color:var(--gold);background:#2d211a;border:1px dashed #9a6848;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin:12px 20px;font-size:9px;display:flex}.runoff-button svg{width:14px}@media (max-width:760px){.seat-player-grid{grid-template-columns:1fr}.final-identities{max-height:52vh;overflow:auto}.edit-game{padding:8px}.big-result{flex-wrap:wrap;align-items:flex-start}}.mobile-settings{border:1px solid var(--line);color:#aaa;background:#17191e;border-radius:10px;place-items:center;width:42px;height:42px;display:none}.mobile-settings svg{width:18px}.room-join-bar{background:linear-gradient(90deg,#211b18,#15171c);border:1px solid #554535;border-radius:12px;align-items:center;gap:14px;min-height:62px;margin-bottom:12px;padding:10px 14px;display:flex}.room-join-bar.connected{background:linear-gradient(90deg,#18231f,#15171c);border-color:#385649}.room-status{flex:1;align-items:center;gap:10px;display:flex}.room-status>svg{color:var(--gold);width:21px}.connected .room-status>svg{color:#75a88b}.room-status b,.room-status span{display:block}.room-status b{font-size:11px}.room-status span{color:#797570;margin-top:3px;font-size:8px}.room-join-bar>button,.quick-room button{color:var(--gold2);background:#2c211a;border:1px solid #6e513c;border-radius:8px;align-items:center;gap:5px;min-height:38px;padding:0 12px;font-size:9px;display:flex}.room-join-bar>button svg{width:14px}.quick-room{gap:6px;display:flex}.quick-room input{border:1px solid var(--line);color:#eee;letter-spacing:2px;background:#0f1115;border-radius:8px;width:125px;padding:0 10px;font-size:11px}.player-card.clickable{cursor:pointer;transition:transform .18s,border-color .18s}.player-card.clickable:hover{border-color:#5b4638;transform:translateY(-2px)}.profile-hero{align-items:center;gap:14px;margin:20px;display:flex}.profile-hero h2{margin:0 0 4px;font-family:Noto Serif SC;font-size:22px}.profile-hero>div:nth-child(2){flex:1}.profile-hero>div:nth-child(2)>span{color:#777;font-size:9px}.profile-hero>strong{color:var(--gold2);text-align:right;font-size:28px}.profile-hero>strong small{color:#777;font-size:8px;display:block}.profile-kpis{grid-template-columns:repeat(4,1fr);gap:8px;padding:0 20px;display:grid}.profile-kpis>div{border:1px solid var(--line);background:#101216;border-radius:9px;padding:12px}.profile-kpis span,.profile-kpis small{color:#777;font-size:8px;display:block}.profile-kpis b{color:#eee;margin:5px 0;font-size:20px;display:block}.metric-definition{color:#909b95;background:#17221e;border:1px solid #3c5148;border-radius:9px;align-items:center;gap:8px;margin:14px 20px;padding:10px;font-size:9px;line-height:1.6;display:flex}.metric-definition svg{color:#74a08a;flex:none;width:18px}.role-performance{grid-template-columns:1fr 1fr;gap:7px;padding:0 20px;display:grid}.role-performance>div{border:1px solid var(--line);background:#101216;border-radius:9px;padding:11px;position:relative}.role-performance>div>b{margin-left:8px;font-size:11px}.role-performance>div>span{color:#777;margin-top:7px;font-size:8px;display:block}.role-performance i{background:#28292e;border-radius:3px;height:3px;margin-top:8px;display:block}.role-performance i em{background:var(--gold);border-radius:3px;height:100%;display:block}.profile-games{gap:5px;padding:0 20px 20px;display:grid}.profile-games>div{border:1px solid var(--line);background:#101216;border-radius:8px;align-items:center;gap:8px;padding:9px;display:flex}.profile-games span{color:#777;font-size:8px}.profile-games b{flex:1;font-size:9px}.profile-games>em{font-size:9px;font-style:normal}.profile-games>em.win{color:#74a88b}.profile-games>em.loss{color:#c36c65}.table-definition{color:#777;border-top:1px solid var(--line);padding:10px 18px;font-size:9px}@media (max-width:760px){.topbar{gap:10px}.topbar>div{flex:1}.mobile-settings{display:grid}.room-join-bar{flex-direction:column;align-items:stretch}.quick-room{width:100%}.quick-room input{flex:1;width:auto}.quick-room button{justify-content:center;min-width:86px}.room-join-bar.connected{flex-direction:row;align-items:center}.profile-kpis{grid-template-columns:1fr 1fr}.role-performance{grid-template-columns:1fr}.profile-hero>strong{font-size:23px}}