*{box-sizing:border-box}body{margin:0;background:#211c17;color:#e8d0a2;font-family:system-ui}#co-live{height:100dvh;max-width:1080px;margin:auto;display:flex;flex-direction:column;background:#2d241c}#co-live header{height:52px;flex-shrink:0;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #b3996140}#co-live header b{font-family:serif;font-size:21px;color:#e0bd7c}header span{font-size:11px;color:#a4baac}.co-stage{flex:1;min-height:0;position:relative;overflow:hidden;background:#382d22;display:flex;align-items:center;justify-content:center}.co-surface{height:100%;max-width:100%;aspect-ratio:941/1672;position:relative}.co-surface canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.co-watermark{position:absolute;bottom:8px;right:10px;font-size:8px;color:#ead4a8;background:#2d241cb0;padding:3px 5px}.co-panel{text-align:center;padding:12px 12px 10px;flex-shrink:0;background:linear-gradient(120deg,#d4b87d08,transparent)}#phase-label{font-size:9px;letter-spacing:.1em;color:#94af9b}.co-panel h1{font-family:serif;font-size:19px;margin:6px 0;color:#edcc8c}.co-panel p{font-size:12px;margin:6px 0;line-height:1.5}#co-votes{border:1px solid #b69a5940;padding:8px;color:#efd4a5;font-size:14px}#co-meter{width:85%;height:9px;accent-color:#af503a}#co-participants{color:#b6c6a9}#co-last{font-size:10px;color:#bba68a;min-height:15px}.co-panel small{font-size:8px;color:#bca984}#co-comparison{display:flex;justify-content:center;gap:14px;margin:10px auto}#co-comparison figure{margin:0;width:40%;max-width:160px}#co-comparison canvas{display:block;position:static;width:100%;height:65px;object-fit:contain;background:#493a29;border:1px solid #b99c6740}#co-comparison figcaption{font-size:10px;margin-top:4px}[hidden]{display:none!important}#dev-console{max-width:600px;margin:20px auto;padding:16px;border:1px dashed #998058;background:#302b25}#dev-console h2{font-size:14px;color:#a3bcad}#dev-console input,#dev-console select,#dev-console button{max-width:100%;font-size:12px;background:#463b30;color:#ead2a2;border:1px solid #9c8154;padding:8px;margin:4px;border-radius:3px}#dev-console input{width:100px}#dev-console p{font-size:11px;line-height:1.6}#dev-console button{cursor:pointer}@media(max-width:390px){#co-live header b{font-size:19px}.co-panel h1{font-size:17px}.co-panel{padding:9px 10px}.co-panel p{font-size:11px}}#co-live{width:min(100vw,56.25dvh);height:min(100dvh,calc(100vw * 16 / 9));max-width:1080px}#co-live header{height:42px;padding:7px 12px}.co-panel{padding:8px 10px}.co-panel h1{font-size:18px;margin:3px 0}#co-hint{font-size:14px;line-height:1.4;color:#f3d8a7}#co-last{font-size:11px;line-height:1.4;min-height:0;overflow-wrap:anywhere}#co-last:empty{display:none}#co-decision{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:7px 0}.decision-card{border:1px solid #b5975c;border-radius:5px;padding:8px 5px;background:#67533722;display:flex;flex-direction:column;gap:3px}.decision-card b{font:16px serif;color:#ebcb8d}.decision-card span{font-size:12px}.decision-card strong{font-size:17px;font-weight:500}#decision-clock,#co-decision>small{grid-column:1/-1;margin:0}#co-new-pixels{opacity:0}#co-comparison{margin:6px auto}#co-comparison canvas{height:62px}@media(max-width:390px){#co-hint{font-size:13px}.co-panel h1{font-size:17px}.decision-card{padding:6px 4px}}