.duel-sheet{gap:16px}.duel-sheet__premise{color:var(--ink-2);font-size:15px;line-height:1.4}.duel-sheet__options{gap:10px;display:grid}.duel-opt{background:var(--fill-1);color:var(--ink);text-align:left;cursor:pointer;transition:transform .22s var(--ease-out), background .2s;border:0;border-radius:18px;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 18px;display:flex}.duel-opt__name{font-size:17px}.duel-opt__note{color:var(--ink-3);letter-spacing:0;font-size:12px}@media (hover:hover){.duel-opt:hover{background:var(--fill-2);transform:translateY(-1px)}}.duel-opt:active{transition-duration:80ms;transform:scale(.98)}.duel-join{flex-direction:column;gap:8px;display:flex}.duel-join__label{color:var(--ink-3);letter-spacing:0;font-size:12px}.duel-join__row{gap:8px;display:flex}.duel-join__input{border:1px solid var(--line);background:var(--sunken);min-width:0;height:48px;color:var(--ink);letter-spacing:.12em;text-transform:uppercase;border-radius:14px;flex:1;padding:0 16px;font-size:20px}.duel-join__input::placeholder{color:var(--ink-4)}.duel-join__input:focus{border-color:var(--ink-3);outline:none}.duel-join__input[aria-invalid=true]{border-color:#d68a96b3}.duel-join__go{min-height:48px}.duel-lobby{width:100%;max-width:520px;min-height:100dvh;padding:max(28px, env(safe-area-inset-top)) 4px 40px;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin:0 auto;animation:.3s both fade-in;display:flex;position:relative}.duel-lobby__mute{top:max(10px, env(safe-area-inset-top));opacity:.5;position:absolute;right:0}.duel-lobby__title{top:max(18px, env(safe-area-inset-top));letter-spacing:-.02em;font-size:17px;position:absolute;left:4px}.duel-lobby__tag{color:var(--ink-3);letter-spacing:0;font-size:12px}.duel-lobby__line{max-width:26ch;font-size:19px;line-height:1.35}.duel-lobby__timer{letter-spacing:-.04em;font-size:clamp(48px,16vw,72px);line-height:1}.duel-lobby__timer--small{color:var(--ink-3);letter-spacing:0;font-size:13px}.duel-lobby__note{color:var(--ink-3);letter-spacing:0;word-break:break-all;min-height:1.3em;font-size:12px}.duel-lobby__notice{color:var(--ink-2);max-width:32ch;font-size:14px}.duel-lobby__actions{flex-direction:column;gap:8px;width:min(100%,320px);margin-top:8px;display:flex}.duel-code{letter-spacing:.08em;background:var(--raised);box-shadow:0 0 0 1px var(--line) inset;-webkit-user-select:all;user-select:all;border-radius:20px;padding:18px 24px;font-size:clamp(44px,14vw,64px);line-height:1}.duel-offer{background:var(--raised);width:min(100%,360px);box-shadow:0 0 0 1px var(--line) inset;animation:sheet-up .42s var(--ease-out) both;color:var(--ink-2);border-radius:20px;flex-direction:column;gap:12px;padding:18px;font-size:15px;display:flex}.duel-offer__row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.duel-offer__row .rbtn{padding:0 12px;font-size:15px}.duel-waiting{align-items:center;gap:14px;height:96px;display:flex}.duel-waiting__you,.duel-waiting__them{width:88px;height:88px}.duel-waiting__you{animation:2.4s ease-in-out infinite peer}.duel-waiting__them{opacity:.22;filter:grayscale()blur(1px);animation:2.4s ease-in-out infinite maybe}.duel-waiting__dots{gap:6px;display:flex}.duel-waiting__dots i{background:var(--ink-3);border-radius:999px;width:5px;height:5px;animation:1.2s ease-in-out infinite dot-blink}.duel-waiting__dots i:nth-child(2){animation-delay:.2s}.duel-waiting__dots i:nth-child(3){animation-delay:.4s}@keyframes peer{0%,to{transform:rotate(-3deg)}50%{transform:rotate(4deg)translate(3px)}}@keyframes maybe{0%,to{opacity:.14}50%{opacity:.3}}@keyframes dot-blink{0%,to{opacity:.25}50%{opacity:1}}.duel-rail{opacity:.55}.duel-rail__leave{min-width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0 10px;font-size:12px;display:grid;position:absolute;top:2px;left:10px}.duel-rail__leave[data-confirm=true]{background:var(--fill-2);opacity:1}.duel-totals{top:calc(max(10px, env(safe-area-inset-top)) + 42px);z-index:6;color:var(--ink-3);letter-spacing:0;pointer-events:none;justify-content:center;gap:8px;font-size:12px;display:flex;position:absolute;left:0;right:0}.duel-totals__you{color:var(--you)}.stage[data-duel=true] .duel-sil{left:auto;right:max(14px, env(safe-area-inset-right));top:calc(max(10px, env(safe-area-inset-top)) + 70px)}.stage[data-duel=true] .duel-sil .silhouette__body{width:72px;height:72px}.stage[data-duel=true] .silhouette__body[data-locked=true]{filter:blur(.3px)grayscale(.7);box-shadow:0 0 0 2px #ece9e2b3}.slot--opp{opacity:0;pointer-events:none;--k:.46}.slot--opp[data-on=true]{opacity:1}.slot__tag--opp{color:var(--ink-2)}.slot__tag b{color:var(--ink);font-weight:400}.slot__tag--you b{color:var(--you)}.slot--you[data-better=true] .slot__inner:after,.slot--opp[data-better=true] .slot__inner:after{content:"";box-shadow:0 0 0 calc(2px / var(--k)) #ece9e280;pointer-events:none;border-radius:50%;animation:.3s both fade-in;position:absolute;inset:-4%}.stage[data-duel=true][data-split=true] .slot--you{--x:24vw;--y:24dvh;--k:.46}.stage[data-duel=true] .slot--opp{--x:-24vw;--y:24dvh;--k:.46}.stage[data-duel=true] .slot--target{--k:.58}.stage[data-duel=true] .slot--target[data-on=true]{--y:-24dvh}.stage[data-duel=true] .duel-band{top:calc(50% - 3dvh)}.stage[data-duel=true] .duel-words{top:calc(50% - 3dvh + 46px)}.stage[data-duel=true] .duel-band .band__score{font-size:clamp(40px,11vw,60px)}@media (min-aspect-ratio:6/5){.stage[data-duel=true][data-split=true] .slot--you{--x:30vw;--y:-8dvh;--k:.58}.stage[data-duel=true] .slot--opp{--x:-30vw;--y:-8dvh;--k:.58}.stage[data-duel=true] .slot--target{--k:.7}.stage[data-duel=true] .slot--target[data-on=true]{--x:0px;--y:-12dvh}.stage[data-duel=true] .duel-band{top:calc(50% + var(--S) * .36);flex-direction:row}.stage[data-duel=true] .duel-band .moodmap{width:92px;height:92px}.stage[data-duel=true] .duel-words{top:auto;bottom:max(5dvh,32px)}.stage[data-duel=true] .duel-sil{right:max(40px, calc(50% - var(--S) * .5 - 150px));top:calc(50% - 3dvh - 50px)}.stage[data-duel=true] .duel-sil .silhouette__body{width:96px;height:96px}}.duel-plate{z-index:7;background:var(--bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;animation:.26s both fade-in;display:flex;position:absolute;inset:0}.duel-plate__tag{color:var(--ink-3);letter-spacing:0;font-size:12px}.duel-plate__vs{align-items:center;gap:clamp(18px,6vw,48px);display:flex}.duel-plate__who{flex-direction:column;align-items:center;gap:4px;min-width:5ch;display:flex}.duel-plate__initials{letter-spacing:.04em;font-size:clamp(34px,10vw,52px);line-height:1}.duel-plate__who--you .duel-plate__initials{color:var(--you)}.duel-plate__rating{color:var(--ink-3);letter-spacing:0;font-size:12px}.duel-plate__x{color:var(--ink-3);font-size:15px}.duel-plate__count{letter-spacing:-.04em;min-height:1em;font-size:clamp(72px,24vw,128px);line-height:1;animation:.42s cubic-bezier(.34,1.56,.64,1) land}.duel-plate__hint{color:var(--ink-3);font-size:14px}.duel-status{left:50%;bottom:max(28px, env(safe-area-inset-bottom));z-index:6;width:max-content;max-width:calc(100vw - 32px);color:var(--ink-2);text-align:center;pointer-events:none;background:#232327e6;border-radius:999px;padding:8px 14px;font-size:14px;animation:.24s both fade-in;position:absolute;transform:translate(-50%)}.stage[data-duel=true][data-split=true] .duel-status{display:none}.duel-results__headline{letter-spacing:-.03em;opacity:0;transition:opacity .3s, transform .42s var(--ease-out);font-size:clamp(34px,9vw,48px);line-height:1;transform:translateY(6px)}.duel-results__headline[data-visible=true]{opacity:1;transform:none}.duel-results[data-outcome=win] .duel-results__headline{color:var(--you)}.triptychs{grid-template-columns:auto repeat(5,1fr);gap:clamp(5px,1.4vw,12px);margin:0;padding:0;list-style:none;display:grid}.triptych--head{color:var(--ink-3);letter-spacing:0;writing-mode:vertical-rl;flex-direction:row;justify-content:space-around;align-items:center;padding:8% 0 14%;font-size:10px;display:flex}.triptych--head .triptych__you{color:var(--you)}.triptych:not(.triptych--head){background:var(--raised);opacity:0;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:8% 6% 10%;transition:opacity .26s ease-out,transform .52s cubic-bezier(.34,1.4,.64,1);display:flex;transform:translateY(26px)rotate(-5deg)scale(.9)}.triptych[data-in=true]{opacity:1;transform:none}.triptych__face{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.triptych__face>svg,.triptych__face>:first-child{aspect-ratio:1;width:100%}.triptych__score{color:var(--ink-3);font-size:clamp(11px,2.4vw,14px)}.triptych__face--you .triptych__score{color:var(--you)}.triptych__face[data-better=true] .triptych__score{text-underline-offset:3px;font-weight:600;text-decoration:underline}.duel-results .results__actions .rbtn--quiet{background:var(--fill-1);min-height:52px;color:var(--ink-2);grid-column:auto}.duel-results .race__who{width:auto;min-width:4ch}.duel-rating{color:var(--ink-2);letter-spacing:0;opacity:0;font-size:14px;transition:opacity .3s .2s}.duel-rating[data-visible=true]{opacity:1}.duel-rating b{font-weight:400}.duel-rating[data-delta=up] b{color:var(--you)}.duel-rating[data-delta=down] b{color:var(--ink-3)}@media (prefers-reduced-motion:reduce){.duel-waiting__you,.duel-waiting__them,.duel-waiting__dots i,.duel-plate__count{animation:none}}@media (min-width:900px){.results.duel-results{grid-template-columns:1fr 1.1fr;grid-template-areas:"head head""line dip""total dip""total side""note side";align-items:start}.duel-results .results__total{align-self:center}.duel-results__headline{grid-area:line}.triptychs{grid-area:dip;gap:14px}.duel-results .results__actions{grid-template-columns:1fr 1fr}.duel-results .results__actions .rbtn--primary{grid-column:1/-1}}