:root{--f-name:'Clash Display',Inter,system-ui,sans-serif;--f-head:'Clash Display',Inter,system-ui,sans-serif}
.share{grid-template-columns:minmax(0,1fr)}.share .acts{position:static;inset:auto;transform:none;padding:0}
.camp:disabled{cursor:not-allowed;opacity:.58}.chat-entry{margin-top:8px;width:100%}
.board span{max-width:180px}.fine.pts{display:none}
.debate .ctrl{flex:0 0 auto;gap:0;padding:3px;border:1px solid #ffffff1a;border-radius:14px;background:#ffffff05;box-shadow:0 3px 10px #0002;direction:ltr}
.debate .ctrl .n{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:64px;white-space:nowrap;flex:none;color:var(--ink);font:700 13px/1 var(--f-ui);font-variant-numeric:tabular-nums;letter-spacing:0}
.debate .ctrl .n .total{color:#a7adbd;font-weight:500}.debate .ctrl .n .sep{color:#666f83}
.debate .ctrl button{display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:10px;background:transparent;color:#d4d9e5;transition:background .15s,color .15s,transform .15s}
.debate .ctrl button svg{width:20px;height:20px}.debate .ctrl button:hover{background:#ffffff0d;color:var(--ink)}
.debate .ctrl button[aria-pressed=true]{background:#ffe13d15;color:var(--act)}
.debate .ctrl button:focus-visible{outline:2px solid var(--act);outline-offset:2px}.debate .ctrl button:active{transform:scale(.94)}
.debate .ctrl #qnext{border-inline-start:1px solid #ffffff12;border-radius:0 10px 10px 0}
.chat .expand-chat{display:none}.chat .stks:empty{display:none}
@media(max-width:899px) and (orientation:portrait){
  .chat-scrim{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
  .chat{height:min(320px,44svh,calc(var(--vvh,100svh) - 64px));gap:5px;padding:6px 12px calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -5px 18px #0003}
  .chat.expanded{height:min(66svh,calc(var(--vvh,100svh) - 64px))}
  .chat .ch{gap:6px}.chat .ch>b{font-size:15px}.chat .st{gap:4px;font-size:11px}
  .chat .expand-chat{display:grid;place-items:center;flex:none;font:22px/1 var(--f-ui)}
  .chat .expand-chat,.chat .x{width:44px;height:44px}
  .chat .tg{min-height:28px;font-size:12px}.chat .rules{display:none}.chat.expanded .rules{display:block}
  .chat .mw{min-height:36px}.chat .empty{padding:4px 0;font-size:12px}.chat .msg{padding:3px 4px;gap:5px}
  .chat .pv{display:block;font-size:10px;line-height:1.25}.chat .inp{gap:6px}.chat .inp .ce{max-height:66px}
  .chat .pk{flex:none;max-height:106px;padding:4px}.chat .pk .pt{display:none}.chat .emo button{height:44px}
  .chat:has(.pk:not([hidden])) .mw{display:none}
  .chat:has(.pk:not([hidden])) .pk{margin-top:auto}
}
.art::after{background:linear-gradient(180deg,transparent,rgba(9,12,20,.25) 52%,rgba(9,12,20,.4))}
@media(min-width:900px) and (orientation:landscape),(orientation:landscape) and (max-height:500px){.art::after{background:linear-gradient(90deg,rgba(9,12,20,.4),rgba(9,12,20,.15) 38%,transparent 56%)}}