#left{--duo-roles-h:70px;position:relative}.duo-page #editor{top:var(--duo-roles-h)}.duo-roles{z-index:5;height:var(--duo-roles-h);align-items:center;gap:8px;padding:0 8px;display:flex;position:absolute;top:0;left:0;right:0}.duo-role{border-radius:var(--r-pill);background:var(--panel-2);min-height:56px;color:var(--text);font:inherit;font-weight:900;font-size:var(--fs-md);cursor:pointer;border:3px solid #0000;align-items:center;gap:8px;padding:4px 14px 4px 4px;display:inline-flex;position:relative}.duo-role img{object-fit:cover;background:var(--panel);width:46px;height:46px;box-shadow:0 0 0 4px var(--dino);border-radius:50%}.duo-role.on{background:var(--panel);border-color:var(--dino);box-shadow:0 4px 0 color-mix(in srgb, var(--dino) 55%, transparent)}.duo-role-n:not(:empty){border-radius:var(--r-pill);background:var(--dino);color:#fff;min-width:26px;height:26px;font-size:var(--fs-sm);place-items:center;padding:0 7px;display:inline-grid}#left.watching #editor{visibility:hidden}.duo-peek{inset:calc(var(--duo-roles-h) + 2px) 8px 8px;border-radius:var(--r-card);background:var(--panel);border:var(--bw) solid var(--line);padding:12px 14px;position:absolute;overflow:auto}.duo-peek-head{color:var(--muted);align-items:center;gap:10px;margin:0 0 8px;font-weight:900;display:flex}.duo-peek-head i{background:var(--dino);border-radius:50%;flex-shrink:0;width:16px;height:16px}.duo-cell b{text-overflow:ellipsis;max-width:12ch;overflow:hidden}.duo-dot{background:var(--dino);width:16px;height:16px;box-shadow:0 0 0 3px color-mix(in srgb, var(--dino) 30%, transparent);border-radius:50%;flex-shrink:0}.duo-cell.off{opacity:.6}.duo-cell.off .duo-dot{animation:1.2s ease-in-out infinite duo-pulse}@keyframes duo-pulse{50%{transform:scale(.7)}}#friend.linked{border-color:var(--line-strong)}.duo-hero{justify-content:center;align-items:center;gap:14px;margin:4px 0 12px;display:flex}.duo-hero-dino img{object-fit:cover;background:var(--panel-2);width:104px;height:104px;box-shadow:0 0 0 6px var(--dino);border-radius:50%}.duo-hero-and svg{width:36px;height:36px;color:var(--muted)}.duo-actions{flex-direction:column;gap:10px;display:flex}.duo-actions .btn{justify-content:center}.duo-code{grid-template-columns:repeat(4,1fr);gap:10px;margin:4px 0 14px;display:grid}.duo-code-cell{aspect-ratio:1;border-radius:var(--r-tile);background:var(--panel-2);border:var(--bw) solid var(--line);place-items:center;display:grid;position:relative;overflow:hidden}.duo-code-cell img{object-fit:contain;width:92%;height:92%}.duo-code-cell i{background:var(--panel);min-width:26px;height:26px;box-shadow:var(--shadow);border-radius:50%;place-items:center;font-style:normal;font-weight:900;display:grid;position:absolute;top:6px;left:6px}.duo-wait{color:var(--muted);justify-content:center;align-items:center;gap:8px;font-weight:900;display:flex}.duo-wait svg{width:22px;height:22px;animation:1.2s ease-in-out infinite duo-pulse}.duo-slots{grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 12px;display:grid}.duo-slots.shake{animation:.4s duo-shake}@keyframes duo-shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.duo-slot{aspect-ratio:1;border-radius:var(--r-tile);border:3px dashed var(--line-strong);place-items:center;display:grid;overflow:hidden}.duo-slot.full{background:var(--panel-2);border-style:solid}.duo-slot img{object-fit:contain;width:90%;height:90%}.duo-pad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.duo-pad-btn{aspect-ratio:1;border-radius:var(--r-tile);background:var(--panel-2);border:var(--bw) solid var(--line);min-height:72px;box-shadow:0 4px 0 var(--line-strong);cursor:pointer;padding:4px}.duo-pad-btn:active{box-shadow:0 1px 0 var(--line-strong);transform:translateY(3px)}.duo-pad-btn img{object-fit:contain;pointer-events:none;width:100%;height:100%}.duo-pad-foot{justify-content:center;margin-top:10px;display:flex}.duo-pad,.duo-slots{max-width:340px;margin-inline:auto}.duo-miss{flex-direction:column;gap:8px;margin:0 0 12px;display:flex}.duo-miss-row{border-radius:var(--r-card);background:var(--panel-2);grid-template-columns:auto auto auto 1fr;align-items:center;gap:10px;min-height:56px;padding:0 14px;display:grid}.duo-miss-mark svg{width:24px;height:24px}.duo-miss-row.ok .duo-miss-mark{color:var(--green-600)}.duo-miss-row.bad .duo-miss-mark{color:var(--danger)}.duo-miss-why{color:var(--muted);font-weight:700}.duo-rules{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 10px;display:flex}.duo-rule{border-radius:var(--r-pill);background:var(--panel-2);align-items:center;gap:8px;padding:6px 12px 6px 6px;font-weight:900;display:inline-flex}.duo-rule i{background:var(--tile);border-radius:8px;width:28px;height:28px}.duo-rule.gate i{box-shadow:inset 0 0 0 5px #d9a82a}@media (orientation:portrait) and (width<=600px),(orientation:landscape) and (height<=500px){#friend>span{display:none}#friend{justify-content:center;min-width:56px;padding:0 12px}#left{--duo-roles-h:60px}.duo-roles{padding:0 6px}.duo-role{min-height:48px;font-size:var(--fs-sm)}.duo-role img{width:38px;height:38px}}.duo-state{background:var(--panel);width:26px;height:26px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid}.duo-state svg{width:16px;height:16px}.duo-state.ready{background:var(--green-500);color:#fff}.duo-role.ready{border-color:var(--green-500)}.duo-ready{background:var(--green-500);color:#fff;width:24px;height:24px;box-shadow:0 2px 0 var(--line);border-radius:50%;place-items:center;display:grid;position:absolute;top:-6px;right:-6px}.duo-ready svg{width:15px;height:15px}#go.duo-waiting{background:var(--panel-2);color:var(--text);border-color:var(--line-strong);box-shadow:0 5px 0 var(--line-strong)}#go.duo-waiting svg{animation:1.2s ease-in-out infinite duo-pulse}.duo-count{z-index:30;color:#fff;text-shadow:0 6px #00000040;pointer-events:none;place-items:center;font-size:120px;font-weight:900;display:grid;position:absolute;inset:0}.duo-count.pop{animation:.5s ease-out duo-count}@keyframes duo-count{0%{opacity:0;transform:scale(1.6)}40%{opacity:1}to{transform:scale(1)}}