@import"https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400&family=Almendra:wght@400;700&family=Cinzel:wght@600;700;900&family=Cormorant+Garamond:wght@500;600&family=IBM+Plex+Mono:wght@500&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--queue-reserve: 200px;--player-cap: min( calc((100vw - 30px - var(--chat-w, 500px) - 10px) * 9 / 16), calc(100vh - 50px - 30px - var(--queue-reserve)) );--bg: #181E22;--bg-panel: #1E2730;--bg-card: #232D34;--bg-input: #232D34;--bg-chat: #1A2126;--border: #2A343B;--border-light: #425259;--text: #ffffff;--text-dim: #9d9d9d;--text-muted: #5a6570;--cta: #5ca2b9;--info: #7fb8cc;--accent: var(--cta);--green: #4caf50;--red: #e53935;--gold: #ffd700;--player-idle-text: var(--text-dim);--player-idle-font: inherit;--player-idle-size: 15px;--rank-siteadmin: #ff5c57;--rank-owner: #6f8cff;--rank-admin: #4fb0e8;--rank-mod: #00aa00;--rank-leader: #ddaa00;--rank-guest: #888}html,body{height:100%;background:var(--bg);color:var(--text);font-family:Atkinson Hyperlegible,Segoe UI,Helvetica,Arial,sans-serif;font-size:14px}.room-page{padding-top:50px}.hidden{display:none!important}.cool-modal{background:var(--bg-card);border:1px solid #2d3a43;border-top:3px solid var(--cm-accent, var(--cta));border-radius:2px;color:var(--text);font-size:14px;box-shadow:0 4px 16px #00000080;animation:cm-pop .22s cubic-bezier(.34,1.56,.64,1)}@keyframes cm-pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}#store-panel:not(.hidden).cool-modal,#chat-opts-panel:not(.hidden).cool-modal,#emote-picker:not(.hidden).cool-modal,#job-panel:not(.hidden).cool-modal,#leaderboard-panel:not(.hidden).cool-modal,#charsheet-panel:not(.hidden).cool-modal,#poll-modal:not(.hidden).cool-modal,#feedback-modal:not(.hidden).cool-modal,#history-panel:not(.hidden).cool-modal,#inventory-panel:not(.hidden).cool-modal,#profile-modal:not(.hidden).cool-modal,.hat-modal-panel.cool-modal{animation:cm-pop-centered .22s cubic-bezier(.34,1.56,.64,1)}@keyframes cm-pop-centered{0%{opacity:0;transform:translate(-50%,-50%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (prefers-reduced-motion: reduce){.cool-modal{animation-duration:.01ms}}.cool-modal--poll{--cm-accent: var(--cta)}.cool-modal--stats{--cm-accent: #c8a84b}.cool-modal--leader{--cm-accent: var(--gold)}.cool-modal--store{--cm-accent: var(--text-muted)}.cool-modal--hat{--cm-accent: #c9b8ff}.cool-modal--options{--cm-accent: var(--text-muted)}.cool-modal--emote,.cool-modal--job{--cm-accent: var(--cta)}.cool-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.cool-modal-title{font-size:16px;font-weight:600;line-height:1.2;color:var(--text)}.cool-modal-close{background:none;border:none;color:var(--text-muted);font-size:18px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:2px}.cool-modal-close:hover{color:var(--text);background:#ffffff0a}.cool-modal-body{padding:12px 14px}.cool-section{margin-top:14px}.cool-section:first-child{margin-top:0}.cool-section-label{font-size:11px;font-weight:600;color:var(--text-muted);padding-bottom:4px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06)}.cool-modal input[type=text],.cool-modal input[type=password],.cool-modal input[type=number],.cool-modal input[type=url],.cool-modal textarea,.cool-modal select{width:100%;background:var(--bg-input);border:1px solid var(--border);color:var(--text);padding:7px 9px;border-radius:2px;font-size:14px;font-family:inherit}.cool-modal input:focus,.cool-modal textarea:focus,.cool-modal select:focus{outline:none;border-color:var(--cm-accent, var(--cta))}.cool-modal textarea{min-height:72px;resize:vertical}.cool-modal label{font-size:13px;color:var(--text-dim)}.cool-check{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px;color:var(--text-dim);cursor:pointer}.cool-check input[type=checkbox]{width:auto;margin:0;accent-color:var(--cm-accent, var(--cta))}.opt-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim);margin-top:4px}.opt-row>span{white-space:nowrap}.opt-row>select,.opt-row>input{flex:1;width:auto}.opt-row.opt-row--stacked{flex-direction:column;align-items:stretch;gap:3px}.opt-row.is-disabled{opacity:.4;pointer-events:none}#chat-opts-panel .cool-modal-header{flex:0 0 auto}#chat-opts-panel .cool-modal-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:10px 14px 14px}#chat-opts-panel .opts-shell{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;min-height:0;flex:1 1 auto}#chat-opts-panel .opts-nav{display:flex;flex-direction:column;gap:1px;border-right:1px solid var(--border);padding-right:8px;overflow-y:auto}#chat-opts-panel .opts-nav-btn{background:transparent;border:0;border-left:2px solid transparent;color:var(--text-dim);text-align:left;padding:6px 8px;border-radius:0;font-size:13px;cursor:pointer}#chat-opts-panel .opts-nav-btn:hover{color:var(--text)}#chat-opts-panel .opts-nav-btn.on{color:var(--text);border-left-color:var(--accent)}#chat-opts-panel .opts-pages{min-height:0;overflow-y:auto}#chat-opts-panel .opts-pages .cool-section{margin-top:0}#chat-opts-panel .opts-pages .cool-section-label,#chat-opts-panel .cool-section.opts-away{display:none}#chat-opts-panel .cool-section-label{color:var(--text-dim)}.cool-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:12px;margin-top:12px;border-top:1px solid rgba(255,255,255,.06)}.cool-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-dim);padding:6px 14px;border-radius:2px;font-size:13px;font-weight:500;cursor:pointer;transition:background .12s ease-out,color .12s ease-out,border-color .12s ease-out}.cool-btn:hover{color:var(--text);border-color:#ffffff38}.cool-btn:active{transform:translateY(1px)}.cool-btn--primary{border-color:var(--cm-accent, var(--cta));color:var(--cm-accent, var(--cta))}.cool-btn--primary:hover{background:color-mix(in srgb,var(--cm-accent, var(--cta)) 12%,transparent);border-color:var(--cm-accent, var(--cta));color:var(--cm-accent, var(--cta))}.cool-empty{padding:16px 0;text-align:left;color:var(--text-muted);font-size:13px}.cool-rank-row{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:baseline;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04)}.cool-rank-row:last-child{border-bottom:none}.cool-rank-num{font-size:12px;font-weight:500;color:var(--text-dim);font-variant-numeric:tabular-nums;text-align:right}.cool-rank-row.is-top .cool-rank-num{color:var(--gold);font-weight:700}.cool-rank-row.is-silver .cool-rank-num{color:#c0c6cc;font-weight:700}.cool-rank-row.is-bronze .cool-rank-num{color:#cd7f32;font-weight:700}.cool-rank-name{font-size:14px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cool-rank-value{font-size:14px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.cool-rank-value.is-gold{color:var(--gold)}.cool-rank-break{margin:4px 0;border-top:1px dashed rgba(255,255,255,.08);height:0}.target-picker-overlay{position:fixed;inset:0;background:#0000008c;z-index:9800;display:flex;align-items:center;justify-content:center;padding:20px}.target-picker-panel{width:360px;max-width:100%;max-height:70vh;display:flex;flex-direction:column}.target-picker-panel .cool-modal-body{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden}.target-picker-search{width:100%;background:var(--bg-input);border:1px solid var(--border);color:var(--text);padding:7px 9px;border-radius:2px;font-size:14px}.target-picker-search:focus{outline:none;border-color:var(--cta)}.target-picker-list{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.target-picker-row{text-align:left;background:var(--bg-panel);border:1px solid transparent;border-left:2px solid var(--border);color:var(--text);padding:7px 10px;font-size:14px;font-weight:500;cursor:pointer;transition:background .1s,border-color .1s}.target-picker-row:hover{background:var(--bg-card);border-left-color:var(--red);color:#f99}.target-picker-row:active{transform:translateY(1px)}.target-picker-row[data-rank="255"]{color:var(--rank-siteadmin);font-weight:700}.target-picker-row[data-rank="5"]{color:var(--rank-owner);font-weight:700}.target-picker-row[data-rank="4"]{color:var(--rank-admin);font-weight:700}.target-picker-row[data-rank="3"]{color:var(--rank-mod)}.target-picker-row[data-rank="2"]{color:var(--rank-leader)}@media (max-width: 640px){.target-picker-panel{width:100%;max-height:90vh}}#navbar{display:flex;align-items:center;gap:10px;padding:0 15px;height:50px;background:var(--bg-panel);border-bottom:1px solid #000;position:fixed;top:0;left:0;right:0;z-index:1000}#daynight-band{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;opacity:.5;transition:background 4s linear;background:linear-gradient(180deg,#2a3a5a 0%,var(--bg-panel) 70%)}#daynight-band.dn-day{background:linear-gradient(180deg,#4a7fb5 0%,var(--bg-panel) 75%)}#daynight-band.dn-night{background:linear-gradient(180deg,#15203a 0%,var(--bg-panel) 70%)}#daynight-band.dn-moon{background:linear-gradient(180deg,#241a3a 0%,var(--bg-panel) 65%)}#navbar>:not(#daynight-band){position:relative;z-index:1}.logo{display:flex;align-items:center;text-decoration:none;margin-right:10px;color:var(--text)}.logo img{display:block}#nav-links{display:flex;align-items:center;gap:2px;flex:1}#nav-links a{color:#cfd1d4;text-decoration:none;padding:6px 10px;font-size:14px;border-radius:2px}#nav-links a:hover{color:#fff;background:#ffffff0f}#nav-auth{display:flex;align-items:center;gap:6px;margin-left:auto}#login-bar{display:flex;gap:4px}#login-bar input{background:var(--bg-input);border:1px solid var(--border-light);color:var(--text);padding:4px 8px;border-radius:2px;font-size:13px;width:120px}button{background:var(--bg-input);border:1px solid transparent;color:var(--text);padding:4px 10px;border-radius:2px;cursor:pointer;font-size:14px}button:hover{background:#000}#user-info{display:flex;align-items:center;gap:12px}#username{font-weight:600}#points-display{color:var(--gold);font-weight:600;font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:-.01em;padding:3px 10px;border:1px solid rgba(255,215,0,.35);background:#ffd7000f;border-radius:2px;display:inline-flex;align-items:baseline;gap:6px;transition:color .3s,border-color .3s,background .3s}#points-display:before{content:"cp";color:#c8a84b;font-weight:500;font-size:10px;letter-spacing:.06em;text-transform:uppercase}#btn-logout{font-size:11px;padding:3px 8px}.nav-icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:3px;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:2px;color:var(--text-dim);cursor:pointer}.nav-icon-btn:hover{color:var(--text);border-color:#ffffff47}.nav-icon-btn .ch-icon{width:15px;height:15px}.cp-glow-green{color:#4caf50!important}.cp-glow-red{color:#e53935!important}#mainpage{margin-top:0;min-height:calc(100vh - 50px);height:auto;display:flex;flex-direction:column;padding:0 15px;overflow:visible;container-type:inline-size;--player-cap: min( calc((100cqi - var(--chat-w, 500px) - 10px) * 9 / 16), calc(100vh - 50px - 30px - var(--queue-reserve, 200px)) )}#mainpage>#main{flex:0 0 calc(var(--player-cap, 62vh) + 30px);min-height:0}#mainpage>#bottom-bar{flex:0 0 auto;min-height:0}#bottom-queue{min-height:0}#motdrow{margin-bottom:10px}.well{background:var(--bg-chat);border:none;border-radius:2px;padding:19px;position:relative;min-height:20px;margin-bottom:0}.close-btn{float:right;background:none;border:none;color:var(--text-dim);font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.close-btn:hover{color:var(--text)}#motd{font-size:13px;color:#c8a84b;white-space:pre-wrap;word-break:break-word}#drinkbarwrap{margin-bottom:10px}#drinkbar{background-color:#2a1f00;border:2px solid #c8a84b;border-radius:2px;padding:5px 0}#drinkcount{text-align:center;font-weight:700;font-size:30px;color:#c8a84b;text-shadow:1px 1px #000;font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:0}#main{display:flex;gap:0;min-height:0;align-items:flex-start;height:calc(var(--player-cap, 62vh) + 30px)}body.layout-synchtube #main{flex-direction:row-reverse}#chatwrap{flex:0 0 var(--chat-w, 500px);min-width:280px;max-width:var(--chat-w, 500px);display:flex;flex-direction:column;min-height:0;align-self:stretch;height:auto;margin-right:10px}#chatheader{display:flex;align-items:center;gap:6px;padding:0 8px;background:var(--bg-panel);border:1px solid var(--bg-panel);border-bottom:none;height:30px;font-size:13px}#userlisttoggle{cursor:pointer;color:var(--text-dim);font-size:12px;transition:transform .15s}#userlisttoggle:hover{color:var(--text)}#userlisttoggle.collapsed{transform:rotate(-90deg)}#conn-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.conn-ok{background:var(--green)}.conn-off{background:var(--red)}#usercount{color:var(--text-muted);white-space:nowrap;flex:0 0 auto;font-variant-numeric:tabular-nums;cursor:pointer}#usercount:hover{color:var(--text)}#cinema-chat-pin,#modal-clickaway{display:none}#chatbody{display:flex;flex:1 1 auto;border:1px solid var(--bg-panel);min-height:0;overflow:hidden}#userlist{list-style:none;width:120px;min-width:120px;overflow-x:hidden;overflow-y:auto;border-right:1px solid var(--bg-panel);font-size:9pt;flex-shrink:0;transition:width .15s,min-width .15s}#userlist.collapsed{width:0;min-width:0;border-right:none;overflow:hidden}#userlist li{position:relative;display:flex;align-items:center;gap:4px;padding:2px 6px;line-height:1.6;cursor:pointer;white-space:nowrap;overflow:hidden}#userlist li:hover{background:#282828}#userlist li.ignored{text-decoration:line-through;opacity:.5}.u-name{position:relative;z-index:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto;min-width:0}.u-badges{margin-left:auto;display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;max-width:42px;overflow:hidden}.u-badges>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#userlist li[data-rank="255"] .u-name{color:var(--rank-siteadmin);font-weight:700}#userlist li[data-rank="5"] .u-name{color:var(--rank-owner);font-weight:700}#userlist li[data-rank="4"] .u-name{color:var(--rank-admin);font-weight:700}#userlist li[data-rank="3"] .u-name{color:var(--rank-mod)}#userlist li[data-rank="2"] .u-name{color:var(--rank-leader)}#userlist li[data-rank="1"] .u-name{color:var(--text)}#userlist li[data-rank="0"] .u-name{color:var(--rank-guest)}#messagebuffer{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 8px 6px;position:relative;background:var(--bg-chat);display:flex;flex-direction:column}#messagebuffer>*:first-child{margin-top:auto}.chat-line{line-height:1.45;word-wrap:break-word;overflow-wrap:break-word;animation:chat-fade-in .1s ease-out;padding-left:12px;text-indent:-12px}.chat-line>*{text-indent:0}@keyframes chat-fade-in{0%{opacity:0}to{opacity:1}}.chat-ts{color:#7b8892;font-size:11px;margin-right:2px;font-variant-numeric:tabular-nums}.chat-ts+.chat-user,.chat-ts+.chat-user-wrap{margin-left:2px}.chat-user-wrap{position:relative;display:inline-block}.chat-user-wrap .chat-user{position:relative;z-index:1}.chat-user-wrap .chat-user:after{content:": ";font-weight:400;color:var(--text-dim)}.user-hat{position:absolute;display:block;top:-18px;left:50%;transform:translate(-50%);pointer-events:none;z-index:2}.user-hat.behind-name{z-index:0}.chat-user{font-weight:600;cursor:pointer}.chat-user:after{content:": ";font-weight:400;color:var(--text-dim)}.chat-line>.chat-user+.chat-text,.chat-line>.chat-user-wrap+.chat-text{margin-left:6px}.chat-user[data-rank="255"]{color:var(--rank-siteadmin)}.chat-user[data-rank="5"]{color:var(--rank-owner)}.chat-user[data-rank="4"]{color:var(--rank-admin)}.chat-user[data-rank="3"]{color:var(--rank-mod)}.chat-user[data-rank="2"]{color:var(--rank-leader)}.server-whisper .chat-user{color:var(--info);font-weight:400;font-style:italic}.server-whisper .chat-text{color:var(--text-dim);font-style:italic;font-size:8pt}.nick-hover{background:#ffff9914}.nick-highlight{background:#ddffdd26}.chat-highlight{background:#0000009e;border:1px solid #ff9900;border-radius:2px;padding:2px 6px;display:block}.action-user{font-weight:600}.action-user:after{content:""}.chat-text strong{font-weight:700}.chat-text em{font-style:italic}.chat-text s{text-decoration:line-through}.chat-text code{background:#2a2a2a;border:1px solid #444;border-radius:2px;padding:0 3px;font-family:monospace;font-size:12px}.chat-text .spoiler{color:var(--bg);background:var(--bg);border-radius:2px;cursor:pointer;padding:0 2px}.chat-text .spoiler:hover{color:var(--text);background:#333}.greentext{color:#6b7c34}#chatline{width:100%;background:var(--bg-input);border:1px solid var(--bg-panel);border-top:none;color:var(--text);padding:6px 8px;font-size:14px;transition:box-shadow .15s}#chatline:disabled{opacity:.4}#chatline{caret-color:var(--cta)}#chatline:focus{outline:none;border-color:var(--cta);box-shadow:inset 0 0 0 2px var(--cta),0 0 0 1px var(--cta);background:var(--bg-panel)}#chatline-wrap{position:relative}#autofill-dropdown{position:absolute;left:0;right:0;bottom:100%;margin-bottom:2px;background:var(--bg-panel);border:1px solid var(--border);max-height:180px;overflow-y:auto;z-index:100;box-shadow:0 -4px 12px #0006}#autofill-dropdown .autofill-item{padding:4px 8px;font-size:12px;cursor:pointer;display:flex;gap:8px;align-items:baseline}#autofill-dropdown .autofill-item:hover,#autofill-dropdown .autofill-active{background:var(--bg-hover, #2a2a2a)}#autofill-dropdown .autofill-cmd{color:var(--accent);white-space:nowrap}#autofill-dropdown .autofill-desc{color:var(--text-dim);font-size:11px}.blackmarket-overlay{position:fixed;inset:0;background:#0009;z-index:200;display:flex;align-items:center;justify-content:center}.blackmarket-box{background:#141013;border:1px solid #3a3036;border-top:3px solid #a01f2b;width:min(420px,92vw);max-height:70vh;overflow-y:auto;box-shadow:0 8px 30px #0009}.blackmarket-head{font-weight:700;font-size:14px;padding:10px 12px;border-bottom:1px solid #3a3036;position:relative;color:#e8e2d9}.blackmarket-close{position:absolute;right:8px;top:7px;background:none;border:none;color:#8a8079;font-size:18px;cursor:pointer}.blackmarket-note{font-size:11px;color:#8a8079;padding:8px 12px}.blackmarket-list{padding:0 12px 12px}.blackmarket-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #241f24;font-size:12px;color:#e8e2d9}.blackmarket-row button{padding:3px 12px;font-size:12px;cursor:pointer;background:#2a1418;color:#e07b6e;border:1px solid #a01f2b;border-radius:2px}.blackmarket-row button:hover{background:#3a1f1c}#store-vault{margin-bottom:14px;background:linear-gradient(180deg,#d4af3714,#d4af3705);border:1px solid rgba(212,175,55,.25);border-radius:4px;padding:10px 12px}#store-vault .cool-section-label{color:var(--gold, #d4af37);border-bottom-color:#d4af3733}#store-vault input{background:var(--bg-input, #1c1c1c);color:var(--text);border:1px solid var(--border);border-radius:2px;padding:3px 6px}#store-vault #btn-vault-deposit,#store-vault #btn-vault-withdraw{border-color:#d4af3766}#store-vault #btn-vault-deposit:hover,#store-vault #btn-vault-withdraw:hover{border-color:var(--gold, #d4af37)}.action-prompt{position:absolute;left:0;right:0;bottom:100%;margin-bottom:4px;background:var(--bg-panel);border:1px solid var(--border);border-left:3px solid var(--accent);padding:9px 11px 0;z-index:120;box-shadow:0 -4px 14px #00000080}.action-prompt--danger{border-left-color:#c0392b}.action-prompt-title{font-weight:600;font-size:13px;margin-bottom:3px}.action-prompt-body{font-size:12px;color:var(--text-dim);margin-bottom:8px}.action-prompt-btns{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.action-prompt-btn{padding:5px 12px;font-size:12px;cursor:pointer;background:var(--bg-hover, #2a2a2a);color:var(--text);border:1px solid var(--border);border-radius:2px}.action-prompt-btn:hover{border-color:var(--accent)}.action-prompt-btn--danger{border-color:#c0392b;color:#e07b6e}.action-prompt-btn--danger:hover{background:#3a1f1c}.action-prompt-bar{height:3px;background:#ffffff14;margin:0 -11px}.action-prompt-bar-fill{height:100%;width:100%;background:var(--accent);transition:width .2s linear}.action-prompt--danger .action-prompt-bar-fill{background:#c0392b}#guestlogin{display:flex;border:1px solid var(--bg-panel);border-top:none}.guest-label{background:var(--bg-panel);color:var(--text-dim);padding:4px 12px;font-size:13px;white-space:nowrap;border-right:1px solid var(--border-light);display:flex;align-items:center;min-width:100px}#guestname{flex:1;background:var(--bg-input);border:none;color:var(--text);padding:4px 8px;font-size:14px;border-radius:0 0 4px}#guestname:focus{outline:none}#newmessages-indicator{position:relative;margin-top:-28px;height:28px;text-align:center;font-weight:700;font-size:11px;cursor:pointer;line-height:28px;background:#4a9eff26;color:var(--accent);border:1px solid var(--accent);z-index:5}#videowrap{flex:1 1 auto;min-width:0;min-height:0;max-width:100%;overflow:hidden;height:100%;align-self:stretch;display:flex;flex-direction:column}body.hide-video #videowrap,body.hide-player #player-wrap{display:none}#videowrap-header{padding:0 10px;font-size:13px;background:var(--bg-panel);border:1px solid var(--bg-panel);border-bottom:none;display:flex;flex-direction:row-reverse;align-items:center;gap:6px;height:30px}#resize-video-smaller,#resize-video-larger{float:right;cursor:pointer;color:var(--text-dim);padding:0 4px;font-size:14px;user-select:none}#resize-video-smaller:hover,#resize-video-larger:hover{color:var(--text)}#currenttitle{flex:1;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#upnext{color:var(--text-dim);font-size:11px;opacity:.8;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#upnext:before{content:"next: ";color:var(--accent)}#leader-badge{color:#f0c040;font-size:11px;flex-shrink:0}#player-wrap{background:#000;position:relative;border:1px solid var(--bg-panel);border-top:none;min-width:0;max-width:100%;overflow:hidden}#player-wrap{display:flex;justify-content:center;align-items:stretch;flex:1 1 auto;min-height:0}#player{position:relative;width:100%;height:100%;max-width:100%;max-height:none;overflow:hidden}#player iframe,#player video{position:absolute;inset:0;width:100%;height:100%;max-width:none;border:0;display:block;object-fit:contain}#mobile-video-options-toggle{display:none}.player-idle{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--player-idle-text);font-family:var(--player-idle-font);font-size:var(--player-idle-size);letter-spacing:.02em}#bottom-bar{display:grid;grid-template-columns:minmax(280px,var(--chat-w, 500px)) minmax(0,1fr);column-gap:10px;align-items:start;margin-top:6px;padding-top:6px;padding-bottom:4px;min-width:0;overflow:visible}#controlsrow{grid-column:1;min-width:0;display:flex;align-items:flex-start;align-self:start;overflow:hidden}#bottom-queue{grid-column:2;min-width:0}#event-feed{display:none}body.layout-synchtube #bottom-bar{grid-template-columns:minmax(0,1fr) minmax(280px,var(--chat-w, 500px))}body.layout-synchtube #controlsrow{grid-column:2}body.layout-synchtube #bottom-queue{grid-column:1}#leftcontrols{width:100%;min-width:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 8px}#game-rail{display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px}#first-use-guide{flex:1 0 100%;min-width:0;display:flex;align-items:center;gap:6px;padding:4px 0 6px;box-sizing:border-box;border-bottom:1px solid var(--border);color:var(--text-dim);font-size:12px}#first-use-guide.hidden{display:none}#first-use-copy{flex:1 1 auto;min-width:0}#leftcontrols #first-use-guide button{flex:0 0 auto;height:28px;padding:3px 9px;border:1px solid var(--accent);border-radius:3px;background:transparent;color:var(--text);cursor:pointer}#leftcontrols #first-use-guide button:hover{background:#ffffff0f}#leftcontrols #first-use-dismiss{width:28px;padding:0!important;border-color:transparent!important;color:var(--text-dim)!important;font-size:17px}#game-rail>button{height:38px;padding:2px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}#game-rail>button .ch-icon{width:17px;height:17px}.ch-icon{width:20px;height:20px;flex-shrink:0}.ch-icon svg{stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}#cp-bar-amount{color:var(--gold);font-weight:600;font-size:13px;white-space:nowrap}#btn-cp{display:flex;align-items:center;gap:5px}#drink-display{color:#c8a84b;font-size:13px;padding:0;white-space:nowrap}#rightcontrols{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}#plcontrol{display:flex;gap:3px;min-width:0}#plcontrol button{height:38px;padding:3px 9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:46px}#plcontrol button .ch-icon{width:17px;height:17px}#game-rail>button .btn-label,#plcontrol button .btn-label{font-size:10px;color:var(--text-dim);font-weight:500;letter-spacing:.2px;pointer-events:none}#game-rail>button:hover .btn-label,#plcontrol button:hover .btn-label{color:var(--text)}#plcontrol button.active{background:#333;border-color:#555}#plcontrol button.active .btn-label{color:#fff}#videocontrols{display:flex;gap:2px;align-items:center}#videocontrols button{height:38px;padding:4px 9px}#plcontrol,#videocontrols{background:#ffffff05;border:1px solid var(--border);border-radius:2px;padding:4px;box-sizing:border-box;align-self:center}#rightcontrols{gap:6px}#game-rail>button,#plcontrol button,#videocontrols button{background:transparent;border:1px solid transparent;border-radius:2px}#game-rail>button:hover,#plcontrol button:hover,#videocontrols button:hover{background:#ffffff0f}#plcontrol button.active{background:#ffffff1a;border-color:var(--border-light)}#btn-cp{border:1px solid var(--border);border-radius:3px}#game-rail,#plcontrol{position:relative}#btn-cp{cursor:default}#btn-cp:hover{background:transparent}#cp-bar-amount,#hp-text,#drink-count,#voteskip-btn-count{font-variant-numeric:tabular-nums}#voteskip-bar{width:60px;height:6px;border-radius:999px;overflow:hidden;background:#252525;border:1px solid #3a3a3a}#voteskip-fill{display:block;width:0;height:100%;background:var(--gold)}#voteskip-count{font-size:11px;color:var(--text-dim);padding:0 4px}#voteskip-btn-count{font-size:10px;color:var(--accent);font-weight:600}#bottom-queue{display:flex;flex-direction:column;min-width:0}#bottom-queue #queue{flex:0 0 auto;max-height:none;overflow:visible}#bottom-queue #addfromurl,#bottom-queue #searchcontrol{margin-bottom:4px}#bottom-queue #plmeta{background:var(--bg-panel)}#playlistrow{display:block}#leftpane,#rightpane{width:100%;min-width:0}#addfromurl,#searchcontrol{margin-bottom:6px}.url-input-group{display:flex;gap:0}.url-input-group input{flex:1;background:var(--bg-input);border:1px solid var(--border-light);color:var(--text);padding:7px 10px;font-size:13px;border-radius:3px 0 0 3px}.url-input-group input:focus{outline:none;border-color:var(--accent)}.url-input-group button{border-radius:0 3px 3px 0;border-left:none;padding:7px 10px;white-space:nowrap;display:flex;align-items:center;justify-content:center}#library-results{max-height:200px;overflow-y:auto;font-size:12px;margin-top:4px}#encode-pills{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}#encode-pills:empty{display:none}.encode-pill{font-size:11px;color:var(--info);background:var(--bg-card);border:1px solid var(--border);border-radius:3px;padding:2px 7px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;transition:background .12s,border-color .12s}.encode-pill .encode-pill-stage{font-weight:600;text-transform:none}.encode-pill:hover{background:var(--bg-panel);border-color:var(--info)}.videolist{list-style:none;padding:0;margin:0;max-height:620px;overflow-y:auto;border-radius:3px}.videolist li{font-size:13px;line-height:1.4;border-bottom:1px solid rgba(255,255,255,.06);background:#272b30;display:grid;grid-template-columns:20px 1fr;position:relative;cursor:default;transition:background .1s;min-width:0}.videolist li:last-child{border-bottom:none}.videolist li:hover{background:#2e3338}.videolist li.active{background:#5ca2b91f;box-shadow:inset 3px 0 0 0 var(--accent)}.videolist li.q-dragging{opacity:.4}.videolist li.q-drop-above{box-shadow:inset 0 2px 0 0 var(--info)}.videolist li.q-drop-below{box-shadow:inset 0 -2px 0 0 var(--info)}.q-grab{grid-column:1;grid-row:1 / span 3;display:flex;align-items:center;justify-content:center;color:#555;cursor:grab;user-select:none;transition:color .1s}.q-grab:hover{color:#999}.q-grab:active{cursor:grabbing}.q-grab svg{width:16px;height:16px}.videolist li:hover .q-grab{color:#888}.q-row-main{grid-column:2;grid-row:1;display:grid;grid-template-columns:auto 72px 1fr auto;align-items:center;gap:10px;padding:8px 12px 8px 4px}.q-type{font-size:10px;font-weight:700;color:#bbb;background:#ffffff0f;border-radius:3px;padding:3px 7px;flex-shrink:0;letter-spacing:.5px;text-align:center;min-width:38px}.q-type-yt{background:#e6211738;color:#ff8a80}.q-type.q-type-logo{background:none;padding:0;min-width:0;display:inline-flex;align-items:center;justify-content:center}.q-type.q-type-logo svg{width:28px;height:20px;display:block}.videolist li.active .q-type.q-type-logo{background:none}.q-type-fi,.q-type-hl{background:#5ca2b938;color:#9cd}.q-type-cm,.q-type-em{background:#8c6ec838;color:#c9b8ff}.q-type-tw{background:#9146ff38;color:#c8a8ff}.q-type-vi{background:#1eb4d238;color:#9fe0ef}.q-type-sc{background:#ff8c3c38;color:#ffb488}.q-type-dm{background:#00a0ff38;color:#8cd5ff}.q-type-placeholder{background:#c8a84b38;color:#c8a84b}.videolist li[data-type=placeholder] .q-title{color:var(--text-muted);font-style:italic}.videolist li[data-type=placeholder] .q-title:after{content:" \22ef"}.videolist li.active .q-type{background:var(--accent);color:#fff;letter-spacing:.8px}.q-thumb-box{width:72px;height:40px;flex-shrink:0;background:#0c0f12;border-radius:2px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.05)}.q-thumb{width:100%;height:100%;object-fit:cover;display:block}.q-thumb-placeholder{color:#3a4048;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.q-thumb-placeholder svg{width:18px;height:18px}.q-title-col{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.q-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d8d8d8;font-size:13px;font-weight:500}a.q-title{text-decoration:none;display:block;cursor:pointer}a.q-title:link,a.q-title:visited{color:#d8d8d8}.videolist li.active a.q-title:link,.videolist li.active a.q-title:visited{color:#fff}a.q-title:hover,a.q-title:focus-visible{text-decoration:underline;color:#fff}.videolist li.active .q-title{color:#fff;font-weight:600}.q-sub{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q-user{color:#9aa4ac}.q-eta{color:#7a8088;font-family:monospace;font-size:10.5px}.videolist li.q-anchor{box-shadow:inset 3px 0 #d9b96c}.q-sched{color:#e0c070}.q-perm-pill{display:inline-block;padding:1px 5px;font-size:9px;font-weight:700;letter-spacing:.6px;background:#d9b96c2e;color:#e0c070;border-radius:2px}.q-duration{color:var(--text-dim);font-family:monospace;font-size:12px;flex-shrink:0;text-align:right}.videolist li.active .q-duration{color:#ddd}.q-actions{grid-column:2;grid-row:2;display:flex;justify-content:space-around;align-items:center;padding:0 10px;background:#0000002e;border-top:1px solid rgba(255,255,255,.04);gap:4px;max-height:0;overflow:hidden;opacity:0;transition:max-height .15s ease,opacity .12s ease,padding .15s ease}.videolist li:hover .q-actions,.q-actions.q-actions-visible{max-height:48px;opacity:1;padding-top:6px;padding-bottom:6px}.q-actions button{flex:1;max-width:180px;background:transparent;border:none;color:#9aa;font-size:12px;padding:6px 10px;border-radius:3px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .1s,color .1s}.q-actions button:hover{background:#ffffff0f;color:#fff}.q-actions button svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.q-actions .q-del{color:#c66}.q-actions .q-del:hover{background:#b4464626;color:#f88}.q-actions .q-rename{color:#7ab0c4}.q-actions .q-rename:hover{background:#5ca2b926;color:#9cd}.q-actions .q-perm-active{color:#d9b96c}.q-actions .q-perm-active:hover{background:#d9b96c1f;color:#f0d080}#queue-title{width:100%;margin-top:4px;padding:5px 10px;font-size:12px;background:var(--bg-input);border:1px solid var(--border-light);color:var(--text);border-radius:3px;box-sizing:border-box}#queue-title:focus{outline:none;border-color:var(--accent)}#queue-schedule{width:100%;margin-top:4px;padding:5px 10px;font-size:12px;background:var(--bg-input);border:1px solid var(--border-light);color:var(--text);border-radius:3px;box-sizing:border-box;color-scheme:dark}#queue-schedule:focus{outline:none;border-color:var(--accent)}#plmeta{display:flex;align-items:center;gap:8px;padding:5px 10px;font-size:11px;color:var(--text-dim);border-top:1px solid rgba(255,255,255,.04);border-radius:0 0 3px 3px;background:#1a1e22}#pllength{margin-left:auto}#queue-collapse{display:inline-flex;align-items:center;justify-content:center;width:auto;height:24px;padding:0 6px;gap:4px;background:none;border:none;color:var(--text-dim);cursor:pointer;border-radius:3px;transition:background .08s,color .08s}#queue-collapse:hover{background:#ffffff0f;color:var(--text)}#queue-collapse .ch-icon{width:14px;height:14px;transition:transform .12s ease}#queue-collapse-label{white-space:nowrap;font-size:11px}#bottom-queue.queue-collapsed #queue-collapse .ch-icon{transform:rotate(-90deg)}#bottom-queue.queue-collapsed #rightcontrols,#bottom-queue.queue-collapsed #addfromurl,#bottom-queue.queue-collapsed #searchcontrol,#bottom-queue.queue-collapsed #encode-pills,#bottom-queue.queue-collapsed #queue{display:none!important}#bottom-queue.queue-collapsed #plmeta{border-top:none}#poll-area{padding:10px}#poll-area .poll-header{display:flex;align-items:center;gap:6px;margin-bottom:5px}#poll-area .poll-title{font-weight:600;font-size:13px;flex:1}#poll-area .poll-status{font-size:10px;color:var(--text-dim);border:1px solid var(--border);border-radius:2px;padding:1px 4px}#poll-area .poll-status.closed{color:var(--red);border-color:var(--red)}#poll-area .poll-status.gamble{color:var(--gold);border-color:var(--gold)}#poll-area .poll-option{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:12px}#poll-area .poll-option-clickable{cursor:pointer}#poll-area .poll-option-clickable:hover{color:var(--accent)}#poll-area .poll-option-winner .poll-opt-text{color:var(--accent);font-weight:600}#poll-area .poll-option-winner .poll-bar{border:1px solid var(--accent)}#poll-area.poll-result-moment{animation:poll-result-moment 1.4s ease-out}@keyframes poll-result-moment{0%{box-shadow:inset 2px 0 0 var(--accent);background:#5ca2b91a}to{box-shadow:inset 2px 0 0 transparent;background:transparent}}#poll-area .poll-opt-text{min-width:60px}#poll-area .poll-bar{flex:1;height:14px;background:#333;border-radius:2px;position:relative;overflow:hidden}#poll-area .poll-bar-fill{height:100%;background:var(--info);border-radius:2px;transition:width .3s}#poll-area .poll-votes{font-size:11px;color:var(--text-dim);min-width:28px;text-align:right;white-space:nowrap}#poll-area .poll-option{flex-wrap:wrap}#poll-area .poll-voters{width:100%;font-size:10px;color:var(--text-dim);padding-left:2px;margin-top:1px}#poll-area .poll-gamble-input{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12px}#poll-area .poll-gamble-input input{background:var(--bg-input);border:1px solid var(--border);color:var(--text);padding:2px 4px;border-radius:2px;font-size:11px}#poll-area .poll-admin{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}#poll-modal.cool-modal{padding:0;margin:0}#poll-modal .cool-modal-header{padding:14px 48px 12px 16px}#poll-modal .cool-modal-title{font-size:18px;font-weight:700;letter-spacing:-.02em}#poll-modal .cool-modal-body{padding:16px;display:flex;flex-direction:column;gap:16px}#poll-title-input{font-size:16px;font-weight:600;padding:10px 12px}.poll-block-title{font-size:11px;font-weight:700;color:var(--cm-accent, var(--cta));letter-spacing:.1em;padding-bottom:4px;margin-bottom:8px;border-bottom:1px solid var(--border)}#poll-options-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.poll-option-row{display:flex;align-items:center;gap:8px}.poll-opt-n{flex:0 0 18px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-dim);text-align:right}.poll-option-row .poll-option-input{flex:1;width:auto;padding:8px 10px}.poll-option-remove{flex-shrink:0;width:24px;height:24px;padding:0;background:transparent;border:1px solid transparent;border-radius:2px;color:var(--text-dim);cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center}.poll-option-remove:hover{color:var(--red);border-color:#e539354d}.poll-add-btn{background:none;border:none;padding:2px 0;font-size:13px;color:var(--text-dim);cursor:pointer;font-family:inherit}.poll-add-btn:hover{color:var(--cm-accent, var(--cta))}#poll-modal .cool-check{color:var(--text)}#poll-modal label.cool-check:has(#poll-gamble:checked){color:var(--gold)}.poll-timer{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-size:13px;color:var(--text-dim)}#poll-modal .cool-actions{margin-top:0}#btn-cancel-poll{color:var(--text-dim)}#emote-picker.cool-modal{padding:0;margin:0}#emote-picker .cool-modal-header{flex:0 0 auto;padding:14px 48px 12px 16px}#emote-picker .cool-modal-title{font-size:18px;font-weight:700;letter-spacing:-.02em}#emote-picker .cool-modal-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:10px;flex:1 1 auto;min-height:0;overflow:hidden}#emote-search{flex:0 0 auto}#emote-grid{display:flex;flex-direction:column;gap:10px;overflow-y:auto;flex:1 1 auto;min-height:0;overscroll-behavior:contain}.emote-section{font-size:11px;font-weight:700;color:var(--cm-accent, var(--cta));letter-spacing:.1em;padding-bottom:4px;margin-bottom:2px;border-bottom:1px solid var(--border)}.emote-row{display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.emote-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;background:transparent;border:1px solid transparent;border-radius:2px;cursor:pointer}.emote-tile img{height:48px;max-width:64px;object-fit:contain;image-rendering:-webkit-optimize-contrast}.emote-tile .et-name{font-size:11px;color:var(--text-dim);width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.emote-tile mark{background:#5ca2b959;color:var(--text);padding:0 1px;border-radius:2px}.emote-tile:hover,.emote-tile.emote-tile-on{background:var(--bg-card);border-color:var(--cm-accent, var(--cta))}.emote-tile:hover .et-name,.emote-tile.emote-tile-on .et-name{color:var(--text)}.emote-tile.emote-broken{border-color:var(--red)}.emote-tile.emote-broken img{opacity:.25}.emote-empty{padding:20px 0;color:var(--text-dim);font-size:13px}#store-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:3px;margin-top:10px;overflow-y:auto;max-height:420px}#store-tabs{display:flex;gap:4px;padding:8px 8px 0;flex-wrap:wrap}#store-tabs .store-tab{padding:3px 10px;font-size:11px;background:transparent;border:1px solid var(--border);color:var(--text-dim);border-radius:3px;cursor:pointer;text-transform:capitalize;transition:background .08s,color .08s,border-color .08s}#store-tabs .store-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}#store-tabs .store-tab:hover:not(.active){background:#ffffff0f;color:var(--text)}#store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;padding:8px}#badge-roll-count{color:var(--text-dim);font-weight:400;margin-left:6px}.badge-roll-actions{display:flex;gap:6px;margin-bottom:8px}#badge-reel{display:none;position:relative;height:40px;overflow:hidden;margin:0 0 8px;border:1px solid var(--border);background:var(--bg-chat);border-radius:2px}#badge-reel.open{display:block}#badge-reel-window{position:absolute;left:50%;top:0;bottom:0;width:36px;margin-left:-18px;border-left:1px solid var(--text);border-right:1px solid var(--text);pointer-events:none;z-index:1}#badge-reel-strip{display:flex;gap:6px;padding:4px}.badge-reel-item{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center}#badge-roll-msg{font-size:13px;color:var(--text);min-height:1.2em;margin-bottom:6px}#badge-roll-msg.is-dupe{color:var(--text-dim)}#badge-equip-hint{color:var(--text-dim);font-size:11px;margin-bottom:6px}#badge-collection-grid{display:flex;flex-wrap:wrap;gap:4px}.badge-collect-item{cursor:pointer;border:2px solid transparent;border-radius:2px;padding:2px;background:var(--bg-input)}.badge-collect-item.equipped{border-color:var(--accent)}.badge-empty{color:var(--text-dim);font-size:11px}.store-item{background:var(--bg-input);border:1px solid var(--border);border-radius:3px;padding:8px 6px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;text-align:center;transition:border-color .08s,transform .08s}.store-item:hover{border-color:var(--border-light);transform:translateY(-1px)}.store-item-equipped{border-color:var(--accent)}.store-item-img{width:44px;height:44px;object-fit:contain}.store-item-name{font-weight:600;font-size:11.5px;line-height:1.2}.store-item-desc{color:var(--text-dim);font-size:10px;line-height:1.25}.store-item-price{color:var(--gold, #F8C341);font-size:11px;font-weight:600}.store-item-actions{display:flex;gap:4px;margin-top:auto;flex-wrap:wrap;justify-content:center}.store-buy-btn,.store-sell-btn,.store-use-btn,.store-equip-btn{padding:3px 9px;font-size:11px;background:transparent;border:1px solid var(--accent);color:var(--accent);border-radius:3px;cursor:pointer;transition:background .08s}.store-buy-btn{width:100%}.store-buy-btn:hover,.store-sell-btn:hover,.store-use-btn:hover,.store-equip-btn:hover{background:#ffffff0f}.store-sell-btn{border-color:var(--text-dim);color:var(--text-dim)}.store-use-btn{border-color:var(--red);color:#f66}#store-inventory{border-top:1px solid var(--border);padding:6px 8px}.inventory-grid-abbrev{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:4px}.inventory-more-note{grid-column:1 / -1;font-size:11px;color:var(--text-dim);text-align:center;padding:4px;cursor:pointer}.inventory-more-note:hover{color:var(--text)}#inventory-grid-full{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;padding:4px 0}.link-btn{background:none;border:none;padding:0;font-size:11px;color:var(--cta, #6cf);cursor:pointer;text-decoration:none}.link-btn:hover{text-decoration:underline}#recipe-grid{display:flex;flex-direction:column;gap:6px}.recipe-item{background:var(--bg-input);border:1px solid var(--border);border-radius:2px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;font-size:12px}.recipe-item-locked{opacity:.6}.recipe-name{font-weight:600}.recipe-io{color:var(--text-dim);font-size:11px}.recipe-io .recipe-have{color:var(--green, #6c6)}.recipe-io .recipe-missing{color:#f66}.recipe-craft-btn{align-self:flex-start;padding:3px 12px;font-size:11px;background:transparent;border:1px solid var(--accent);color:var(--accent);border-radius:2px;cursor:pointer}.recipe-craft-btn:hover:not(:disabled){background:var(--bg-hover, #102030)}.recipe-craft-btn:disabled{border-color:var(--text-dim);color:var(--text-dim);cursor:not-allowed}#job-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:2px}#job-panel .cool-modal-header{padding-right:40px;gap:10px}.job-panel-meta{display:flex;align-items:center;gap:8px;margin-left:auto;flex:0 0 auto}#job-panel-name{font-weight:600}#job-panel-hp{font-size:12px;color:var(--text-dim);white-space:nowrap}#job-target-row{position:relative;margin-bottom:10px}#job-target-list{position:absolute;left:0;right:0;top:100%;z-index:3;background:var(--bg-card);border:1px solid var(--border-light);border-top:none;border-radius:0 0 2px 2px;max-height:180px;overflow-y:auto}#job-target-list.hidden{display:none}.job-target-hit{padding:6px 9px;font-size:13px;cursor:pointer;color:var(--text)}.job-target-hit:hover,.job-target-hit.is-on{background:var(--bg-input)}.job-target-note{padding:6px 9px 2px;font-size:11px;color:var(--text-dim)}#job-abilities{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:4px;margin-bottom:4px}.job-ability-btn{display:flex;align-items:center;gap:6px;background:var(--bg-input);border:1px solid var(--border);color:var(--text);padding:6px 8px;border-radius:2px;cursor:pointer;text-align:left;position:relative;min-width:0}.job-ability-btn:hover:not(:disabled){background:var(--bg-card);border-color:var(--accent)}.job-ability-btn:disabled{opacity:.4;cursor:default}.job-ab-label{font-weight:600;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-ab-cd{font-size:10px;color:#f80;margin-left:auto;font-variant-numeric:tabular-nums}.ab-icon{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.work-pick{width:24px;height:24px;fill:initial;stroke:none}.wp-ore{fill:#6b7683}.wp-ore-facet{fill:#8b97a5}.wp-handle{fill:#7a5230}.wp-head{fill:#c3ccd6}.wp-spark{fill:#fff;opacity:0;transition:opacity .18s ease}.work-pick .wp-axe{transform-origin:21px 29px;transition:transform .26s cubic-bezier(.2,.7,.3,1),opacity .2s ease}.work-ready .wp-axe{transform:rotate(-14deg)}.work-ready .wp-head{fill:#e6edf5}.work-ready .wp-spark{opacity:1}.work-ready .wp-ore-facet{fill:#a8b4c2}.work-cooling .wp-axe{transform:rotate(78deg) translate(1px);opacity:.5}.work-cooling .wp-handle{fill:#55483d}.work-cooling .wp-head{fill:#79828c}.work-cooling .wp-ore{fill:#4e565f}.work-cooling .wp-ore-facet{fill:#5c656f}.work-cooling .wp-spark{opacity:0}#job-ab-hint{font-size:11px;color:var(--text-dim);min-height:0;margin-bottom:0;line-height:1.35}#job-ab-hint:not(:empty){margin-bottom:8px}#job-abilities .job-ab-section{grid-column:1 / -1;font-size:10px;color:var(--text-muted);margin:4px 0 0;letter-spacing:.02em}#job-switch-row{border-top:1px solid var(--border);padding-top:8px;margin-top:4px}#job-switch-btns{display:flex;flex-wrap:wrap;gap:4px}.job-switch-btn{padding:2px 8px;font-size:11px;background:transparent;border:1px solid var(--border);color:var(--text-dim);border-radius:2px;cursor:pointer;text-transform:capitalize}.job-switch-btn:hover:not(.job-switch-locked){background:var(--bg-hover, #2a2a2a);color:var(--text)}.job-switch-btn.active{border-color:var(--accent);color:var(--accent)}.job-switch-btn.job-switch-locked{opacity:.4;filter:blur(.4px);cursor:not-allowed;color:var(--text-dim);border-style:dashed}#job-bar{display:flex;align-items:center;gap:8px;font-size:11px;flex:0 1 auto;min-width:0;flex-wrap:nowrap;margin:0;padding:0;background:none;border:none;border-radius:0}#job-name{color:var(--text);font-weight:600;font-size:12px;letter-spacing:.02em;white-space:nowrap}#hp-bar{width:72px;height:8px;flex:0 0 auto;background:#12171b;border:1px solid var(--border-light);border-radius:2px;overflow:hidden}#hp-bar.hidden{display:none}#hp-bar-fill{display:block;height:100%;width:0;background:var(--green);transition:width .2s}#hp-bar.hp-low #hp-bar-fill{background:var(--red)}#hp-text{font-size:11px;color:var(--text-dim);white-space:nowrap}#job-actions{margin-left:0}#job-actions:empty{display:none}#game-rail #job-actions{flex-wrap:nowrap}#rank-xp-compact-wrap{width:60px;height:8px;background:#333;border-radius:2px;overflow:hidden}#rank-xp-compact-fill{display:block;height:100%;width:0;background:var(--gold);transition:width .3s}#rank-xp-compact-text{font-size:10px;color:var(--text-dim);min-width:54px;white-space:nowrap}#job-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.job-action-btn{font-size:10px;padding:2px 8px;border-radius:2px;background:var(--bg-input);border:1px solid var(--border-light);color:var(--text);cursor:pointer;white-space:nowrap;line-height:1.4;transition:background .1s,border-color .1s}.job-action-btn:hover:not(:disabled){background:var(--bg-card);border-color:var(--accent);color:var(--accent)}.job-action-btn:disabled{opacity:.45;cursor:default}.job-badge{color:var(--text-dim);background:#ffffff0f}.compact-badge{display:inline-flex;align-items:center;justify-content:center;min-width:14px;height:13px;padding:0 3px;margin-left:0;border-radius:2px;font-size:9px;line-height:1;font-weight:600;text-transform:uppercase;letter-spacing:0}#userlist li .u-name.user-dead,.chat-line.chat-dead .chat-user{color:var(--text-dim);opacity:.75;font-weight:500;text-decoration:none}.user-ghost-badge{color:var(--text-dim);background:#ffffff0f}.user-jailed,.chat-jailed .chat-user{position:relative}.user-jailed:after,.chat-jailed .chat-user:after{content:"";position:absolute;inset:-1px 0;pointer-events:none;background:repeating-linear-gradient(to right,#9aa3ad 0,#9aa3ad 2px,transparent 2px,transparent 6px);opacity:.85}.chat-jailed .chat-text{opacity:.7}#death-overlay{position:fixed;bottom:12px;left:50%;transform:translate(-50%);z-index:9000;pointer-events:none;display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:3px;background:#280808eb;border:1px solid #5a2020;box-shadow:0 2px 10px #00000080}#death-overlay.hidden{display:none}#death-overlay-inner{display:flex;align-items:center;gap:8px;text-align:left}#death-skull{font-size:20px;line-height:1}#death-msg{font-size:13px;font-weight:600;color:#f86b6b}#death-timer{font-size:12px;color:var(--text-dim)}#chat-opts-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:2px;padding:8px 10px;margin-top:10px}.user-menu{position:fixed;z-index:9999;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:2px;width:220px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow-y:auto;padding:4px 0}.user-menu-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px 8px;font-size:13px;color:var(--text);background:var(--bg-panel);position:sticky;top:0}.user-menu-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-rank{flex-shrink:0;font-size:11px;font-weight:600;padding:1px 6px;border-radius:2px;background:var(--border);color:var(--text)}.user-menu-rank.rank-2{background:#5ca2b92e;color:#7cc0d6}.user-menu-rank.rank-3{background:#4caf502e;color:#6bc96f}.user-menu-rank.rank-4{background:#e539352e;color:#ef6b68}.user-menu-rank.rank-5{background:#ff7b722e;color:#ff7b72}.user-menu-group{display:flex;flex-direction:column;padding:0}.user-menu-group:empty{display:none}.user-menu-btn{display:block;width:100%;background:transparent;border:0;color:var(--text);text-align:left;padding:7px 12px;font-size:13px;white-space:nowrap;cursor:pointer;border-radius:0}.user-menu-btn:hover:not(:disabled){background:#ffffff14}.user-menu-btn:disabled{opacity:.45;cursor:default}.user-menu-section{height:0;padding:0;margin:4px 8px;overflow:hidden;border-top:1px solid var(--border);font-size:0}.user-menu-group:first-of-type{border-top:none}.user-menu-btn--parent,.user-menu-btn--back{display:flex;align-items:center;gap:8px}.user-menu-btn--parent{justify-content:space-between}.user-menu-chev{color:var(--text-muted, #8b949e);font-size:15px;line-height:1}.user-menu-btn--back{color:var(--text-muted, #8b949e)}.user-menu-btn.user-menu-btn--danger{color:#ef6b68}.user-menu-btn.user-menu-btn--danger:hover:not(:disabled){background:#e539351f;color:#ef6b68}.factions-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:12px;background:#0000009e}.factions-panel{width:min(420px,100%);max-height:min(620px,calc(100dvh - 24px));overflow-y:auto;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:2px;box-shadow:0 10px 28px #0000008c}.factions-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 8px 0 12px;background:var(--bg-panel);border-bottom:1px solid var(--border)}.factions-close,.faction-join{min-height:44px;min-width:44px;border:1px solid var(--border);border-radius:2px;background:var(--bg);color:var(--text);cursor:pointer}.factions-close{border:0;background:transparent;font-size:20px}.factions-note{margin:0;padding:10px 12px;color:var(--text-muted);font-size:12px;border-bottom:1px solid var(--border)}.factions-list{padding:4px 12px 12px}.faction-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;border-bottom:1px solid var(--border)}.faction-row:last-child{border-bottom:0}.faction-row--mine{border-left:2px solid var(--accent);padding-left:8px}.faction-name{color:var(--text);font-size:13px;font-weight:600}.faction-detail{color:var(--text-muted);font-size:11px;margin-top:2px}.faction-join{padding:0 12px}.faction-join:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.faction-join:disabled{opacity:.5;cursor:default}.gold-name .chat-user{color:#c8a84b!important}.gold-mine .chat-user{color:#a9924a}.gold-first-anim .chat-text{display:inline-block;transform-origin:left center;animation:gold-first 2.4s ease-out}@keyframes gold-first{0%{transform:scale(1);text-shadow:0 0 6px rgba(0,0,0,.75)}12%{transform:scale(1.35);text-shadow:0 0 14px #ffd76b,0 0 28px #c8a84b}35%{transform:scale(1.25);text-shadow:0 0 12px #ffd76b,0 0 20px #c8a84b}75%{transform:scale(1.06);text-shadow:0 0 6px #c8a84b}to{transform:scale(1);text-shadow:0 0 6px rgba(0,0,0,.75)}}.shadow-msg{opacity:.5;font-style:italic}.hide-shadow .shadow-msg,.hide-images .lp-img,.hide-images .chat-img-link{display:none}.afk-badge{color:#666;font-size:10px;margin-left:4px}.pm-msg{background:#4a9eff14;border-left:2px solid #4a6eff;padding-left:4px;font-style:italic}.pm-msg .chat-user{color:#6a9eff}.ch-emote{max-height:100px;vertical-align:middle}.hide-emotes .ch-emote{display:none}#danmu-layer{position:fixed;inset:0;pointer-events:none;z-index:9500;overflow:hidden}.danmu{position:absolute;white-space:nowrap;font-size:clamp(18px,2.2vw,30px);font-weight:700;color:#fff;text-shadow:1px 1px 3px #000,-1px -1px 3px #000,0 0 6px rgba(0,0,0,.7);pointer-events:none;left:100vw;animation:danmu-scroll 10s linear forwards}.danmu .ch-emote{max-height:1.2em;width:auto;vertical-align:-.15em}@keyframes danmu-scroll{0%{transform:translate(0)}to{transform:translate(calc(-100vw - 100%))}}.secretary-overlay{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);width:min(80vw,920px);margin:0;padding:0;background:none;border:0;z-index:9500;pointer-events:none}.secretary-text{font-size:clamp(28px,4vw,72px);font-weight:700;color:#fff;text-align:center;line-height:1.3;text-shadow:0 1px 0 #000,1px 0 0 #000,-1px 0 0 #000,0 -1px 0 #000,0 0 12px #000}@keyframes secretary-flash{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.chat-danmu .chat-user:before{content:"\25c8  "}.chat-secretary{color:var(--red);font-weight:700}.chat-secretary .chat-user:before{content:"\26a0  "}.text-lottery,.text-lottery a{font-weight:700;background-image:repeating-linear-gradient(4deg,#a5742f 0,#cb9b51 18%,#f6e27a 42%,#fffdf0,#f6e27a 58%,#cb9b51 82%,#a5742f);color:transparent;-webkit-background-clip:text;background-clip:text;animation:chGold 3.5s linear infinite}@keyframes chGold{0%{background-position:-15em}to{background-position:10em}}#messagebuffer .chat-line[data-text*=coolhole1]{animation:shrink 5s forwards;overflow:hidden}@keyframes shrink{0%{font-size:inherit;max-height:100px}to{font-size:0px;max-height:0}}#messagebuffer .chat-line[data-text*=european] .chat-text,.danmu[data-text*=european],.secretary-overlay[data-text*=european] .secretary-text{animation:rainbow 5s infinite}@keyframes rainbow{0%{color:#66f}10%{color:#09f}50%{color:#0f0}75%{color:#f39}to{color:#66f}}.shotKilled{color:red;animation:ch-shot-fade 2.45s forwards;overflow:hidden}@keyframes ch-shot-fade{0%{opacity:1}82%{opacity:0;max-height:6em;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}to{opacity:0;max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}}.ch-emote[title="/flip"]+.ch-emote{transform:scaleX(-1)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4a4a4a}#job-panel-rank-wrap{padding:0 0 8px}#job-panel-rank{display:flex;align-items:center;gap:8px;padding:0;font-size:11px;color:var(--text-dim)}#job-panel-rank .rank-name{color:var(--gold);font-weight:600;text-transform:uppercase;font-size:10px;letter-spacing:.5px}#job-panel-rank .rank-xp-bar{flex:1;height:4px;background:var(--bg-input);border-radius:2px;overflow:hidden}#job-panel-rank .rank-xp-fill{display:block;height:100%;background:var(--gold);transition:width .3s}#job-panel-rank .rank-xp-text{font-size:10px}#job-panel-rank .rank-peak{color:var(--text-dim);font-size:10px;white-space:nowrap}@keyframes rank-promoted{0%{box-shadow:0 0 #d4af37b3}50%{box-shadow:0 0 0 6px #d4af3700}to{box-shadow:0 0 #d4af3700}}#job-panel-rank.promoted{animation:rank-promoted 1s ease-out 3}#job-panel-rank.promoted .rank-xp-fill{background:#fff;transition:none}#job-panel-status{font-size:11px}.job-ab-section{font-size:9px;color:var(--text-dim);padding:6px 0 2px;margin-top:4px;border-top:1px solid var(--border)}.u-status{display:inline-block;padding:0 4px;margin-left:4px;border-radius:2px;font-size:9px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.u-status.compact-badge{display:inline-flex;padding:0 3px;margin-left:0;letter-spacing:0}.u-status-vampire{background:#4a0010;color:#f46}.u-status-vhunter{background:#2a1810;color:#d4a050}.u-status-werewolf{background:#2a1a10;color:#ff8830}.u-status-infected{background:#1a2a10;color:#8c4}.u-status-ghoul{background:#20001a;color:#c48}.u-status-skeleton{background:#1a1a1a;color:#ccc}.u-hybrid{color:var(--gold);font-size:9px;display:inline-block;padding:0 4px;border-radius:2px;background:#ffffff0d}.u-hybrid.compact-badge{display:inline-flex;padding:0 3px}#day-night{font-size:10px;color:var(--text-dim);padding:0 6px;display:inline-flex;align-items:center;gap:4px}#day-night.is-day:before{content:"\2600";color:#f8c341}#day-night.is-night:before{content:"\263e";color:#8af}#day-night.is-moon:before{content:"\25cf";color:#f46}#trade-dialog{background:var(--bg-panel);border:1px solid var(--border-light);border-radius:3px;padding:10px;margin-bottom:8px}.trade-header{font-weight:600;font-size:13px;margin-bottom:8px}.trade-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:13px}.trade-row label{width:60px;flex-shrink:0;color:var(--text-dim)}.trade-row select,.trade-row input{flex:1;background:var(--bg-input);border:1px solid var(--border-light);color:var(--text);padding:3px 6px;border-radius:2px;font-size:13px}.trade-buttons{display:flex;gap:6px;margin-top:8px;justify-content:flex-end}.kill-feed{color:var(--gold);font-size:11px;font-style:italic;padding:1px 8px;opacity:.85;animation:kf-fade 12s forwards}.kill-feed-death_penalty{color:var(--red)}.kill-feed-poll_win{color:var(--green)}.kill-feed-major{margin:2px 6px;padding:3px 7px;border-left:2px solid currentColor;background:#ffffff09;font-style:normal}@keyframes kf-fade{0%{opacity:.85}80%{opacity:.85}to{opacity:0}}@media (prefers-reduced-motion: reduce){#poll-area.poll-result-moment,.kill-feed,.ef-line{animation:none}}#event-feed{width:100%;min-height:0;max-height:58px;align-self:start;overflow-y:auto;background:var(--bg-chat);border:1px solid var(--border-light);color:var(--text);padding:2px 8px;font-size:11px;font-family:Consolas,Monaco,monospace;line-height:1.5}.ef-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:ef-in .2s ease-out}.ef-line-damage{color:#f66}.ef-line-heal{color:#6c8}.ef-line-rob,.ef-line-cp_loss{color:#f94}.ef-line-arrest{color:#68f}.ef-line-death{color:#f46;font-weight:600}.ef-line-bite{color:#c46}.ef-line-stake{color:#d4a050}.ef-line-status{color:#a6c}.ef-line-trade{color:var(--gold)}.ef-line-cp{color:var(--text);opacity:.82}.ef-line-phase{color:#8af;font-style:italic}@keyframes ef-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}#charsheet-panel{overflow-y:auto}.cs-sheet{display:flex;flex-direction:column;gap:16px}.cs-identity{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.cs-class{font-size:20px;font-weight:700;line-height:1.15;color:var(--text);letter-spacing:-.02em}.cs-tag{display:inline-block;margin-top:6px;border:1px solid var(--cm-accent, var(--gold));color:var(--cm-accent, var(--gold));font-size:11px;letter-spacing:.06em;padding:1px 6px;border-radius:2px}.cs-since{margin-top:6px;font-size:12px;color:var(--text-dim)}.cs-purse{text-align:right;flex:0 0 auto}.cs-purse-n{display:block;font-size:28px;font-weight:700;line-height:1;color:var(--gold);font-variant-numeric:tabular-nums}.cs-purse-l{font-size:11px;color:var(--text-dim);letter-spacing:.08em}.cs-hp{display:flex;align-items:center;gap:10px}.cs-hp-track{flex:1;height:10px;background:#12171b;border:1px solid var(--border-light);border-radius:2px;overflow:hidden}.cs-hp-fill{height:100%;width:0;background:var(--green)}.cs-hp-low .cs-hp-fill{background:var(--red)}.cs-hp-n{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap}.cs-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cs-section{margin:0}.cs-section-title{font-size:11px;font-weight:700;color:var(--cm-accent, #c8a84b);letter-spacing:.1em;padding-bottom:4px;margin-bottom:8px;border-bottom:1px solid var(--border)}.cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.cs-grid-wide{grid-template-columns:repeat(4,1fr)}.cs-cell{min-width:0}.cs-cell-n{display:block;font-size:18px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--text)}.cs-cell-l{font-size:11px;color:var(--text-dim)}.cs-kd{margin-top:8px;font-size:12px;color:var(--text-dim);font-variant-numeric:tabular-nums}.cs-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:baseline;font-size:13px;padding:3px 0}.cs-label{color:var(--text-dim)}.cs-val{font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--text)}.cs-val-red{color:var(--red)}.cs-val-green{color:var(--green)}.cs-val-gold{color:var(--gold)}.cs-val-purple{color:#c9b8ff}.cs-txn{gap:6px}.cs-txn-type{text-transform:capitalize}@media (max-width: 640px){.cs-cols{grid-template-columns:1fr}.cs-grid-wide{grid-template-columns:1fr 1fr}.cs-class{font-size:18px}.cs-purse-n{font-size:22px}}#leaderboard-panel.cool-modal{padding:0;margin:0}#leaderboard-panel .cool-modal-header{padding:14px 48px 12px 16px}#leaderboard-panel .cool-modal-title{font-size:18px;font-weight:700;letter-spacing:-.02em}#leaderboard-panel .cool-modal-body{padding:12px 16px 16px}.lb-tabs{display:flex;flex-wrap:wrap;gap:0 14px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.lb-tab{background:none;border:none;padding:0 0 6px;font-size:13px;font-family:inherit;color:var(--text-dim);cursor:pointer;border-bottom:1px solid transparent}.lb-tab:hover{color:var(--text)}.lb-tab.is-on{color:var(--cm-accent, var(--gold));border-bottom-color:var(--cm-accent, var(--gold))}@media (max-width: 768px){#navbar{flex-wrap:wrap;height:auto;padding:6px 10px;gap:6px}#nav-links{flex-wrap:wrap;gap:0;flex:1 0 100%;order:3;border-top:1px solid var(--border);padding-top:4px;margin-top:2px}#nav-links a{padding:4px 8px;font-size:12px}#login-bar{flex-wrap:wrap;gap:4px}#login-bar input{width:100px;font-size:12px}#nav-auth{margin-left:0}.hat-modal-panel,.admin-modal-panel{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;border-radius:0;top:0;left:0;transform:none}#leader-seekbar{padding:4px 6px}#pinnedwrap{padding:6px 8px}#pinned-text{font-size:12px}.q-rating{display:none}#videowrap-header{flex-wrap:wrap;gap:4px;padding:4px 6px}#currenttitle{flex:1 0 100%;order:1;font-size:13px}#currentby{flex:0 0 auto}.video-tip:not(.hidden){opacity:1}.video-tip-label{display:inline}#mainpage{padding:0 6px}#mainpage>#main{flex:1 1 auto}#main{flex-direction:column;height:auto}#chatwrap,#videowrap{height:auto}#player-wrap{flex:none}#videowrap{flex:none;width:100%;min-width:0;order:1;margin-bottom:8px}#player-wrap{aspect-ratio:16/9;height:auto!important}#chatwrap{flex:none;max-width:100%;min-width:0;margin-right:0;margin-bottom:8px;order:2;display:flex;flex-direction:column}#chatbody{height:auto;min-height:240px;flex:1 1 auto}#userlist{width:0;min-width:0;border-right:none;overflow:hidden}#userlisttoggle{display:none}#bottom-bar{display:grid;grid-template-columns:1fr;gap:6px;border-top:none}#controlsrow{grid-column:1;order:2}#bottom-queue{grid-column:1;order:1;width:100%}#leftcontrols{gap:4px}#rightcontrols,#game-rail{flex-wrap:wrap;gap:4px}#game-rail>button,#rightcontrols button{font-size:12px;padding:3px 7px}#rightcontrols{margin-bottom:4px}#bottom-queue #queue{max-height:none;overflow:visible}#volume-row{flex-wrap:wrap}#volume-slider{width:100px}#playlistrow{flex-direction:column}#playlistwrap{width:100%;min-width:0;margin-right:0;margin-bottom:8px}#rightpane{width:100%;min-width:0}#store-panel,#poll-panel,#leftpane{width:100%!important;min-width:0}}@media (max-width: 640px){html,body{font-size:14px;height:100%;overflow:hidden}body.room-page{padding-top:0}input,select,textarea,button{font-size:16px!important}#navbar{padding:4px 8px;gap:2px 4px;height:72px;min-height:72px;position:fixed;top:0;left:0;right:0;z-index:1000;flex-wrap:wrap;align-content:center}#navbar .logo{order:1;margin-right:2px;flex:0 0 auto}#navbar .logo img{height:18px}#nav-auth{order:2;margin-left:auto;min-width:0;flex:0 1 auto}#nav-links{flex:1 0 100%;order:3;min-width:0;border-top:1px solid var(--border);padding:2px 0;margin-top:2px}#nav-links a{padding:3px 6px;font-size:12px}#user-info{gap:5px;min-width:0}#username{max-width:clamp(64px,24vw,100px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#nav-feedback{width:28px;height:28px;padding:4px;flex:0 0 auto}#btn-logout{font-size:12px!important;padding:4px 7px;flex:0 0 auto}#navbar:has(#login-bar:not(.hidden)) #nav-links{order:2;flex:1 1 auto;justify-content:flex-end;border-top:none;padding:0;margin:0}#navbar:has(#login-bar:not(.hidden)) #nav-auth{order:3;flex:1 0 100%;width:100%}#login-bar{width:100%;display:grid;grid-template-columns:minmax(70px,1fr) minmax(70px,1fr) auto auto;gap:4px}#login-bar input{width:auto;min-width:0;font-size:16px!important;padding:4px 6px}#login-bar button{font-size:13px!important;padding:5px 8px}#wrap{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}#mainpage{padding:72px 0 0;margin-top:0;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}#motdrow,#drinkbarwrap{display:none!important}#mainpage>#main{flex:1 1 auto}#main,body.layout-synchtube #main{flex:1 1 auto;min-height:0;flex-direction:column;display:flex;gap:0;height:auto}#videowrap{flex:none!important;width:100%;min-width:0;margin:0;order:1;background:#000;height:auto;display:block;position:relative}#videowrap-header{position:absolute;top:0;left:0;right:0;z-index:6;height:auto;min-height:34px;padding:4px 48px 4px 8px;font-size:12px;background:#131b22f0;border-color:var(--border);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity .12s ease,transform .12s ease,visibility 0s linear .12s}#videowrap.mobile-video-options-open #videowrap-header{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}#mobile-video-options-toggle{display:flex;position:absolute;inset:0;z-index:7;align-items:flex-start;justify-content:flex-end;padding:6px;border:0;background:transparent;color:#fff;cursor:pointer}#mobile-video-options-toggle span{display:flex;align-items:center;justify-content:center;min-width:34px;height:28px;padding:0 6px;border:1px solid rgba(255,255,255,.18);border-radius:3px;background:#00000094;line-height:1}#videowrap.mobile-video-options-open #mobile-video-options-toggle{inset:4px 6px auto auto;width:36px;height:30px;padding:0}#player-wrap:has(#player.no-media) #mobile-video-options-toggle{display:none}#currenttitle{font-size:12px}#player-wrap{width:100%;aspect-ratio:16 / 9;height:auto;max-height:40vh;background:#000;flex:none}#player-wrap:has(#player.no-media){display:none}#player.no-media{max-height:60px}#player{width:100%;height:100%}#player iframe,#player video{width:100%!important;height:100%!important}#chatwrap{flex:1 1 0!important;min-height:0;order:2;width:100%;max-width:100%;min-width:0;margin:0;padding:0;display:flex;flex-direction:column;height:auto}#chatheader{height:26px;padding:0 6px;font-size:12px;flex:none}#chatbody{flex:1 1 auto;min-height:0;height:auto!important;border:none;border-top:1px solid var(--border)}#messagebuffer{padding:4px 6px;font-size:14px;flex:1 1 auto;min-height:0}#guestlogin{flex:none;padding:4px 6px;font-size:12px}#guestlogin:empty{display:none}#userlist{position:fixed;top:40px;left:0;width:180px;height:calc(100vh - 40px);background:var(--bg-panel);border-right:1px solid var(--border);overflow-y:auto;z-index:150;transform:translate(-100%);transition:transform .2s}#userlist.expanded{transform:translate(0);width:180px!important;min-width:180px!important;border-right:1px solid var(--border)!important;overflow-y:auto!important}#userlisttoggle{display:inline-block!important;cursor:pointer;padding:0 4px}#chatline{font-size:16px!important;padding:8px 10px;border-top:1px solid var(--border)}#bottom-bar,body.layout-synchtube #bottom-bar{display:grid;grid-template-columns:1fr;gap:4px;padding:4px 6px;border-top:none}#bottom-queue,body.layout-synchtube #bottom-queue{grid-column:1;grid-row:1;order:1;width:100%}#event-feed{display:none}#controlsrow,body.layout-synchtube #controlsrow{grid-column:1;grid-row:2;order:2;overflow:hidden;flex-wrap:nowrap!important;padding:0;gap:4px}#leftcontrols{width:100%;flex-shrink:1;gap:4px}#game-rail{flex-wrap:wrap}#rightcontrols{flex-wrap:nowrap!important;flex-shrink:0;gap:4px}#game-rail>button,#rightcontrols button,#plcontrol button{flex-shrink:0;height:44px;padding:6px 10px;font-size:12px}#game-rail .job-action-btn{height:44px}#first-use-guide{padding:4px 2px 6px}#leftcontrols #first-use-guide button{height:44px;padding:6px 12px;font-size:13px!important}#leftcontrols #first-use-dismiss{width:44px;font-size:18px!important}#game-rail>button .btn-label,#rightcontrols button .btn-label,#plcontrol button .btn-label{font-size:9px}#job-bar{min-width:0;margin:0;padding:0}#job-name{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto}#rank-xp-compact-wrap{flex:1 1 60px;min-width:44px;max-width:96px}#hp-text{flex:0 0 auto}#job-actions{flex:0 0 auto;min-width:0;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}#playlistrow{flex-direction:column;padding:0 6px}#playlistwrap,#rightpane{width:100%;min-width:0;margin:0}#rightcontrols{overflow-x:auto;margin-bottom:4px;-webkit-overflow-scrolling:touch}#bottom-queue #queue{max-height:40vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.videolist li{padding:6px 4px}.q-thumb-box{width:56px!important;height:32px!important}.q-title{font-size:13px}.q-sub,.q-eta{font-size:10px}.q-actions{max-height:none!important;opacity:1!important}.q-grab{display:none}.url-input-group{display:flex;gap:4px;align-items:stretch}.url-input-group input{flex:1 1 0;min-width:0}.url-input-group button{flex:none;padding:4px 10px}#addfromurl,#searchcontrol{padding:0}#rightcontrols{flex:none}#pm-stack{position:fixed;inset:auto 0 0;display:flex;flex-direction:column-reverse;z-index:200}.pm-window{width:100%!important;max-width:100%!important;border-radius:0;border-left:none;border-right:none}.pm-window:not(.minimized){height:50vh}#points-display{font-size:13px!important;padding:1px 6px!important}#username{font-size:13px}.hat-modal-panel,.admin-modal-panel,#poll-modal{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;border-radius:0;top:0!important;left:0!important;transform:none!important;inset:0}.danmu{font-size:clamp(14px,4vw,22px)}.user-menu{max-width:calc(100vw - 24px)}}@media (max-width: 900px) and (orientation: landscape) and (max-height: 500px){#videowrap{position:static!important}#player-wrap{max-height:60vh}}.secret-mined{display:inline-block;animation:secret-mine 2.2s ease-out forwards;color:#ffd76b;font-weight:700;transform-origin:center}@keyframes secret-mine{0%{transform:scale(1);color:inherit;text-shadow:none}15%{transform:scale(1.45);color:#fff3b0;text-shadow:0 0 12px #ffd76b,0 0 24px #c8a84b}40%{transform:scale(1.35);color:#ffd76b;text-shadow:0 0 10px #ffd76b,0 0 18px #c8a84b}75%{transform:scale(1.1);color:#c8a84b;text-shadow:0 0 4px #c8a84b}to{transform:scale(1);color:inherit;text-shadow:none}}.secret-mined-echo{display:inline-block;animation:secret-mine-echo 1.4s ease-out forwards;transform-origin:center}@keyframes secret-mine-echo{0%{transform:scale(1);color:inherit;text-shadow:none}20%{transform:scale(1.18);color:#e8c870;text-shadow:0 0 6px #c8a84b}to{transform:scale(1);color:inherit;text-shadow:none}}.dirt-censored{color:#8a3030;letter-spacing:-1px;font-family:monospace}.dirt-haunted .chat-text{animation:dirt-haunt 1.8s ease-in-out;filter:saturate(.3) contrast(.85);color:#9a8888;text-shadow:0 0 2px rgba(120,20,20,.5)}.dirt-haunted{background:#3c0a0a2e;border-left:2px solid #5a1a1a;padding-left:4px}.dirt-haunted-echo .chat-text{filter:saturate(.55) contrast(.92);color:#a89a9a}.dirt-haunted-echo{background:#3c0a0a14;border-left:1px solid #4a2a2a;padding-left:4px}.dirt-haunted-lingering .chat-text{filter:saturate(.75);color:#b0a5a5}@keyframes dirt-haunt{0%{transform:translate(0)}10%{transform:translate(-2px) skew(-.5deg)}20%{transform:translate(2px) skew(.5deg)}30%{transform:translate(-1px)}40%{transform:translate(1px)}50%{transform:translate(0);opacity:.6}60%{opacity:1}70%{opacity:.7}to{transform:translate(0);opacity:1}}@keyframes screen-shake{0%{transform:translate(0)}10%{transform:translate(-4px,-2px)}20%{transform:translate(4px,2px)}30%{transform:translate(-3px,1px)}40%{transform:translate(3px,-1px)}50%{transform:translate(-2px,2px)}60%{transform:translate(2px,-2px)}70%{transform:translate(-1px,1px)}80%{transform:translate(1px,-1px)}to{transform:translate(0)}}.screen-shaking{animation:screen-shake .5s ease-out}#pm-stack{position:fixed;bottom:0;right:12px;display:flex;flex-direction:row-reverse;gap:6px;z-index:900;pointer-events:none}.pm-window{width:260px;background:var(--bg-panel);border:1px solid var(--border-light);border-bottom:none;border-radius:2px 2px 0 0;display:flex;flex-direction:column;pointer-events:auto}.pm-window.minimized .pm-body,.pm-window.minimized .pm-input{display:none}.pm-header{display:flex;align-items:center;justify-content:space-between;background:var(--bg-input);padding:5px 8px;cursor:pointer;font-size:12px;font-weight:500}.pm-header-title{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.pm-header-title.has-unread{color:var(--gold)}.pm-header-close{color:var(--text-dim);cursor:pointer;margin-left:6px;padding:0 4px}.pm-header-close:hover{color:var(--red)}.pm-body{height:220px;overflow-y:auto;padding:6px 8px;font-size:12px;line-height:1.35;background:var(--bg-chat)}.pm-msg{margin-bottom:3px;word-wrap:break-word}.pm-msg-from{color:var(--accent);font-weight:500;margin-right:4px}.pm-msg-from.is-me{color:var(--gold)}.pm-msg-time{color:var(--text-dim);font-size:10px;margin-right:4px}.pm-input{border:none;border-top:1px solid var(--border);background:var(--bg-input);color:var(--text);padding:6px 8px;font-size:12px;border-radius:0}.pm-input:focus{outline:1px solid var(--accent);outline-offset:-1px}.admin-modal{position:fixed;inset:0;z-index:2100}.admin-modal.hidden{display:none!important}.admin-modal-backdrop{position:absolute;inset:0;background:#000000a6;backdrop-filter:blur(2px)}.admin-modal-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100vw - 60px);height:calc(100vh - 60px);max-width:1400px;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:3px;display:flex;flex-direction:column;overflow:hidden}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0}.admin-modal-title{font-weight:600;font-size:14px}.admin-modal-close{background:none;border:none;color:var(--text-dim);font-size:22px;cursor:pointer;padding:0 6px;line-height:1}.admin-modal-close:hover{color:var(--text)}.admin-modal-iframe{flex:1;border:0;width:100%;background:var(--bg)}.hat-modal{position:fixed;inset:0;z-index:2000}.hat-modal.hidden{display:none!important}.hat-modal-backdrop{position:absolute;inset:0;background:#0000008c;backdrop-filter:blur(2px)}.hat-modal-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:520px;max-width:calc(100vw - 40px);max-height:calc(100vh - 60px);background:var(--bg-panel);border:1px solid var(--border-light);border-top:3px solid var(--cm-accent, #c9b8ff);border-radius:2px;display:flex;flex-direction:column;overflow:hidden;padding:0}.hat-modal-panel .cool-modal-header{padding:14px 16px 12px}.hat-modal-panel .cool-modal-title{font-size:18px;font-weight:700;letter-spacing:-.02em}.hat-modal-close{background:none;border:none;color:var(--text-dim);font-size:20px;line-height:1;padding:0 4px;cursor:pointer}.hat-modal-close:hover{color:var(--text);background:none}.hat-modal-stage{position:relative;height:240px;background:var(--bg-chat);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--border)}.hat-stage-hint{position:absolute;top:10px;left:0;right:0;text-align:center;font-size:11px;color:var(--text-dim);pointer-events:none;user-select:none}#hat-stage-inner{position:relative;display:inline-block;user-select:none}#hat-preview-name{font-size:28px;font-weight:700;color:var(--text);position:relative;z-index:1;letter-spacing:-.02em;pointer-events:none;line-height:1.45}#hat-preview-img{position:absolute;left:50%;top:0;transform:translate(-50%);cursor:grab;z-index:2;user-select:none}#hat-preview-img.behind-name{z-index:0}#hat-preview-img:active{cursor:grabbing}.hat-empty-msg{position:absolute;left:50%;top:-40px;transform:translate(-50%);font-size:13px;color:var(--text-dim);white-space:nowrap;pointer-events:none}.hat-modal-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px}.hat-spacer{flex:1}.hat-size-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim)}.hat-size-row input[type=range]{width:90px}.hat-layer-row{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-dim);cursor:pointer;user-select:none}.hat-fine-panel{padding:12px 16px 16px;border-top:1px solid var(--border)}.hat-fine-row{display:grid;grid-template-columns:72px 1fr 36px;gap:10px;align-items:center;font-size:13px;padding:3px 0}.hat-fine-row label{color:var(--text-dim)}.hat-fine-row input[type=range]{width:100%}.hat-fine-row span{text-align:right;color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}#btn-hat .ch-icon{width:20px;height:20px}#btn-pl-lock.locked{color:var(--red);border-color:var(--red)}#btn-pl-lock.locked .ch-icon{color:var(--red)}#pinnedrow{flex:none;margin:0 0 4px}#pinnedwrap{display:flex;align-items:flex-start;gap:8px;background:var(--bg-panel);border:1px solid var(--accent);border-left-width:3px;border-radius:2px;padding:5px 8px;position:relative;opacity:1;transition:background .15s}#pinnedwrap:hover{background:var(--bg-card, var(--bg-panel))}.pinned-icon{font-size:13px;flex-shrink:0}.pinned-body{flex:1;min-width:0}#pinned-text{font-size:12px;color:var(--text);white-space:normal;word-wrap:break-word;overflow-wrap:anywhere;max-height:4.5em;overflow-y:auto}#pinned-by{display:block;color:var(--text-muted);font-size:10px;margin-top:2px}#pinnedwrap #pinned-clear{opacity:.6;transition:opacity .15s;flex-shrink:0}#pinnedwrap #pinned-clear:hover{opacity:1}.chat-pin{display:none!important}.chat-history-divider{display:flex;align-items:center;gap:8px;margin:10px 2px 8px;padding:0;text-indent:0;color:var(--text-dim);font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:1}.chat-history-divider:before,.chat-history-divider:after{content:"";flex:1 1 auto;height:1px;background:var(--border)}.chat-history-divider span{flex:0 0 auto;white-space:nowrap}#currentby{color:var(--text-dim);font-size:11px;margin-left:8px}.video-tip{position:absolute;left:8px;top:72px;z-index:8;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0;border:0;border-radius:0;background:transparent;color:var(--gold);cursor:pointer;pointer-events:auto}.video-tip.hidden{display:none!important}#player-wrap:has(#player.no-media) .video-tip{display:none!important}body:not(.layout-cinema) .video-tip{opacity:0;transition:opacity .18s}body:not(.layout-cinema) #video-tip-zone{position:absolute;left:0;top:12px;width:112px;height:156px;z-index:7;pointer-events:auto;background:transparent}#player-wrap:has(#player.no-media) #video-tip-zone{display:none!important}body.layout-cinema #video-tip-zone{display:none!important}body:not(.layout-cinema) #video-tip-zone:hover~.video-tip,body:not(.layout-cinema) .video-tip:hover,body:not(.layout-cinema) .video-tip:focus-visible{opacity:1}.video-tip-coins{width:36px;height:36px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.9))}.video-tip:hover .video-tip-coins,.video-tip:focus-visible .video-tip-coins,body.layout-cinema.cinema-hot-tip .video-tip .video-tip-coins{animation:coin-3d-turn 1.15s steps(16) infinite}.video-tip-label{display:none;color:#fff;font-size:11px;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.7)}.video-tip:hover .video-tip-label,.video-tip:focus-visible .video-tip-label{display:inline}.gold-coin{position:fixed;z-index:9600;width:72px;height:72px;padding:0;margin:0;border:0;background:transparent;cursor:pointer;pointer-events:auto;animation:gold-coin-fly 8s linear forwards}.gold-coin img{width:100%;height:100%;display:block;pointer-events:none}.coin-sprite{display:block;pointer-events:none;background-image:url(/static/img/coin-3d-spin.png);background-repeat:no-repeat;background-size:1600% 100%;background-position:0% 0}.gold-coin.coin-3d .coin-3d-face{width:100%;height:100%;animation:coin-3d-turn 1.15s steps(16) infinite}@keyframes coin-3d-turn{0%{background-position:0% 0}to{background-position:calc(100% * 16 / 15) 0}}@media (prefers-reduced-motion: reduce){.gold-coin.coin-3d .coin-3d-face,.video-tip:hover .video-tip-coins,.video-tip:focus-visible .video-tip-coins,body.layout-cinema.cinema-hot-tip .video-tip .video-tip-coins{animation:none;background-position:0% 0}}.gold-coin:hover,.gold-coin:focus,.gold-coin:focus-visible,.gold-coin:active{background:transparent;border:0;box-shadow:none;outline:none;filter:brightness(1.12)}@keyframes gold-coin-fly{0%{transform:translate(0) rotate(0)}to{transform:translate(var(--gold-coin-dx, 120vw),var(--gold-coin-dy, -18vh)) rotate(360deg)}}.gold-coin.coin-3d{animation-name:gold-coin-fly-3d}@keyframes gold-coin-fly-3d{0%{transform:translate(0)}to{transform:translate(var(--gold-coin-dx, 120vw),var(--gold-coin-dy, -18vh))}}.gold-coin.coin-pop{animation:coin-pop .24s ease-out forwards;pointer-events:none}@keyframes coin-pop{0%{transform:scale(1);filter:brightness(1);opacity:1}40%{transform:scale(1.35);filter:brightness(1.8);opacity:1}to{transform:scale(.2);filter:brightness(2.2);opacity:0}}.coin-particle{position:fixed;z-index:9700;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--gold, #ffd700);box-shadow:0 0 6px var(--gold, #ffd700);pointer-events:none;animation:coin-burst .62s cubic-bezier(.15,.7,.3,1) forwards}@keyframes coin-burst{0%{transform:translate(0) scale(var(--burst-scale, 1));opacity:1}to{transform:translate(var(--burst-dx, 0),calc(var(--burst-dy, 0) + 14px)) scale(0);opacity:0}}@media (prefers-reduced-motion: reduce){.gold-coin.coin-pop{animation-duration:1ms}.coin-particle{display:none}}.tip-msg .chat-user{color:var(--gold)!important}#history-panel{background:var(--bg-panel);padding:12px}#history-search{width:100%;background:var(--bg-input);border:1px solid var(--border-light);color:var(--text);padding:6px 10px;border-radius:2px;font-size:13px;margin-bottom:10px}#history-list{display:flex;flex-direction:column;gap:4px}.history-row{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;padding:6px 10px;background:var(--bg);border:1px solid var(--border);border-radius:2px}.history-row:hover{background:var(--bg-card)}.history-row .h-title{font-size:12px;font-weight:500;grid-column:1}.history-row .h-meta{font-size:10px;color:var(--text-dim);grid-column:1;grid-row:2}.history-row .h-requeue{grid-column:2;grid-row:1 / span 2;padding:4px 10px;font-size:11px;border-radius:2px;background:var(--bg-input);border:1px solid var(--accent);color:var(--accent);cursor:pointer}.history-row .h-requeue:hover{background:var(--accent);color:#fff}.chat-link{color:var(--cta);text-decoration:underline;word-break:break-all}.chat-link:hover{color:var(--info)}.chat-img-link{display:inline-block;text-decoration:none;cursor:pointer;padding:0 2px;border-radius:2px;transition:background .1s}.chat-img-link:hover{background:#5ca2b933}#chatwrap.chat-dragover{outline:2px dashed var(--accent);outline-offset:-4px}.img-hover-preview{position:fixed;z-index:2100;max-width:280px;max-height:280px;background:var(--bg);border:2px solid var(--accent);border-radius:3px;padding:4px;box-shadow:0 6px 24px #0009;pointer-events:none}.img-hover-preview.hidden{display:none}.img-hover-preview img{max-width:272px;max-height:272px;display:block;border-radius:2px}.chat-link-preview{display:flex;gap:8px;margin-top:4px;margin-bottom:4px;background:var(--bg-panel);border-left:3px solid var(--accent);border-radius:2px;padding:6px 8px;text-decoration:none;color:var(--text);max-width:420px;overflow:hidden;transition:background .12s}.chat-link-preview:hover{background:var(--bg-card)}.chat-link-preview .lp-img{width:80px;height:80px;object-fit:cover;border-radius:2px;flex-shrink:0}.chat-link-preview .lp-body{flex:1;min-width:0}.chat-link-preview .lp-site{font-size:10px;color:var(--text-muted)}.chat-link-preview .lp-title{font-size:12px;font-weight:600;color:var(--text);margin-top:2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.chat-link-preview .lp-desc{font-size:11px;color:var(--text-dim);margin-top:3px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#bottom-modal-backdrop{position:fixed;inset:0;background:#0000008c;z-index:1900}#bottom-modal-backdrop.hidden{display:none!important}#store-panel:not(.hidden),#chat-opts-panel:not(.hidden),#emote-picker:not(.hidden),#job-panel:not(.hidden),#leaderboard-panel:not(.hidden),#charsheet-panel:not(.hidden),#poll-modal:not(.hidden),#feedback-modal:not(.hidden),#trade-dialog:not(.hidden),#history-panel:not(.hidden),#profile-modal:not(.hidden),#inventory-panel:not(.hidden){position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1950;width:560px;max-width:calc(100vw - 40px);max-height:calc(100vh - 80px);margin:0;overflow-y:auto;box-shadow:0 12px 40px #000000b3;border:1px solid var(--border-light);background:var(--bg-panel);padding:16px}#chat-opts-panel:not(.hidden){width:720px;height:min(640px,calc(100vh - 80px));padding:0;overflow:hidden;display:flex;flex-direction:column}#emote-picker:not(.hidden){width:640px;max-height:calc(100vh - 80px);height:70vh;padding:0;overflow:hidden;display:flex;flex-direction:column;border-top:3px solid var(--cm-accent, var(--cta))}#charsheet-panel:not(.hidden){width:680px}#profile-modal:not(.hidden){width:860px;height:min(760px,calc(100vh - 80px));padding:0;overflow:hidden;display:flex;flex-direction:column}#profile-modal .cool-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px}#profile-modal .pm-name{font-size:22px;font-weight:700}#profile-modal .pm-sub{color:var(--text-dim);font-size:11px;margin-top:2px}#profile-modal .pm-hat{display:flex;align-items:center;justify-content:center;min-height:96px;margin:12px 0 4px}#profile-modal .pm-hat img{max-width:96px;max-height:96px;image-rendering:auto}#profile-modal .pm-stats{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}#profile-modal .pm-stat{flex:1 1 140px;background:var(--bg-card);border:1px solid var(--border);border-radius:2px;padding:8px 10px}#profile-modal .pm-stat-label{color:var(--text-dim);font-size:10px}#profile-modal .pm-stat-value{font-size:18px;font-weight:700}#profile-modal .pm-row{display:flex;justify-content:space-between;padding:5px 8px;border-bottom:1px solid var(--border)}#profile-modal .pm-row:last-child{border-bottom:0}#profile-modal .pm-section-label{color:var(--text-dim);font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin:14px 0 6px}#profile-modal .pm-badges{display:flex;flex-wrap:wrap;gap:6px}#profile-modal .pm-badge{background:var(--bg-card);border:1px solid var(--border);border-radius:2px;padding:4px 8px;font-size:11px}#leaderboard-panel:not(.hidden){width:480px;padding:0;border-top:3px solid var(--cm-accent, var(--gold))}#poll-modal:not(.hidden){width:480px;padding:0;border-top:3px solid var(--cm-accent, var(--cta))}#job-panel:not(.hidden){width:480px;padding:0;overflow:hidden;display:flex;flex-direction:column;border-top:3px solid var(--cm-accent, var(--cta))}#job-panel .cool-modal-body{overflow-y:auto;min-height:0}#trade-dialog:not(.hidden){width:400px}#feedback-modal:not(.hidden){width:460px}#store-panel:not(.hidden){display:flex;flex-direction:column;padding:0;overflow:hidden}#store-panel>.cool-modal-header{flex:0 0 auto;padding-right:52px;background:var(--bg-panel)}#store-panel>.cool-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.bottom-modal-close{position:absolute;top:6px;right:8px;background:none;border:none;color:var(--text-dim);font-size:22px;line-height:1;padding:2px 8px;cursor:pointer;z-index:2}.bottom-modal-close:hover{color:var(--text)}@media (max-width: 768px){#store-panel:not(.hidden),#chat-opts-panel:not(.hidden),#emote-picker:not(.hidden),#job-panel:not(.hidden),#leaderboard-panel:not(.hidden),#charsheet-panel:not(.hidden),#poll-modal:not(.hidden),#history-panel:not(.hidden),#inventory-panel:not(.hidden){width:100vw;max-width:none;height:100vh;max-height:none;top:0;left:0;transform:none;border-radius:0}#store-panel:not(.hidden){height:100dvh}}@media (max-width: 640px){#store-panel>.cool-modal-body{padding:10px 10px max(24px,env(safe-area-inset-bottom))}#store-panel .bottom-modal-close{top:0;right:0;width:44px;height:44px;padding:0}#chat-opts-panel:not(.hidden){height:100dvh}#chat-opts-panel .opts-shell{grid-template-columns:1fr}#chat-opts-panel .opts-nav{flex-direction:row;flex-wrap:wrap;gap:4px;border-right:0;border-bottom:1px solid var(--border);padding:0 0 8px}#chat-opts-panel .opts-nav-btn{border:1px solid var(--border);border-radius:2px;padding:3px 8px}#chat-opts-panel .opts-nav-btn.on{border-color:var(--accent);border-left-color:var(--accent)}#store-tabs{padding:8px 0 0;gap:6px}#store-tabs .store-tab{min-width:44px;min-height:44px;padding:8px 12px;font-size:13px!important}#store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 0}.store-item{padding:10px 8px 8px;gap:5px}.store-item-name{font-size:13px}.store-item-desc{font-size:12px;line-height:1.35}.store-item-price{font-size:12px}.store-buy-btn,.store-sell-btn,.store-use-btn,.store-equip-btn,.recipe-craft-btn,#store-panel .cool-section button{min-height:44px;padding:8px 10px;font-size:13px!important}}.q-rating{font-size:10px;color:var(--text-dim);background:var(--bg-input);border:1px solid var(--border);padding:1px 6px;border-radius:2px;font-variant-numeric:tabular-nums;margin-right:4px;flex-shrink:0}#leader-seekbar,#leader-seekbar.hidden{display:none!important}#leader-seek-track{position:relative;flex:1;height:6px;background:var(--bg-input);border-radius:3px;cursor:pointer}#leader-seek-fill{position:absolute;top:0;left:0;height:100%;background:var(--player-accent, #5ca2b9);border-radius:3px;pointer-events:none}#leader-seek-handle{position:absolute;top:50%;width:12px;height:12px;margin-left:-6px;transform:translateY(-50%);background:var(--player-accent, #5ca2b9);border-radius:50%;pointer-events:none;box-shadow:0 0 0 2px var(--bg-panel)}#leader-seek-track:hover #leader-seek-handle{width:14px;height:14px;margin-left:-7px}html[data-theme=battlenet]{--bg: #121212;--bg-panel: #000000;--bg-card: #000000;--bg-input: #000000;--bg-chat: #000000;--border: #c8c4b8;--border-light: #e8e4d8;--text: #ffffff;--text-dim: #d0d0d0;--text-muted: #b8b8b8;--cta: #e0c060;--info: #40e8f0;--accent: #40e8f0;--green: #40ff40;--red: #ff3030;--gold: #e0c060;--rank-siteadmin: #ff3030;--rank-owner: #e0c060;--rank-admin: #40e8f0;--rank-mod: #40ff40;--rank-leader: #e0c060;--rank-guest: #d0d0d0;--player-idle-text: #d0d0d0;--player-idle-font: Tahoma, "MS Sans Serif", Verdana, sans-serif;--bn-stone: url(/static/img/theme-battlenet/stone-bg.jpg);--bn-btn: url(/static/img/theme-battlenet/stone-btn.jpg);--bn-frame: url(/static/img/theme-battlenet/frame.png)}html[data-theme=battlenet] body{font-family:Tahoma,"MS Sans Serif",Verdana,sans-serif;letter-spacing:0;color:#fff;background:#0a0a0a var(--bn-stone) repeat;background-size:280px}html[data-theme=battlenet] #daynight-band{display:none}html[data-theme=battlenet] #navbar{background:var(--bn-stone) repeat;background-size:280px;border:0;border-bottom:2px solid #c9a64d;box-shadow:none}html[data-theme=battlenet] #navbar .logo,html[data-theme=battlenet] .cool-modal-title,html[data-theme=battlenet] .cool-section-label,html[data-theme=battlenet] #job-panel-name,html[data-theme=battlenet] #charsheet-title{font-family:Times New Roman,Times,serif;font-weight:700;color:#fff;text-shadow:1px 1px 0 #000;letter-spacing:.3px}html[data-theme=battlenet] #nav-links a,html[data-theme=battlenet] #nav-auth{color:#fff;text-shadow:1px 1px 0 #000}html[data-theme=battlenet] #chatwrap,html[data-theme=battlenet] #videowrap,html[data-theme=battlenet] #bottom-queue,html[data-theme=battlenet] .cool-modal,html[data-theme=battlenet] #store-panel:not(.hidden),html[data-theme=battlenet] #job-panel,html[data-theme=battlenet] #chat-opts-panel:not(.hidden),html[data-theme=battlenet] .user-menu,html[data-theme=battlenet] #pinnedwrap,html[data-theme=battlenet] #motdwrap{background:#000;border:16px solid transparent;border-image:var(--bn-frame) 40 / 16px / 0 repeat;box-shadow:none}html[data-theme=battlenet] #chatbody,html[data-theme=battlenet] #chatheader,html[data-theme=battlenet] #videowrap-header,html[data-theme=battlenet] #player-wrap,html[data-theme=battlenet] #plmeta{background:#000;border-color:#000}html[data-theme=battlenet] #messagebuffer,html[data-theme=battlenet] #userlist{background:#000;border:0;box-shadow:none}html[data-theme=battlenet] #chatheader,html[data-theme=battlenet] #usercount,html[data-theme=battlenet] #currenttitle,html[data-theme=battlenet] #currentby{color:#fff;font-family:Tahoma,"MS Sans Serif",Verdana,sans-serif}html[data-theme=battlenet] #userlist li .u-name,html[data-theme=battlenet] #userlist li[data-rank] .u-name{color:#fff;font-weight:400}html[data-theme=battlenet] #userlist li:hover{background:#1a1a1a}html[data-theme=battlenet] .chat-line{color:#fff}html[data-theme=battlenet] .chat-user{color:#40e8f0!important;font-family:Tahoma,"MS Sans Serif",Verdana,sans-serif;font-weight:700;text-shadow:none}html[data-theme=battlenet] .chat-ts{color:#e0c060}html[data-theme=battlenet] .server-whisper{color:#40ff40}html[data-theme=battlenet] a{color:#40e8f0}html[data-theme=battlenet] input[type=text],html[data-theme=battlenet] input[type=password],html[data-theme=battlenet] input[type=number],html[data-theme=battlenet] textarea,html[data-theme=battlenet] select,html[data-theme=battlenet] #chatline{border:1px solid #c8c4b8;background:#000;color:#fff;font-family:Tahoma,"MS Sans Serif",Verdana,sans-serif;box-shadow:inset 1px 1px #000,inset -1px -1px #6a6860}html[data-theme=battlenet] button:not(.close-btn):not(.nav-icon-btn):not(#first-use-dismiss):not(#userlisttoggle),html[data-theme=battlenet] .cool-btn{border:2px solid #2a2410;background:var(--bn-btn) center / cover no-repeat #c4b078;color:#fff;font-family:Times New Roman,Times,serif;font-weight:700;text-shadow:1px 1px 0 #000;box-shadow:inset 0 0 0 1px #e0c060,inset 1px 1px #fff4c8,inset -1px -1px #5a4a18}html[data-theme=battlenet] button:hover:not(:disabled):not(.close-btn):not(.nav-icon-btn),html[data-theme=battlenet] .cool-btn:hover:not(:disabled){filter:brightness(1.08);color:#fff}html[data-theme=battlenet] #game-rail>button .ch-icon,html[data-theme=battlenet] #plcontrol button .ch-icon{color:#fff}html[data-theme=blackspring]{--bg: #0B0A0C;--bg-panel: #131015;--bg-card: #1A151A;--bg-input: #15111A;--bg-chat: #0E0C10;--border: #241C24;--border-light: #3A2E36;--text: #EDE6DA;--text-dim: #9A8F86;--text-muted: #6A6058;--cta: #7C1F23;--info: #A8454A;--accent: #7C1F23;--green: #5C9B52;--red: #C0392B;--gold: #ffd700;--rank-siteadmin: #C0392B;--rank-owner: #7C1F23;--rank-admin: #A8454A;--rank-mod: #5C9B52;--rank-leader: #C8A84B;--rank-guest: #6A6058;--bs-slate-moon: #3A4A5E;--bs-waterline: rgba(124,31,35,.55);--bs-link-hover: #A8454A;--player-idle-text: var(--text-dim);--player-idle-font: "Cormorant Garamond", Georgia, serif;--player-idle-size: 16px}html[data-theme=blackspring] body{font-family:Atkinson Hyperlegible,Segoe UI,Helvetica,Arial,sans-serif;background:#0b0a0c}html[data-theme=blackspring] .cool-modal-title,html[data-theme=blackspring] .cool-section-label,html[data-theme=blackspring] #job-panel-name,html[data-theme=blackspring] #charsheet-title{font-family:Cormorant Garamond,Georgia,serif;color:var(--text);letter-spacing:0;text-transform:none;text-shadow:none;font-weight:600}html[data-theme=blackspring] .logo img{content:url(/static/img/brand-blackspring.svg)}html[data-theme=blackspring] #navbar{background:var(--bg-panel);border-bottom:1px solid #000}html[data-theme=blackspring] #nav-links a{color:var(--text-dim)}html[data-theme=blackspring] #nav-links a:hover{color:var(--text);background:#ffffff0f}html[data-theme=blackspring] #daynight-band{opacity:.72;background:linear-gradient(180deg,#2A1820 0%,var(--bg-panel) 70%)}html[data-theme=blackspring] #daynight-band.dn-day{background:linear-gradient(180deg,#3A4A5E 0%,var(--bg-panel) 75%)}html[data-theme=blackspring] #daynight-band.dn-night{background:linear-gradient(180deg,#2A0C10 0%,var(--bg-panel) 68%);box-shadow:inset 0 -2px 0 var(--bs-waterline)}html[data-theme=blackspring] #daynight-band.dn-moon{background:linear-gradient(180deg,#1C1226 0%,var(--bg-panel) 65%)}html[data-theme=blackspring] #day-night{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.3px;color:var(--text-dim);text-transform:lowercase}html[data-theme=blackspring] input[type=text],html[data-theme=blackspring] input[type=password],html[data-theme=blackspring] input[type=number],html[data-theme=blackspring] textarea,html[data-theme=blackspring] select,html[data-theme=blackspring] #chatline{background:var(--bg-input);border:1px solid var(--border-light);color:var(--text);border-radius:2px}html[data-theme=blackspring] #chatline:focus,html[data-theme=blackspring] input[type=text]:focus,html[data-theme=blackspring] textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}html[data-theme=blackspring] button,html[data-theme=blackspring] .cool-btn{background:var(--bg-input);border:1px solid var(--border-light);color:var(--text);border-radius:2px}html[data-theme=blackspring] button:hover,html[data-theme=blackspring] .cool-btn:hover{background:#000;border-color:var(--accent)}html[data-theme=blackspring] .pm-msg{background:#7c1f2312;border-left:2px solid var(--accent)}html[data-theme=blackspring] .pm-msg .chat-user{color:var(--info)}html[data-theme=blackspring] .chat-highlight{background:#7c1f231f;border-left:2px solid var(--accent)}html[data-theme=blackspring] #points-display{border-color:#ffd70033;background:#ffd7000a}html[data-theme=blackspring] #player-placeholder,html[data-theme=blackspring] .no-media{font-family:Cormorant Garamond,Georgia,serif;color:var(--text-dim);font-size:16px}#peace-line{font-size:11px;padding:2px 0 0;color:var(--text-dim);letter-spacing:0}#peace-line.peace-hot{color:#e5534b}.job-action-work{position:relative;display:inline-flex;align-items:center;gap:4px;height:38px;box-sizing:border-box}.job-action-work .work-pick{width:24px;height:24px}#game-rail .job-action-btn{height:38px}#game-rail .job-action-work{flex:0 0 76px;width:76px;min-width:76px;max-width:76px;flex-direction:column;justify-content:center;gap:1px;padding:2px 4px;background:transparent;border:1px solid transparent;border-radius:2px}#game-rail .job-action-work:hover:not(:disabled){background:#ffffff0f;border-color:transparent;color:var(--text)}#game-rail .job-action-work span{font-size:10px;color:var(--text-dim);font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}#game-rail .job-action-work:hover:not(:disabled) span{color:var(--text)}#game-rail .job-action-work .work-pick{width:17px;height:17px}.user-menu-btn--icon{display:flex;align-items:center;gap:8px}.user-menu-btn--icon .ab-icon,.user-menu-btn--icon .work-pick{width:17px;height:17px;flex:0 0 auto;position:static;margin:0}html[data-phase] body,html[data-phase] #messagebuffer,html[data-phase] #chatbody,html[data-phase] #bottom-bar,html[data-phase] #job-panel{transition:background-color 8s linear,border-color 8s linear}html[data-phase=day]{--bg: #1A2126;--bg-chat: #1C242A;--bg-panel: #202932;--bg-card: #253039}html[data-phase=night]{--bg: #171C20;--bg-chat: #171E23;--bg-panel: #1C242C;--bg-card: #212A31}html[data-phase=moon]{--bg: #191622;--bg-chat: #1B1826;--bg-panel: #221E31;--bg-card: #282338;--border: #332B45;--cta: #8f7ac4;--info: #a898d8}.u-vhs{display:inline-flex;align-items:center;margin-left:3px;position:relative;top:2px;color:var(--text-muted)}.u-vhs svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#userlist li:hover .u-vhs{color:var(--text-dim)}#cinema-hits,#cinema-video-shield{display:none}#cinema-veil{display:none;position:fixed;inset:0;background:#000;z-index:40;pointer-events:none;opacity:0}@media (min-width: 641px){body.layout-cinema.room-page{padding-top:0;overflow:hidden;background:#000}body.layout-cinema #wrap{height:100vh;overflow:hidden}body.layout-cinema #mainpage{padding:0;margin:0;min-height:100vh;height:100vh;overflow:hidden;container-type:normal}body.layout-cinema #main{position:fixed;inset:0;height:100vh;width:100%;display:flex;gap:0}body.layout-cinema #videowrap,body.layout-cinema #player-wrap,body.layout-cinema #player{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;flex:none;z-index:1}body.layout-cinema #player-wrap{border:0}body.layout-cinema #player{aspect-ratio:auto;overflow:hidden}body.layout-cinema #player[data-yt-q]{width:var(--yt-q-w);height:var(--yt-q-h);inset:50% auto auto 50%;transform:translate(-50%,-50%) scale(var(--yt-q-scale));--cinema-yt-crop-top: calc(280px / var(--yt-q-scale));--cinema-yt-crop-bottom: calc(280px / var(--yt-q-scale))}body.layout-cinema #cinema-video-shield{display:block;position:absolute;top:0;right:0;bottom:0;left:min(452px,42vw);z-index:2}body.layout-cinema.cinema-chat-off #cinema-video-shield{left:0}body.layout-cinema #player[data-ptype=yt] iframe,body.layout-cinema #yt-player{pointer-events:none!important;transform:translateZ(0);inset:auto;top:calc(-1 * var(--cinema-yt-crop-top));left:0;width:100%;height:calc(100% + var(--cinema-yt-crop-top) + var(--cinema-yt-crop-bottom))}body.layout-cinema #player:not([data-ptype=yt]) iframe{position:absolute;inset:0;width:100%;height:100%;pointer-events:auto}body.layout-cinema.player-owns-bottom #cinema-video-shield{display:none}body.layout-cinema #player video{width:100%;height:100%;object-fit:cover;pointer-events:none!important}body.layout-cinema #resize-video-smaller,body.layout-cinema #resize-video-larger{display:none}body.layout-cinema .video-tip{position:fixed;inset:16px auto auto 50%;z-index:26;transform:translate(-50%);background:transparent;border:0;padding:0;opacity:0;pointer-events:auto}body.layout-cinema .video-tip:hover,body.layout-cinema .video-tip:focus-visible,body.layout-cinema.cinema-hot-tip .video-tip:not(.hidden){opacity:1;background:transparent;border:0}body.layout-cinema .video-tip.hidden{display:none!important}body.layout-cinema .video-tip-coins{width:48px;height:48px}body.layout-cinema .video-tip-label,body.layout-cinema .video-tip:hover .video-tip-label,body.layout-cinema .video-tip:focus-visible .video-tip-label{display:none!important}body.layout-cinema #navbar{position:fixed;top:16px;left:16px;right:auto;width:auto;height:auto;display:flex;align-items:center;gap:8px;background:transparent;border:0;padding:0;pointer-events:none;overflow:visible}body.layout-cinema #daynight-band{display:none}body.layout-cinema #navbar .logo{position:static;margin:0;opacity:0;pointer-events:none}body.layout-cinema #navbar .logo img{height:var(--cinema-logo-h);width:auto}body.layout-cinema #navbar #nav-links{position:static;flex:none;background:transparent;border:0;border-radius:0;padding:0;opacity:0;pointer-events:none}body.layout-cinema #navbar #nav-auth{position:fixed;top:16px;right:16px;margin:0;height:auto;align-items:center;flex-wrap:nowrap;background:transparent;border:0;border-radius:0;padding:0;opacity:0;pointer-events:none}body.layout-cinema #navbar #user-info{flex-wrap:nowrap;gap:8px}body.layout-cinema.cinema-hot-nav-left #navbar .logo,body.layout-cinema.cinema-hot-nav-left #navbar #nav-links,body.layout-cinema.cinema-hot-nav-right #navbar #nav-auth{opacity:1;pointer-events:auto}body.layout-cinema{--cinema-rail-h: 64px;--cinema-rail-gap: 18px;--cinema-meta-top: 12px;--cinema-logo-h: 48px;--cinema-playhead-h: 64px;--cinema-yt-crop-top: 280px;--cinema-yt-crop-bottom: 280px;--cinema-stroke: #0e2340;--cinema-glow-1: rgba(24, 58, 110, .92);--cinema-glow-2: rgba(46, 116, 205, .62);--cinema-glow-3: rgba(84, 164, 255, .36)}body.layout-cinema:not(.cinema-chat-off) #chatwrap{position:fixed;left:12px;top:auto;bottom:calc(var(--cinema-rail-h) + var(--cinema-rail-gap));width:min(420px,38vw);height:auto;max-height:calc(100vh - var(--cinema-rail-h) - var(--cinema-rail-gap) - var(--cinema-logo-h) - 32px);flex:none;align-self:flex-end;margin:0;min-width:0;max-width:none;z-index:26;overflow:hidden;background:transparent;border:0;border-radius:0;opacity:0;pointer-events:auto}body.layout-cinema:not(.cinema-chat-off).cinema-hot-chat #chatwrap,body.layout-cinema.cinema-chat-stay #chatwrap{opacity:1;pointer-events:auto;background:#00000003}body.layout-cinema:not(.cinema-chat-off).cinema-peek-chat:not(.cinema-hot-chat):not(.cinema-chat-stay) #chatwrap{opacity:1}body.layout-cinema:not(.cinema-chat-off) #cinema-chat-zone{position:fixed;left:0;bottom:calc(var(--cinema-rail-h) + var(--cinema-rail-gap));width:min(452px,42vw);height:calc(100vh - var(--cinema-rail-h) - var(--cinema-rail-gap) - var(--cinema-logo-h) - 32px);z-index:25;pointer-events:none;background:transparent}body.layout-cinema.cinema-chat-off #cinema-chat-zone{display:none}body.layout-cinema:not(.cinema-chat-off).cinema-hot-chat #chatline-wrap,body.layout-cinema.cinema-chat-stay #chatline-wrap{position:relative;z-index:30;pointer-events:auto;isolation:isolate;transform:translateZ(0)}body.layout-cinema #pm-stack{position:fixed;left:12px;top:auto;bottom:calc(var(--cinema-rail-h) + var(--cinema-rail-gap));z-index:27;opacity:0;pointer-events:none}body.layout-cinema.cinema-hot-chat #pm-stack,body.layout-cinema.cinema-chat-stay #pm-stack{opacity:1;pointer-events:auto}body.layout-cinema #bottom-bar{display:block;margin:0;padding:0;border:0;height:0;overflow:visible}body.layout-cinema #leftcontrols{position:fixed;left:12px;bottom:var(--player-controls-clear);width:auto;z-index:26;opacity:0;pointer-events:none;background:#000000b8;border:1px solid rgba(255,255,255,.14);border-radius:2px;padding:6px 8px}body.layout-cinema.cinema-hot-rail #leftcontrols{opacity:1;pointer-events:auto}body.layout-cinema #game-rail>button .btn-label,body.layout-cinema #hp-text,body.layout-cinema #rank-xp-compact-text{color:#fff}body.layout-cinema{--player-controls-clear: 12px;--cinema-actionbar-h: 103px}body.layout-cinema.player-owns-bottom{--player-controls-clear: 60px}body.layout-cinema #bottom-queue{position:fixed;right:12px;bottom:var(--player-controls-clear);width:min(520px,48vw);z-index:26;background:#000000b8;border:1px solid rgba(255,255,255,.14);border-radius:2px;padding:8px;opacity:0;pointer-events:none}body.layout-cinema.cinema-hot-queue #bottom-queue{opacity:1;pointer-events:auto}body.layout-cinema:not(.cinema-hot-queue) #bottom-queue,body.layout-cinema:not(.cinema-hot-queue) #bottom-queue *,body.layout-cinema:not(.cinema-hot-queue) #bottom-queue #leader-seekbar,body.layout-cinema:not(.cinema-hot-queue) #bottom-queue #leader-seekbar.cinema-seek,body.layout-cinema:not(.cinema-hot-queue) #bottom-queue #leader-seekbar *{pointer-events:none}body.layout-cinema.cinema-hot-queue #bottom-queue #queue{max-height:28vh;overflow:auto}body.layout-cinema .videolist li.active{background:#272b30d9}body.layout-cinema #plcontrol,body.layout-cinema #videocontrols{background:transparent;border:0;padding:0}body.layout-cinema #plcontrol button .btn-label{color:#fff}body.layout-cinema #videowrap>#videowrap-header{display:none}body.layout-cinema #videowrap-header{position:relative;inset:auto;transform:none;width:100%;height:auto;z-index:auto;padding:0 0 6px;flex-direction:row;align-items:center;gap:6px;background:transparent;border:0;text-align:left;opacity:1;pointer-events:auto}body.layout-cinema #upnext,body.layout-cinema #leader-badge{display:none}body.layout-cinema #currenttitle{flex:1;width:auto;color:#fff;font-size:12px;text-align:left}body.layout-cinema #currentby{margin-left:0;text-align:left;color:#fff}body.layout-cinema #leader-seekbar{position:static;inset:auto;transform:none;width:auto;height:auto;z-index:auto;opacity:1;pointer-events:auto;flex-direction:column;align-items:stretch;gap:5px;padding:7px 10px;background:#00000047;border:0;border-bottom:1px solid rgba(255,255,255,.1);border-radius:0;font-size:12px;color:#fff}body.layout-cinema #leader-seekbar.cinema-seek{display:flex!important;opacity:1;pointer-events:auto}body.layout-cinema #cinema-play,body.layout-cinema #cinema-quality-btn{background:transparent;border:0;padding:0;color:var(--text);font-size:12px;cursor:pointer;text-shadow:0 1px 1px #000,0 0 4px #000}body.layout-cinema #cinema-play{flex:0 0 16px;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}body.layout-cinema #cinema-play svg{width:14px;height:14px;display:block}body.layout-cinema #cinema-play:hover,body.layout-cinema #cinema-quality-btn:hover{color:#fff}body.layout-cinema #leader-seek-time,body.layout-cinema #leader-seek-total{flex:0 0 auto;font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #000,0 0 4px #000}body.layout-cinema #leader-seek-track{height:4px}body.layout-cinema #leader-seekbar.is-readonly #leader-seek-track{cursor:default}body.layout-cinema #leader-seekbar .seek-row-main{display:flex;align-items:center;gap:8px}body.layout-cinema #leader-seekbar .seek-row-main #leader-seek-track{flex:1 1 auto}body.layout-cinema #leader-seekbar .seek-row-meta{display:flex;align-items:center;gap:10px;font-variant-numeric:tabular-nums}body.layout-cinema #leader-seekbar .seek-times{flex:0 0 auto;opacity:.9}body.layout-cinema #leader-seekbar .seek-vol-group{display:flex;align-items:center;gap:6px;flex:1 1 auto}body.layout-cinema #cinema-mute{flex:0 0 auto;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;padding:0;cursor:pointer;color:var(--text);font-size:13px;line-height:1}body.layout-cinema #cinema-mute:hover{color:#fff}body.layout-cinema #cinema-mute.is-muted{color:var(--red, #d05050)}body.layout-cinema #cinema-vol{width:auto;flex:1 1 auto;min-width:60px;max-width:130px;height:16px;margin:0;padding:0;accent-color:var(--player-accent, #5ca2b9);background:transparent;cursor:pointer}body.layout-cinema #cinema-quality{position:relative;flex:0 0 auto}body.layout-cinema #cinema-quality-menu{position:absolute;right:0;bottom:22px;z-index:2;min-width:72px;padding:4px 0;background:#000000b8;border:1px solid rgba(255,255,255,.14)}body.layout-cinema #cinema-quality-menu button{display:block;width:100%;text-align:left;background:transparent;border:0;padding:3px 8px;color:var(--text);font-size:12px;cursor:pointer}body.layout-cinema #cinema-quality-menu button:hover,body.layout-cinema #cinema-quality-menu button.is-current{color:#fff}body.layout-cinema #playlistrow{position:fixed;left:12px;top:56px;width:min(420px,38vw);z-index:27;pointer-events:none}body.layout-cinema #bottom-modal-backdrop{display:none!important}body.layout-cinema.bottom-modal-open #modal-clickaway{display:block;position:fixed;inset:0;z-index:28;pointer-events:auto;background:transparent}body.layout-cinema #playlistrow .cool-modal,body.layout-cinema #poll-area:not(.hidden),body.layout-cinema #bingo-wrap:not(.hidden){pointer-events:auto}body.layout-cinema #motdrow,body.layout-cinema #pinnedrow{position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:27;max-width:640px;width:min(640px,70vw)}html body.layout-cinema #chatwrap,html[data-theme] body.layout-cinema #chatwrap,html body.layout-cinema #chatheader,html body.layout-cinema #chatbody,html body.layout-cinema #messagebuffer,html[data-theme] body.layout-cinema #messagebuffer,html[data-phase] body.layout-cinema #messagebuffer,html[data-phase] body.layout-cinema #chatbody,html body.layout-cinema #userlist,html body.layout-cinema #guestlogin,html body.layout-cinema .guest-label{background:transparent;border-color:transparent;box-shadow:none}html body.layout-cinema #chatline,html[data-theme] body.layout-cinema #chatline{position:relative;z-index:1;pointer-events:none;background:#0000008c;border-color:#ffffff24;transition:opacity .5s ease}html body.layout-cinema #chatline.is-idle,html[data-theme] body.layout-cinema #chatline.is-idle{opacity:0}html body.layout-cinema #chatline-wrap:hover #chatline.is-idle,html[data-theme] body.layout-cinema #chatline-wrap:hover #chatline.is-idle{opacity:1}html body.layout-cinema #pinnedrow,html[data-theme] body.layout-cinema #pinnedrow{opacity:1;pointer-events:auto}body.layout-cinema.cinema-chat-off #pinnedrow{display:none!important}html body.layout-cinema #pinnedwrap,html[data-theme] body.layout-cinema #pinnedwrap{background:#000000b8;border-color:var(--accent)}html body.layout-cinema #pinned-text,html[data-theme] body.layout-cinema #pinned-text{text-shadow:0 1px 2px rgba(0,0,0,.9)}body.layout-cinema:not(.cinema-chat-off).cinema-hot-chat #chatline,body.layout-cinema.cinema-chat-stay #chatline{pointer-events:auto}body.layout-cinema #messagebuffer,body.layout-cinema #userlist{scrollbar-width:none;-ms-overflow-style:none}body.layout-cinema #chatbody,body.layout-cinema #messagebuffer{flex:0 1 auto;min-height:0}body.layout-cinema #newmessages-indicator{display:none!important}body.layout-cinema #chatbody{position:relative}body.layout-cinema #userlist{position:absolute;left:0;top:0;bottom:0;z-index:2}body.layout-cinema #userlist.collapsed{pointer-events:none}html body.layout-cinema #userlist:not(.collapsed){background:transparent;border-right:0}body.layout-cinema #userlist li{text-shadow:0 1px 2px rgba(0,0,0,.9)}body.layout-cinema #chatbody:has(#userlist:not(.collapsed)) #messagebuffer{padding-left:128px}body.layout-cinema #messagebuffer{flex:0 1 auto;min-height:0;max-height:calc(100vh - var(--cinema-rail-h) - var(--cinema-rail-gap) - var(--cinema-logo-h) - 112px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding-top:16px;-webkit-mask-image:none;mask-image:none}body.layout-cinema #chatbody:after{content:"";position:absolute;left:0;right:0;bottom:0;height:52px;pointer-events:none;z-index:3;opacity:0;background:linear-gradient(to top,rgba(255,215,0,.38),rgba(255,215,0,.08) 55%,transparent);transition:opacity .35s ease}body.layout-cinema #chatwrap.cinema-chat-fresh #chatbody:after{opacity:1;animation:cinema-chat-glow 1.8s ease-in-out infinite}@keyframes cinema-chat-glow{0%,to{opacity:.5}50%{opacity:1}}body.layout-cinema #messagebuffer::-webkit-scrollbar,body.layout-cinema #userlist::-webkit-scrollbar{width:0;height:0;display:none}body.layout-cinema #chatheader,body.layout-cinema #usercount,body.layout-cinema #day-night,body.layout-cinema #cinema-chat-pin,body.layout-cinema #leftcontrols,body.layout-cinema #navbar #nav-links,body.layout-cinema #navbar #nav-auth,body.layout-cinema #videowrap-header,body.layout-cinema #bottom-queue,body.layout-cinema #leader-seekbar{text-shadow:0 1px 0 var(--cinema-stroke),1px 0 0 var(--cinema-stroke),-1px 0 0 var(--cinema-stroke),0 -1px 0 var(--cinema-stroke),1px 1px 0 var(--cinema-stroke),-1px 1px 0 var(--cinema-stroke),1px -1px 0 var(--cinema-stroke),-1px -1px 0 var(--cinema-stroke),0 1px 3px var(--cinema-glow-1)}body.layout-cinema #usercount,body.layout-cinema #chatheader #userlisttoggle,body.layout-cinema #day-night{color:#f2f2f2}body.layout-cinema #messagebuffer .chat-line,body.layout-cinema #messagebuffer .chat-line .chat-user,body.layout-cinema #messagebuffer .chat-line .chat-text,body.layout-cinema #pm-stack,body.layout-cinema #guestlogin{text-shadow:0 1px 0 var(--cinema-stroke),1px 0 0 var(--cinema-stroke),-1px 0 0 var(--cinema-stroke),0 -1px 0 var(--cinema-stroke),1px 1px 0 var(--cinema-stroke),-1px 1px 0 var(--cinema-stroke),1px -1px 0 var(--cinema-stroke),-1px -1px 0 var(--cinema-stroke),0 1px 3px var(--cinema-glow-1),0 0 6px var(--cinema-glow-2),0 0 11px var(--cinema-glow-3)}body.layout-cinema #messagebuffer .chat-line:not(.text-lottery),body.layout-cinema #messagebuffer .chat-line .chat-text:not(.text-lottery){color:#fff}body.layout-cinema #messagebuffer .chat-line .text-lottery,body.layout-cinema #messagebuffer .chat-line .chat-text .text-lottery{color:transparent;text-shadow:0 0 6px var(--cinema-glow-1),0 0 12px var(--cinema-glow-3)}body.layout-cinema #messagebuffer .chat-ts,body.layout-cinema #messagebuffer .server-whisper .chat-text,body.layout-cinema #messagebuffer .server-whisper .chat-user,body.layout-cinema #messagebuffer .chat-history-divider{text-shadow:0 1px 0 var(--cinema-stroke),0 -1px 0 var(--cinema-stroke),1px 0 0 var(--cinema-stroke),-1px 0 0 var(--cinema-stroke),0 0 7px var(--cinema-glow-3)}body.layout-cinema #messagebuffer .chat-ts{color:#c3ccd4}body.layout-cinema #messagebuffer .server-whisper .chat-text{color:#e6e6e6}body.layout-cinema #navbar .logo,body.layout-cinema #navbar #nav-links,body.layout-cinema #navbar #nav-auth,body.layout-cinema #chatwrap,body.layout-cinema #pm-stack,body.layout-cinema #leftcontrols,body.layout-cinema #bottom-queue,body.layout-cinema #videowrap-header,body.layout-cinema #leader-seekbar{transition:opacity .4s ease}body.layout-cinema.cinema-intro #cinema-veil{display:block;animation:cinema-veil 1.15s ease forwards}body.layout-cinema #cinema-hits{display:block}body.layout-cinema .cinema-hit{position:fixed;z-index:22}body.layout-cinema .cinema-hit[data-zone=nav-left]{top:0;left:0;width:42vw;height:80px}body.layout-cinema .cinema-hit[data-zone=nav-right]{top:0;right:0;width:28vw;height:120px}body.layout-cinema .cinema-hit[data-zone=tip]{top:0;left:50%;transform:translate(-50%);width:min(280px,30vw);height:88px}body.layout-cinema .cinema-hit[data-zone=chat]{top:var(--cinema-logo-h);bottom:var(--cinema-rail-h);left:0;width:min(452px,42vw);height:auto}body.layout-cinema .cinema-hit[data-zone=rail]{bottom:0;left:0;width:42vw;height:var(--cinema-rail-h)}body.layout-cinema .cinema-hit[data-zone=queue]{bottom:var(--player-controls-clear);right:12px;width:min(520px,48vw);height:calc(28vh + 210px)}body.layout-cinema.cinema-hot-queue .cinema-hit[data-zone=queue]{pointer-events:none}body.layout-cinema .cinema-hit[data-zone=player]{inset:auto auto 0 50%;transform:translate(-50%);width:min(640px,72vw);height:72px;z-index:21}body.layout-cinema.cinema-hot-player .cinema-hit[data-zone=player],body.layout-cinema .cinema-hit[data-zone=chat]{pointer-events:none}body.layout-cinema.cinema-peek-chat:not(.cinema-hot-chat):not(.cinema-chat-stay) #chatheader{height:0;overflow:hidden;padding:0;margin:0;border:0;opacity:0;pointer-events:none}body.layout-cinema.cinema-hot-chat #cinema-chat-pin,body.layout-cinema.cinema-chat-stay #cinema-chat-pin{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;margin:0;border:0;border-radius:2px;background:transparent;color:var(--text-dim);cursor:pointer;flex-shrink:0}body.layout-cinema #cinema-chat-pin svg{width:13px;height:13px;display:block}body.layout-cinema #cinema-chat-pin:hover,body.layout-cinema #cinema-chat-pin.is-pinned{color:var(--text)}body.layout-cinema #cinema-chat-pin.is-pinned svg{fill:currentColor}body.layout-cinema.cinema-chat-stay .cinema-hit[data-zone=chat],body.layout-cinema.cinema-chat-off .cinema-hit[data-zone=chat]{display:none}body.layout-cinema.cinema-chat-off #chatwrap,body.layout-cinema.cinema-chat-off #pm-stack{display:none!important}body.layout-cinema.cinema-peek-chat:not(.cinema-hot-chat):not(.cinema-chat-stay) #messagebuffer .chat-line{transition:opacity .45s ease}body.layout-cinema.cinema-peek-chat:not(.cinema-hot-chat):not(.cinema-chat-stay) #messagebuffer .chat-line:not(.cinema-line-fresh){opacity:0}body.layout-cinema.cinema-peek-chat:not(.cinema-hot-chat):not(.cinema-chat-stay) #messagebuffer .chat-history-divider,body.layout-cinema.cinema-peek-chat:not(.cinema-hot-chat):not(.cinema-chat-stay) #userlist,body.layout-cinema.cinema-peek-chat:not(.cinema-hot-chat):not(.cinema-chat-stay) #chatline-wrap,body.layout-cinema.cinema-peek-chat:not(.cinema-hot-chat):not(.cinema-chat-stay) #guestlogin,body.layout-cinema.cinema-peek-chat:not(.cinema-hot-chat):not(.cinema-chat-stay) #newmessages-indicator{opacity:0;pointer-events:none}body.layout-cinema.cinema-peek-chat:not(.cinema-hot-chat):not(.cinema-chat-stay) #messagebuffer .chat-line.cinema-fresh-1{opacity:.78}body.layout-cinema.cinema-peek-chat:not(.cinema-hot-chat):not(.cinema-chat-stay) #messagebuffer .chat-line.cinema-fresh-2{opacity:.56}body.layout-cinema.cinema-peek-chat:not(.cinema-hot-chat):not(.cinema-chat-stay) #messagebuffer .chat-line.cinema-fresh-3{opacity:.36}body.layout-cinema.cinema-peek-chat:not(.cinema-hot-chat):not(.cinema-chat-stay) #messagebuffer .chat-line.cinema-fresh-4{opacity:.2}}@keyframes cinema-veil{0%{opacity:1}28%{opacity:1}to{opacity:0}}