:root{color-scheme:dark;--bg:#0b101c;--panel:#151d2d;--stroke:#2a3348;--text:#f3f6ff;--muted:#a0aabe;--soft:#777f95;--accent:#f7b77a;--teal:#62dbc1;--red:#f39094;--violet:#aaa6ff;--shadow:0 18px 60px #0004}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:"Vazirmatn","Segoe UI",Tahoma,sans-serif;font-size:14px;line-height:1.7;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 79% -20%,#25294d90,transparent 42%),radial-gradient(ellipse at 5% 88%,#1b3a394a,transparent 37%);pointer-events:none;z-index:-2}
button,input,textarea{font:inherit}
button{cursor:pointer;color:inherit}
button:disabled{cursor:not-allowed;opacity:.5}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.ambient{position:fixed;border-radius:50%;pointer-events:none;filter:blur(85px);z-index:-1}
.ambient-one{width:390px;height:390px;background:#9f579b13;top:0;left:-150px}
.ambient-two{width:280px;height:280px;background:#3bb5a216;bottom:-90px;right:25%}
.btn{border-radius:12px;padding:11px 18px;border:1px solid transparent;font-weight:750;transition:transform .15s,background .15s,box-shadow .15s;display:inline-flex;align-items:center;justify-content:center;gap:10px}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:linear-gradient(130deg,#ffce9b,#f5aa70);color:#242032;box-shadow:0 6px 22px #f7b77a25}
.btn.accent{background:#f8bd8640;color:#ffcb97;border-color:#f8bd8640}
.btn.ghost{background:#ffffff0c;border-color:#343b4c;color:#d5daea}
.btn.small{padding:8px 12px;border-radius:10px;font-size:12px}
.btn.full{width:100%}
.logo{width:41px;height:41px;border-radius:14px;display:grid;place-items:center;font-size:26px;color:#232333;background:linear-gradient(135deg,#f9c18b,#fc91b5);box-shadow:0 5px 22px #ffa97f36}
.logo.large{width:64px;height:64px;border-radius:22px;font-size:43px;transform:rotate(-8deg)}
.login-layout{max-width:1060px;min-height:100vh;margin:0 auto;padding:64px 30px;display:grid;grid-template-columns:1fr 440px;gap:64px;align-items:center}
.login-intro h1{font-size:clamp(35px,4vw,61px);line-height:1.35;letter-spacing:-1.5px;margin:21px 0 16px;max-width:590px}
.login-intro h1 em{font-style:normal;color:var(--accent)}
.login-intro>p:not(.eyebrow){color:var(--muted);max-width:490px;font-size:17px}
.eyebrow{color:var(--accent);font-size:11px;font-weight:850;letter-spacing:3px;margin:26px 0 0;direction:ltr;text-align:right}
.login-highlights{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.login-highlights span{border:1px solid #3d455a;background:#ffffff06;border-radius:999px;padding:7px 11px;color:#c7cde0;font-size:11px}
.login-card{background:linear-gradient(160deg,#20273c,#111926);border:1px solid #394157;border-radius:28px;box-shadow:var(--shadow);padding:40px 34px;position:relative}
.login-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#64d1bf,#edaa7a,#a29bff);border-radius:28px 28px 0 0}
.login-card-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;color:#f6c292}
.tiny-circle{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px #fab78123}
.login-card h2{font-size:24px;margin:19px 0 7px}
.login-card p{color:var(--muted);font-size:13px;line-height:2}
code{background:#101725;padding:3px 6px;border-radius:6px;color:#ffcd98;direction:ltr;unicode-bidi:isolate}
.login-card label,.modal label{display:block;font-size:12px;font-weight:800;color:#dae0ed;margin:26px 0 9px}
.login-card input{width:100%;direction:ltr;text-align:center;letter-spacing:9px;height:57px;border:1px solid #414961;background:#101624;color:white;border-radius:13px;font-size:22px}
.login-card .btn{margin-top:18px}
.login-card small{display:block;color:#7f8a9e;font-size:10px;text-align:center;margin-top:17px}
.inline-error{color:#ffacb3;min-height:25px;margin-top:8px;font-size:12px}
.dashboard-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh;max-width:1800px;margin:0 auto}
.sidebar{padding:32px 20px;position:sticky;top:0;align-self:start;height:100vh;border-left:1px solid #2a3044;background:linear-gradient(175deg,#151b2a,#111724 73%);display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:11px;margin-bottom:65px}
.brand strong{font-family:"Segoe UI",Tahoma,sans-serif;letter-spacing:2px;display:block;direction:ltr;text-align:right;font-size:18px}
.brand small{display:block;color:#919cb4;font-size:10px}
.nav-category{font-size:10px;color:#7f899d;font-weight:750;margin:0 12px 13px}
.side-nav{display:grid;gap:8px}
.nav-item{width:100%;text-align:right;display:flex;gap:13px;align-items:center;border:1px solid transparent;background:transparent;padding:12px 15px;border-radius:12px;color:#aab4c7;font-weight:700}
.nav-item span{font-size:19px;line-height:1}
.nav-item:hover,.nav-item.active{background:#ffca9820;color:#fdd2a9;border-color:#efad7830}
.sidebar-foot{margin-top:auto;border-top:1px solid #30374a;padding-top:22px;display:flex;align-items:flex-start;gap:11px}
.sidebar-foot strong,.sidebar-foot small{display:block}
.sidebar-foot strong{font-size:10px;color:#d8e4ed}
.sidebar-foot small{font-size:9px;color:#7d8ba0}
.connection-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px #62dbc120;margin-top:7px;flex:none}
.main-column{min-width:0;padding:0 42px}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:32px 0 26px;border-bottom:1px solid #2c3446}
.page-label{color:#9da9b9;font-size:11px}
.page-label strong{color:var(--accent)}
.topbar p{font-size:17px;font-weight:800;margin:5px 0 0}
.top-actions{display:flex;gap:8px;align-items:center}
.icon-button{width:40px;height:40px;border-radius:11px;border:1px solid #30394e;background:#222b3b;font-size:25px;display:grid;place-items:center}
main{padding:25px 0 34px}
.hero{min-height:211px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:space-between;padding:31px 36px;border-radius:24px;border:1px solid #5b4d5b;background:linear-gradient(113deg,#252239,#1e2937 70%,#16393e);box-shadow:0 14px 42px #0308104a}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff04);pointer-events:none}
.hero-copy{z-index:1}
.live-tag{display:inline-flex;align-items:center;gap:8px;border:1px solid #49c69c40;background:#49c69c14;color:#98f0c2;font-size:11px;padding:4px 10px;border-radius:999px}
.live-tag span:first-child{height:7px;width:7px;border-radius:50%;background:#64ecc0;box-shadow:0 0 0 4px #64ecc025}
.hero h1{font-size:36px;letter-spacing:-1px;margin:9px 0 4px}
.hero p{color:#b7c5d3;margin:0}
.hero strong{color:#fff}
.hero-details{font-size:11px;color:#b1c3cb;margin-top:18px;display:flex;gap:16px;flex-wrap:wrap}
.hero-art{width:240px;min-width:170px;height:210px;display:grid;place-items:center;position:relative;margin:-31px 0}
.hero-art>span{font-size:110px;color:#f3b583aa;text-shadow:0 0 50px #e8bd7166;z-index:1;transform:rotate(-10deg)}
.art-ring{position:absolute;border:1px solid #ffc8a82b;border-radius:50%;transform:rotate(-17deg)}
.ring-one{width:215px;height:215px}
.ring-two{width:154px;height:154px;background:radial-gradient(circle,#ffc08612,transparent 70%)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:17px 0 22px}
.stat{display:flex;gap:13px;align-items:center;background:#171f2f;border:1px solid #2c354b;border-radius:16px;padding:17px 16px;min-width:0}
.stat small,.stat strong{display:block;white-space:nowrap}
.stat small{font-size:10px;color:#a7b1c3}
.stat strong{font-size:27px;line-height:1.5;font-weight:850}
.stat-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;font-size:22px}
.stat-icon.indigo{color:#b9b5fb;background:#9d96ff24}
.stat-icon.green{color:#83e7d0;background:#72d6c021}
.stat-icon.red{color:#ff9d9e;background:#ee8b9530}
.stat-icon.gold{color:#fbc98f;background:#f3af7821}
.section-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(275px,1fr);gap:16px;align-items:start}
.surface{background:linear-gradient(155deg,#192234,#151d2b);border:1px solid #2c364a;border-radius:19px;min-width:0;box-shadow:0 6px 26px #0000001a}
.players-panel,.events-panel{padding:24px}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:20px}
.section-kicker{font-size:9px;letter-spacing:2.3px;color:#cdac95;direction:ltr;text-align:right}
.section-head h2{margin:3px 0 0;font-size:19px;line-height:1.5}
.outline-pill{font-size:10px;border:1px solid #394557;padding:5px 11px;border-radius:999px;color:#a9b6c8}
.filter-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.search{border-radius:10px;border:1px solid #333e51;background:#0f1826;padding:11px 13px;color:white;outline:none;min-width:170px;flex:1;font-size:11px}
.search:focus{border-color:#9bd6c8}
.search::placeholder{color:#69758a}
.segmented{background:#101826;padding:4px;border:1px solid #303b4d;border-radius:10px;display:flex;gap:2px}
.segmented button{font-size:10px;border:0;border-radius:7px;padding:7px 10px;background:transparent;color:#9ba6ba}
.segmented button.selected{background:#2f394d;color:#f2f5ff}
.players-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.player-card{position:relative;text-align:right;border:1px solid #354055;background:linear-gradient(138deg,#202b3a,#192331);border-radius:13px;padding:13px 14px;min-height:132px;width:100%;transition:.14s ease;display:flex;flex-direction:column;gap:6px}
.player-card:hover{border-color:#9a8492;transform:translateY(-2px)}
.player-card.exited{opacity:.66;background:#1a2230}
.player-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.player-avatar{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#354358;font-size:15px;color:#e6e8ef}
.player-status{display:inline-flex;align-items:center;gap:5px;font-size:9px;border-radius:99px;padding:3px 7px;background:#66d2ae18;color:#82ddbf}
.player-status.out{background:#ff878a1c;color:#ffadb3}
.player-card strong{font-size:13px;line-height:1.4}
.player-role{font-size:11px;color:#f5c192}
.player-role.mafia{color:#fe9fa5}
.player-role.independent{color:#b5a4ff}
.player-foot{font-size:10px;color:#91a0b4;margin-top:auto}
.empty-note{color:#a9b4c6;padding:32px;text-align:center}
.timeline{display:flex;flex-direction:column;gap:4px;max-height:560px;overflow:auto}
.timeline-entry{display:grid;grid-template-columns:25px minmax(0,1fr);gap:11px;padding:10px 0}
.timeline-entry:not(:last-child) .event-rail:after{content:"";position:absolute;top:28px;bottom:-24px;width:1px;background:#435066;right:11px}
.event-rail{position:relative}
.event-mark{position:relative;display:grid;place-items:center;width:24px;height:24px;background:#303a4d;border:1px solid #58657b;border-radius:8px;font-size:12px;z-index:2}
.event-mark.exit{background:#5d2a3c;border-color:#7c3e50;color:#ffb0ae}
.event-mark.return{background:#204c49;border-color:#32635a;color:#80e8b8}
.event-mark.note{background:#5b4631;border-color:#856347;color:#f0c495}
.event-info strong{display:block;font-size:11px;color:#e5ebf4}
.event-info p{margin:2px 0;color:#a6b1c5;font-size:11px;overflow-wrap:anywhere}
.event-info time{font-size:9px;color:#7a869d}
.timeline-empty{border:1px dashed #384457;border-radius:12px;padding:23px 15px;text-align:center;color:#8996ac;font-size:12px}
.timeline-hint{font-size:10px;color:#7d889c;border-top:1px solid #2e3a4b;padding-top:14px;margin:15px 0 0}
.no-round{padding:60px 25px;text-align:center}
.no-round>div{font-size:52px;color:#f4b58b}
.no-round h2{font-size:23px}
.no-round p{color:#9eabc0}
.history-panel{padding:25px 0 0}
.history-panel h3{font-size:16px}
.history-row{border:1px solid #303b4f;background:#171f2f;padding:12px 17px;border-radius:12px;margin-bottom:8px;display:flex;justify-content:space-between;color:#b2bed2}
.footer{border-top:1px solid #232d40;font-size:10px;color:#78859c;padding:20px 0;text-align:center;letter-spacing:.3px}
.footer span{color:#f1b686}
.bottom-nav{display:none}
.modal-backdrop{position:fixed;inset:0;z-index:50;background:#02060cb8;display:grid;place-items:center;padding:16px;backdrop-filter:blur(5px)}
.modal{background:linear-gradient(155deg,#273044,#171e2e);border:1px solid #4a526a;border-radius:23px;padding:30px;width:min(100%,455px);box-shadow:0 25px 100px #0009;position:relative}
.modal-close{position:absolute;left:19px;top:14px;background:transparent;border:0;font-size:28px;color:#acb5cb}
.modal-drag{display:none}
.modal-badge{color:#f6ba91;font-size:11px;font-weight:800}
.modal h2{margin:7px 0;font-size:23px}
.modal p{color:#b1bed0;font-size:13px}
.modal label{margin-top:20px}
.modal textarea{width:100%;resize:vertical;background:#101827;color:#fff;border:1px solid #465169;border-radius:12px;padding:12px;line-height:2;outline:none;min-height:105px}
.modal textarea:focus{border-color:var(--accent)}
.modal-buttons{display:flex;gap:10px;margin-top:17px}
.modal-buttons .btn{flex:1}
.toast{position:fixed;bottom:22px;left:24px;z-index:70;background:#242f3e;border:1px solid #627189;color:#f4f7ff;padding:11px 18px;border-radius:12px;box-shadow:var(--shadow);max-width:min(92vw,400px);opacity:0;transform:translateY(15px);pointer-events:none;transition:all .2s}
.toast.visible{opacity:1;transform:translateY(0)}
@media(min-width:1350px){.main-column{padding:0 60px}.section-grid{grid-template-columns:minmax(0,1.9fr) minmax(310px,1fr)}}
@media(max-width:1170px){.main-column{padding:0 25px}.section-grid{grid-template-columns:1fr}.stats{gap:8px}.stat{padding:12px}.stat-icon{width:34px;height:34px}.events-panel{margin-bottom:12px}}
@media(max-width:800px){.dashboard-shell{grid-template-columns:1fr}.sidebar{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:#151c2bea;border-top:1px solid #40485a;backdrop-filter:blur(16px);padding:9px 12px calc(9px + env(safe-area-inset-bottom));justify-content:space-around}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:2px;border:0;background:transparent;color:#9aa6b9;font-size:23px;min-width:65px}.bottom-nav span{font-size:10px}.bottom-nav button.active{color:var(--accent)}.main-column{padding:0 17px}.topbar{padding:17px 0}.footer{padding-bottom:100px}.login-layout{grid-template-columns:1fr;gap:27px;padding:35px 22px;align-content:center}.login-intro h1{font-size:36px}.login-intro>p:not(.eyebrow){font-size:13px}.login-card{max-width:500px;width:100%;justify-self:center}.topbar .page-label{display:none}}
@media(max-width:560px){.hero{min-height:190px;padding:24px 21px}.hero h1{font-size:30px}.hero-art{position:absolute;left:-55px;top:0;opacity:.3;pointer-events:none}.hero-copy{max-width:100%}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:12px}.stat strong{font-size:24px}.stat small{font-size:11px}.players-panel,.events-panel{padding:18px 14px}.players-grid{grid-template-columns:1fr}.player-card{min-height:115px}.section-head h2{font-size:18px}.filter-bar{flex-direction:column;align-items:stretch}.search{width:100%;flex:none}.segmented{width:100%;justify-content:space-around}.segmented button{flex:1}.login-intro h1{font-size:30px}.login-card{padding:28px 22px}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;border-radius:22px 22px 0 0;padding:26px 20px calc(28px + env(safe-area-inset-bottom))}.modal-drag{display:block;position:absolute;height:4px;width:46px;border-radius:12px;background:#67738c;top:10px;left:calc(50% - 23px)}.top-actions .btn{padding:8px 10px}.topbar p{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* MafInk adaptive typography & Telegram Mini App styles — bundled, never CDN-fetched. */
@font-face{
  font-family:"Vazirmatn";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("/fonts/vazirmatn-arabic.woff2") format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC;
}
@font-face{
  font-family:"Vazirmatn";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("/fonts/vazirmatn-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02FF,U+1E00-1EFF,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Vazirmatn";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("/fonts/vazirmatn-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+FEFF,U+FFFD;
}
:root{
  --app-safe-top:max(env(safe-area-inset-top,0px),var(--tg-safe-area-inset-top,0px),var(--tg-content-safe-area-inset-top,0px));
  --app-safe-bottom:max(env(safe-area-inset-bottom,0px),var(--tg-safe-area-inset-bottom,0px),var(--tg-content-safe-area-inset-bottom,0px));
  --app-visible-height:100dvh;
  --app-stable-height:100dvh;
}
html {scroll-padding-top:20px}
body{font-family:"Vazirmatn",Tahoma,Arial,sans-serif;font-size:15px;line-height:1.85;letter-spacing:0}
button,input,textarea{font-family:inherit}
.btn,.nav-item,.icon-button,.segmented button,.bottom-nav button,.modal-close{min-height:44px}
.btn.small,.login-card small,.sidebar-foot small,.nav-category,.outline-pill,.page-label,.eyebrow,.login-highlights span,
.login-card-title,.section-kicker,.player-foot,.player-role,.timeline-hint,.event-info p,.event-info time,.footer,
.stat small,.sidebar-foot strong,.hero-details,.live-tag,.player-status,.brand small{
  font-size:max(12px,.75rem);
}
.login-card p,.login-card label,.modal label,.modal p{font-size:14px;line-height:1.9}
.login-card input{font-size:22px;min-height:54px}
.login-card small{line-height:1.8}
.topbar p{font-size:17px}
.page-label{font-size:12px}
.section-head h2{font-size:20px}
.stat small{white-space:normal;line-height:1.6}
.stat strong{font-size:27px}
.player-card strong{font-size:15px}
.player-card{min-height:142px;padding:15px;gap:7px}
.player-avatar{width:36px;height:36px}
.player-foot{line-height:1.7}
.search{font-size:14px;min-height:46px}
.segmented button{font-size:12px;min-width:54px}
.player-status{padding:3px 8px}
.event-info strong{font-size:13px}
.event-info p{line-height:1.85}
.modal textarea{font-size:16px;line-height:1.85}
.modal{max-height:min(88dvh,var(--app-visible-height));overflow-y:auto;overscroll-behavior:contain}
.login-layout,.dashboard-shell{min-height:var(--app-stable-height)}
.bottom-nav button{min-height:48px}
.bottom-nav span{font-size:12px}
.login-intro h1{letter-spacing:0}
.brand strong{letter-spacing:1px}
.hero h1{letter-spacing:0;overflow-wrap:anywhere}
.hero-details{line-height:1.8}
.topbar,.stat,.section-head,.hero,.modal-buttons{min-width:0}
.topbar>div,.stat>div,.section-head>div,.modal-buttons>*{min-width:0}
.stat small,.stat strong{white-space:normal}
button{touch-action:manipulation}
@media(max-width:1100px) and (min-width:801px){
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  .topbar{padding-top:calc(17px + var(--app-safe-top))}
  .bottom-nav{padding-bottom:calc(10px + var(--app-safe-bottom))}
  .footer{padding-bottom:calc(104px + var(--app-safe-bottom))}
  .main-column{padding-inline:18px}
  .player-card{min-height:124px}
}
@media(max-width:560px){
  .login-layout{padding:calc(22px + var(--app-safe-top)) 18px calc(18px + var(--app-safe-bottom))}
  .login-intro h1{font-size:clamp(28px,8vw,36px)}
  .login-intro>p:not(.eyebrow){font-size:14px}
  .login-card{padding:28px 22px}
  .hero{padding:22px 18px}
  .hero h1{font-size:29px}
  .stat{gap:8px}
  .stat-icon{flex-shrink:0;width:34px;height:34px}
  .stat strong{font-size:23px}
  .topbar p{font-size:15px}
  .player-card{min-height:124px}
  .modal{max-height:min(88dvh,var(--app-visible-height));padding-bottom:calc(25px + var(--app-safe-bottom))}
}
@media(max-width:360px){
  .main-column{padding-inline:12px}
  .login-layout{padding-inline:12px}
  .login-card{padding:25px 16px}
  .hero-art{opacity:.15}
  .topbar{flex-wrap:wrap;gap:7px}
  .top-actions .btn{padding-inline:10px}
  .stats{gap:7px}
  .stat{padding:10px;gap:6px}
  .players-panel,.events-panel{padding:16px 12px}
  .section-head{flex-wrap:wrap}
  .hero-details{font-size:12px}
}
@media (pointer:coarse){
  .btn,.nav-item,.icon-button,.segmented button,.bottom-nav button,.modal-close{min-height:44px}
  .player-card{min-height:116px}
  input,textarea{font-size:16px}
}
html.keyboard-open .bottom-nav{display:none}
html.keyboard-open .footer{padding-bottom:16px}
html.keyboard-open .modal-backdrop{align-items:center}

/* Telegram colorScheme and system fallback: dark branding remains the default. */
:root[data-theme="light"]{
  color-scheme:light;--bg:#f4f5f9;--panel:#ffffff;--stroke:#dae1e9;--text:#182337;
  --muted:#506176;--soft:#63738a;--accent:#8b4b2e;--teal:#147e66;--red:#a73547;
  --violet:#5551a8;--shadow:0 12px 35px #1d334017;
}
html[data-theme="light"] body:before{background:radial-gradient(ellipse at 75% 0%,#f5dfd3b3,transparent 45%),radial-gradient(ellipse at 5% 75%,#d0e8e8a0,transparent 42%)}
html[data-theme="light"] .ambient-one{background:#e5bba632}
html[data-theme="light"] .ambient-two{background:#b2e7de4b}
html[data-theme="light"] .login-card{background:linear-gradient(155deg,#ffffff,#f1f5fa);border-color:#d4dce7}
html[data-theme="light"] .login-intro>p:not(.eyebrow),html[data-theme="light"] .login-card p{color:#516078}
html[data-theme="light"] .login-highlights span{background:#fff9;border-color:#d6dfe8;color:#4d5d74}
html[data-theme="light"] .login-card-title,html[data-theme="light"] .eyebrow{color:#8b4b2e}
html[data-theme="light"] .login-card label,html[data-theme="light"] .modal label{color:#283750}
html[data-theme="light"] .login-card small{color:#516078}
html[data-theme="light"] .login-card input,html[data-theme="light"] .modal textarea{background:#fff;color:#1b2a40;border-color:#c8d1df}
html[data-theme="light"] code{background:#ebeff5;color:#8b4b2e}
html[data-theme="light"] .btn.ghost{background:#f0f3f7;color:#33445b;border-color:#cdd5df}
html[data-theme="light"] .btn.accent{background:#ffeddb;color:#874b26;border-color:#ead7c2}
html[data-theme="light"] .sidebar{background:linear-gradient(175deg,#ffffff,#eef2f7 85%);border-color:#d9e1e9}
html[data-theme="light"] .sidebar-foot,html[data-theme="light"] .topbar,html[data-theme="light"] .footer{border-color:#dde5ed}
html[data-theme="light"] .brand small,html[data-theme="light"] .sidebar-foot small,html[data-theme="light"] .nav-category{color:#5d6d82}
html[data-theme="light"] .sidebar-foot strong,html[data-theme="light"] .nav-item{color:#34485f}
html[data-theme="light"] .nav-item.active,html[data-theme="light"] .nav-item:hover{background:#f9e6d6;color:#773e22;border-color:#f2d9c4}
html[data-theme="light"] .icon-button{background:#fff;color:#344359;border-color:#d4dce5}
html[data-theme="light"] .page-label,html[data-theme="light"] .hero p{color:#4c6075}
html[data-theme="light"] .hero{background:linear-gradient(112deg,#ffeddf,#e6eef7 73%,#d7ebe9);border-color:#d4dde8;box-shadow:0 12px 40px #172b3a15}
html[data-theme="light"] .hero strong{color:#22364e}
html[data-theme="light"] .hero-art>span{color:#a57852b9;text-shadow:0 0 40px #b9955352}
html[data-theme="light"] .art-ring{border-color:#be997e46}
html[data-theme="light"] .live-tag{background:#d9f4e9;color:#16644c;border-color:#addbc6}
html[data-theme="light"] .hero-details{color:#4a6173}
html[data-theme="light"] .stat{background:#fff;border-color:#dbe2eb}
html[data-theme="light"] .stat small{color:#526277}
html[data-theme="light"] .stat-icon.indigo{background:#e9e7ff;color:#5552a9}
html[data-theme="light"] .stat-icon.green{background:#dbf4e9;color:#137e62}
html[data-theme="light"] .stat-icon.red{background:#ffebef;color:#aa3d4c}
html[data-theme="light"] .stat-icon.gold{background:#fff0dc;color:#91551f}
html[data-theme="light"] .surface{background:linear-gradient(150deg,#ffffff,#f9fbfd);border-color:#dce4ed;box-shadow:0 12px 32px #1f304010}
html[data-theme="light"] .section-kicker,html[data-theme="light"] .section-head h2{color:#354861}
html[data-theme="light"] .outline-pill{border-color:#d6dee8;color:#53667b}
html[data-theme="light"] .search{background:#f6f8fb;border-color:#d4dde8;color:#14263b}
html[data-theme="light"] .search::placeholder{color:#68798b}
html[data-theme="light"] .segmented{background:#eaf0f6;border-color:#d5dfe9}
html[data-theme="light"] .segmented button{color:#43566d}
html[data-theme="light"] .segmented button.selected{background:#fff;color:#253952;box-shadow:0 1px 6px #263d4b1a}
html[data-theme="light"] .player-card{background:linear-gradient(150deg,#fff,#f4f7fb);border-color:#d6e0eb}
html[data-theme="light"] .player-card.exited{background:#f7eef0;opacity:.85}
html[data-theme="light"] .player-avatar{background:#e5eaf0;color:#45586f}
html[data-theme="light"] .player-card strong,html[data-theme="light"] .event-info strong{color:#243650}
html[data-theme="light"] .player-role{color:#85461f}
html[data-theme="light"] .player-role.mafia{color:#a42c42}
html[data-theme="light"] .player-role.independent{color:#6250a6}
html[data-theme="light"] .player-foot,html[data-theme="light"] .event-info p{color:#52687f}
html[data-theme="light"] .player-status{background:#ddf3e9;color:#176448}
html[data-theme="light"] .player-status.out{background:#fce4e9;color:#982f45}
html[data-theme="light"] .event-mark{background:#edf1f6;border-color:#cad5df;color:#43546b}
html[data-theme="light"] .event-mark.exit{background:#fce5e9;color:#9a3647;border-color:#eac7cf}
html[data-theme="light"] .event-mark.return{background:#dcefe9;color:#1c7056;border-color:#b9dfce}
html[data-theme="light"] .event-mark.note{background:#fff0dc;color:#805226;border-color:#f1d9bb}
html[data-theme="light"] .timeline-entry:not(:last-child) .event-rail:after{background:#d6dde7}
html[data-theme="light"] .timeline-hint,html[data-theme="light"] .event-info time{color:#5a6c82;border-color:#dbe3ec}
html[data-theme="light"] .timeline-empty{color:#586b80;border-color:#c9d6e3}
html[data-theme="light"] .bottom-nav{background:#f8fafbf0;border-color:#d7e0e9}
html[data-theme="light"] .bottom-nav button{color:#42576d}
html[data-theme="light"] .bottom-nav button.active{color:#8b4b2e}
html[data-theme="light"] .modal{background:linear-gradient(155deg,#fff,#f1f5fa);border-color:#d3dce6}
html[data-theme="light"] .modal p{color:#4d6176}
html[data-theme="light"] .modal-close{color:#46566c}
html[data-theme="light"] .modal-backdrop{background:#15263d88}
html[data-theme="light"] .toast{background:#fff;color:#1d344a;border-color:#cad7df}
html[data-theme="light"] .history-row{background:#fff;border-color:#d7e0e9;color:#435771}