.duelbox-wrap{max-width:760px}.duelbox-title{display:flex;align-items:center;gap:.22em;margin-bottom:4px}.duelbox-empty{display:flex;flex-direction:column;align-items:center;gap:10px;margin:28px 0;padding:26px 22px 24px;text-align:center;border:1px dashed var(--line-strong);border-radius:var(--radius-lg, 18px);background:var(--chip)}.duelbox-empty-mark{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;color:#06080c;background:linear-gradient(135deg,#22d3ee,#4ade80)}.duelbox-empty-title{margin:0;font-size:1.05rem;font-weight:800;color:var(--text-light)}.duelbox-empty-lead{margin:0;max-width:42ch;font-size:.9rem;line-height:1.55;color:var(--text-muted)}.duelbox-hint{display:flex;align-items:flex-start;gap:9px;margin:18px 0 0;padding:11px 14px;border-radius:var(--radius-md, 14px);background:color-mix(in srgb,var(--accent-ink, #4fa8d8) 10%,transparent);font-size:.86rem;line-height:1.5;color:var(--text-light)}.duelbox-hint svg{flex:0 0 auto;margin-top:2px;color:var(--accent-ink, #4fa8d8)}.duelbox-list{list-style:none;margin:18px 0 0;padding:0}.duelbox-row{position:relative;overflow:hidden;padding:12px 14px 15px;margin-bottom:10px;border:1px solid var(--line);border-radius:var(--radius-md, 14px);background:var(--chip)}.duelbox-list.is-scaled .duelbox-row:before{content:"";position:absolute;inset:auto 0 0;height:4px;background-color:color-mix(in srgb,var(--text-muted) 22%,transparent);background-image:linear-gradient(90deg,color-mix(in srgb,var(--accent, #4fa8d8) 78%,transparent),var(--accent, #4fa8d8));background-size:var(--support, 0) 100%;background-repeat:no-repeat;transition:background-size .45s cubic-bezier(.22,1,.36,1);pointer-events:none}.duelbox-list.is-scaled .duelbox-row.is-lead:before{background-image:linear-gradient(90deg,#22d3ee,#4ade80)}.duelbox-row.is-lead{border-color:color-mix(in srgb,var(--accent-ink, #4fa8d8) 55%,transparent);background:color-mix(in srgb,var(--accent-ink, #4fa8d8) 9%,var(--chip))}.duelbox-head{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"pos name vote" "pos meta vote";column-gap:12px;align-items:center}.duelbox-pos{grid-area:pos;align-self:center;min-width:2ch;text-align:right;font-weight:800;font-size:1.05rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.duelbox-row.is-lead .duelbox-pos{font-size:1.25rem;background:linear-gradient(135deg,#22d3ee,#4ade80);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media(forced-colors:active){.duelbox-row.is-lead .duelbox-pos{-webkit-text-fill-color:currentcolor;background:none}.duelbox-list.is-scaled .duelbox-row:before{forced-color-adjust:none}}.duelbox-name{grid-area:name;min-width:0;overflow-wrap:anywhere;font-weight:700;line-height:1.35}.duelbox-meta{grid-area:meta;min-width:0;font-size:.76rem;color:var(--text-muted);opacity:.85}.duelbox-meta:empty{display:none}.duelbox-votebox{grid-area:vote;justify-self:end}.duelbox-vote{display:inline-flex;align-items:center;gap:7px;min-width:62px;min-height:44px;padding:8px 14px;justify-content:center;font:inherit;font-weight:800;font-size:.92rem;font-variant-numeric:tabular-nums;color:var(--text-light);background:var(--chip);border:1px solid var(--line-strong);border-radius:var(--radius-pill);cursor:pointer;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.duelbox-vote:hover{background:var(--chip-hover);border-color:var(--accent-ink, #4fa8d8)}.duelbox-vote:focus-visible{outline:2px solid var(--text-light);outline-offset:3px}.duelbox-vote svg{flex:0 0 auto}.duelbox-vote.is-on{color:#06080c;background:var(--accent, #4fa8d8);border-color:transparent}.duelbox-vote.is-on:hover{filter:brightness(1.07);background:var(--accent, #4fa8d8)}.duelbox-vote.is-busy{opacity:.65;cursor:progress}.duelbox-vote-n{line-height:1}.duelbox-vote.is-pop{animation:duelbox-pop .34s cubic-bezier(.22,1,.36,1) 1}@keyframes duelbox-pop{0%{transform:scale(1)}45%{transform:scale(1.13)}to{transform:scale(1)}}@media(max-width:430px){.duelbox-head{grid-template-areas:"pos name name" "pos meta vote";row-gap:6px}.duelbox-pos{align-self:start}}.duelbox-note{display:block;margin:14px 0 0;padding:11px 14px;border:1px solid color-mix(in srgb,var(--warn-ink, #fbbf24) 40%,transparent);border-radius:var(--radius-md, 14px);background:color-mix(in srgb,var(--warn-ink, #fbbf24) 12%,transparent);font-size:.86rem;font-weight:600;line-height:1.5;color:var(--warn-ink, #fbbf24);text-align:center;scroll-margin-top:24px}.duelbox-note[hidden]{display:none}@media(forced-colors:active){.duelbox-note{border-width:2px}}.duelbox-cta{margin-top:34px;text-align:center}.duelbox-empty-cta{margin-top:6px}.duelbox-cta a,.duelbox-empty-cta{display:inline-flex;align-items:center;min-height:48px;padding:12px 26px;border-radius:var(--radius-pill, 999px);background:var(--accent, #4fa8d8);color:#06080c;font-weight:800;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.duelbox-cta a:hover,.duelbox-empty-cta:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 12px 30px color-mix(in srgb,var(--accent, #4fa8d8) 30%,transparent)}.duelbox-cta a:focus-visible,.duelbox-empty-cta:focus-visible{outline:2px solid var(--text-light);outline-offset:3px}.duelbox-sax{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;font:inherit;width:1.25em;height:1.25em;margin-left:.06em;padding:0;border:0;background:none;cursor:pointer;transition:transform .18s ease,filter .18s ease}.duelbox-sax svg{width:100%;height:100%;display:block;filter:drop-shadow(0 2px 6px rgb(0 0 0 / 35%))}.duelbox-sax:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.duelbox-sax:hover{transform:rotate(-8deg) scale(1.08)}.duelbox-sax:focus-visible{outline:2px solid var(--text-light);outline-offset:4px;border-radius:8px}.duelbox-sax.is-playing{animation:duelbox-sway .5s ease-in-out 6;transform-origin:50% 80%}@keyframes duelbox-sway{0%,to{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}.duelbox-mine{display:inline-flex;align-items:center;vertical-align:.05em;margin-left:8px;padding:2px 9px;border-radius:var(--radius-pill);font-size:.68rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#06080c;background:linear-gradient(135deg,#22d3ee,#4ade80)}.duelbox-row.is-mine{border-color:#22d3ee66}.duelbox-row.is-highlight{border-color:#22d3eebf;box-shadow:0 0 0 1px #22d3ee59,0 10px 34px #22d3ee2e;animation:duelbox-land 1.8s ease-out 1;scroll-margin-top:24px}@keyframes duelbox-land{0%{box-shadow:0 0 0 6px #22d3ee59,0 10px 34px #22d3ee4d}to{box-shadow:0 0 0 1px #22d3ee59,0 10px 34px #22d3ee2e}}.sg-yours{display:inline-block;margin-top:14px;padding:11px 18px;border-radius:var(--radius-pill);font-weight:700;font-size:.96rem;color:#06080c;text-decoration:none;background:linear-gradient(135deg,#22d3ee,#f59e0b)}@media(forced-colors:active){.duelbox-mine{border:1px solid}.duelbox-vote.is-on{border:2px solid}}@media(prefers-reduced-motion:reduce){.duelbox-vote:hover,.duelbox-cta a:hover,.duelbox-empty-cta:hover{transform:none}}