:root{--matrix-surface:#141c13}
:root[data-theme=day]{--bg:#f0f2e9;--panel:#e5eadd;--line:#ccd5bf;--fg:#172418;--muted:#64705b;--acid:#38672d;--dark:#dce5cf;--matrix-surface:#e5ecd9;color-scheme:light}
.stats-start{display:flex;align-items:center;gap:20px;flex-shrink:0}
.theme-toggle{position:relative;isolation:isolate;display:flex;align-items:center;width:119px;height:28px;padding:3px;border:1px solid #d1e4c126;border-radius:20px;background:#ffffff05;color:#9da995;box-shadow:inset 0 1px 0 #ffffff09;font:600 9px var(--body);letter-spacing:0;flex-shrink:0}
.theme-toggle::before{content:'';position:absolute;z-index:-1;inset:3px auto 3px 3px;width:calc(50% - 3px);border-radius:16px;background:#d0f561;transform:translateX(100%);box-shadow:0 1px 6px #0002;transition:transform .42s cubic-bezier(.22,1,.36,1),background .3s}
.theme-toggle>span{display:flex;align-items:center;justify-content:center;gap:5px;width:50%;transition:color .3s}
.theme-toggle svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.2;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.theme-night{color:#172510}.theme-toggle:hover .theme-day svg{transform:rotate(60deg)}.theme-toggle:hover .theme-night svg{transform:rotate(-12deg)}
[data-theme=day] .theme-toggle{background:#e4eadb;border-color:#b9c8ad;color:#64735a;box-shadow:inset 0 1px 0 #fff8}
[data-theme=day] .theme-toggle::before{transform:translateX(0);background:#fffef6;box-shadow:0 1px 5px #273d1d1c}
[data-theme=day] .theme-day{color:#2b4820}[data-theme=day] .theme-night{color:#64735a}
::view-transition-old(root){animation:theme-out .42s ease both}::view-transition-new(root){animation:theme-in .42s ease both}
@keyframes theme-out{to{opacity:0;filter:blur(1px)}}@keyframes theme-in{from{opacity:0;filter:blur(1px)}to{opacity:1;filter:blur(0)}}
html[data-theme-changing] body,html[data-theme-changing] .live-stats,html[data-theme-changing] .person-card,html[data-theme-changing] .control-bar,html[data-theme-changing] .arcade-section{transition:background-color .42s ease,color .42s ease,border-color .42s ease}
.arcade-section{background:var(--matrix-surface);color:var(--fg);border-top:1px solid var(--line);isolation:isolate}
.arcade-inner{z-index:1}.arcade-invitation h2 span{color:var(--muted)}.publisher-logo,.arcade-art>span{color:var(--acid)}.arcade-cta{border-color:var(--line)}.orbit{border-color:var(--line)}
#matrix-rain{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 90%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 90%,transparent)}
[data-theme=day] .live-stats{background:#edf2e5f0;border-color:#c9d5bd;color:#657259}
[data-theme=day] .stats-edition{color:#304529}[data-theme=day] .stats-edition span{color:#718366}[data-theme=day] .stat-metric+.stat-metric{border-color:#c5d1b9}
[data-theme=day] .cover-number{background-image:linear-gradient(145deg,#75a541,#386d2b 55%,#264f24);text-shadow:none}
[data-theme=day] .wall-frame{border-color:#98aa8566;background:#dbe3ce;box-shadow:5px 26px 45px #39512522,inset 0 1px 0 #fff9}
[data-theme=day] .wall-photo span{color:#fffef5}[data-theme=day] .wall-cross{color:#416f2f}
[data-theme=day] .ticker{background:#e6edda}[data-theme=day] .ticker span{color:#5f7050}
[data-theme=day] .control-bar{background:#f7f9f0eb;border-color:#bed0ad70;box-shadow:0 8px 25px #3e562410}
[data-theme=day] .view-controls button{color:#69795b}[data-theme=day] .view-controls button[aria-pressed=true]{color:#f7ffef;box-shadow:0 2px 6px #173a1317}
[data-theme=day] .person-card{background:#fafbf5;box-shadow:0 0 0 1px #bbcaad66,0 3px 8px #42602205}
[data-theme=day] .person-card .card-name{color:#1c2b1a}[data-theme=day] .person-card .card-handle{color:#647557}
[data-theme=day] .person-card:nth-child(-n+10) .card-rank{color:#f7ffeb}
[data-theme=day] .person-card:hover{box-shadow:0 10px 25px #30542013,0 0 0 1px #4e7e3a66}
[data-theme=day] .is-list .person-card{background:none;box-shadow:none}[data-theme=day] .is-list .person-card:hover{background:#dce8ce66}
[data-theme=day] .arcade-link{border-color:#a4b492}[data-theme=day] .arcade-link:hover{color:#f5ffe9}
[data-theme=day] .profile-dialog{background:#f2f5e9;border-color:#a9bd9655;box-shadow:0 30px 100px #24421733}
[data-theme=day] .profile-dialog::backdrop{background:#dae5d080}[data-theme=day] .spotlight-controls{background:#f2f5e9}
[data-theme=day] .spotlight-copy{border-color:#a4b78e80;color:#354c2b}[data-theme=day] .spotlight-x:hover{background:#285624;color:#fff}
[data-theme=day] .spotlight-rank{color:#d0f561}
[data-theme=day] #tanukade-chat,[data-theme=day] body.tanukade-chat-desktop #tanukade-chat,[data-theme=day] body.tanukade-chat-mobile #tanukade-chat{background:radial-gradient(at 0 0,#d6f5c969,transparent 45%),radial-gradient(at 100% 80%,#d7d5ef40,transparent 55%),linear-gradient(150deg,#f6faf3ba,#eff5f5c2 65%,#e9f0edb8);border-color:#ffffffbf!important;box-shadow:inset 0 1px 0 #fffffff0,inset 1px 0 0 #fff7,0 24px 65px #324d3028,0 4px 16px #18381e10;color:#243627}
[data-theme=day] #tanukade-chat .tchat-header{border-color:#40584417;background:#ffffff17}
[data-theme=day] #tanukade-chat .tchat-header h2{color:#263b2c}[data-theme=day] #tanukade-chat .tchat-header p{color:#596d5e}
[data-theme=day] #tanukade-chat .tchat-close{color:#344f39;background:#ffffff54;border-color:#5072592e}
[data-theme=day] #tanukade-chat .tchat-message{background:linear-gradient(125deg,#fff8,#e4f2e95c);border-color:#536f4524;box-shadow:inset 0 1px 0 #fff9}
[data-theme=day] #tanukade-chat .tchat-message.is-mine{background:#d5e8bc6b;border-color:#64855033}
[data-theme=day] #tanukade-chat .tchat-meta,[data-theme=day] #tanukade-chat .tchat-meta time{color:#5b7162}[data-theme=day] #tanukade-chat .tchat-text{color:#24382a}
[data-theme=day] #tanukade-chat .tchat-form{background:#ffffff29;border-color:#536f4524;box-shadow:0 -5px 20px #45633805}
[data-theme=day] #tanukade-chat .tchat-modes{background:#7a927319;border-color:#60825720}[data-theme=day] #tanukade-chat .tchat-modes label{color:#60715c}
[data-theme=day] #tanukade-chat .tchat-modes label:has(input:checked){background:linear-gradient(125deg,#fffdf5cc,#fff9);color:#2e432c;border-color:#fffffff0;box-shadow:0 2px 5px #38592a13,inset 0 1px 0 #fff}
[data-theme=day] #tanukade-chat .tchat-compose{background:#ffffff38;border-color:#50764d38;box-shadow:inset 0 1px 4px #50644705}
[data-theme=day] #tanukade-chat .tchat-compose textarea{color:#293e2b}[data-theme=day] #tanukade-chat .tchat-compose textarea::placeholder{color:#748672}
[data-theme=day] #tanukade-chat .tchat-counter,[data-theme=day] #tanukade-chat .tchat-retention,[data-theme=day] #tanukade-chat .tchat-empty,[data-theme=day] #tanukade-chat .tchat-hint{color:#647662}
[data-theme=day] #tanukade-chat .tchat-identity{background:#fff6;border-color:#50764d38;color:#2b422b}
[data-theme=day] #tanukade-chat .tchat-load-older{background:#fff6;color:#365431;border-color:#567b4438}
[data-theme=day] #tanukade-chat-launcher{background:linear-gradient(135deg,#fafff0c9,#e1eddbd9)!important;border-color:#63854b4a;color:#36562d;box-shadow:inset 0 1px 0 #fff9,0 10px 30px #3b52251c}
@media(max-width:900px){.stats-start{gap:10px}.stats-edition{display:none}}
@media(max-width:600px){body,body.tanukade-chat-mobile{padding-top:44px}.live-stats{height:44px}.live-stats-inner{gap:12px;justify-content:space-between}.theme-toggle{width:105px;height:30px;font-size:9px}.theme-toggle svg{width:10px;height:10px}.theme-toggle>span{gap:4px}.stats-metrics{width:auto;flex:1;gap:8px}.stat-metric{flex-direction:column;gap:4px}.stat-metric+.stat-metric{padding-left:9px}.stat-active{position:relative}.stats-dot{position:absolute;top:1px;left:-7px}.page-progress{top:44px}.control-bar{top:50px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}#matrix-rain{display:none}.theme-toggle::before,.theme-toggle svg{transition:none}}
@media(max-width:380px){.live-stats-inner{gap:8px}.theme-toggle{width:96px}.stats-metrics{gap:5px}.stat-metric+.stat-metric{padding-left:6px}.live-stats{font-size:6.5px;letter-spacing:0}.stat-metric strong{font-size:9px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){[data-theme=day] #tanukade-chat{background:#eaf1e5!important}}

[data-theme=day] #tanukade-chat .tchat-reply{color:#4e6550;border-color:#71896755;background:#ffffff4d}
