.du-shell{color:#0f172a}.du-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.du-kicker{margin:0;font-size:.72rem;letter-spacing:.24em;font-weight:700;color:#64748b}.du-title{margin:.35rem 0 0;font-size:1.6rem}.du-status{margin-bottom:1rem;font-weight:700;padding:.95rem 1rem;border-radius:1rem;background:linear-gradient(135deg,#fef0f5eb,#fff8dcd6);border:1px solid rgba(244,114,182,.18);transition:background-color .2s ease,border-color .2s ease,color .2s ease}.du-status.du-status-thinking{background:linear-gradient(135deg,#bfdbfeeb,#e0e7ffd6);border-color:#3b82f638;color:#1e40af}.du-status.du-status-picked{background:linear-gradient(135deg,#dcfce7eb,#fef9c3d6);border-color:#22c55e33;color:#166534}.du-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.du-chip{display:grid;gap:.2rem;border:1px solid rgba(148,163,184,.35);border-radius:1rem;background:#ffffffd9;padding:.8rem .9rem}.du-chip-label{font-size:.76rem;font-weight:700;color:#64748b;letter-spacing:.08em}.du-chip strong{font-size:1rem}.du-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.du-btn{border:1px solid rgba(51,65,85,.22);border-radius:1rem;background:#ffffffeb;color:#0f172a;font-weight:700;padding:.8rem 1rem;cursor:pointer;transition:transform .15s ease,background-color .15s ease,opacity .15s ease}.du-btn:hover{transform:translateY(-1px);background:#fff}.du-btn:disabled{opacity:.55;cursor:default;transform:none}.du-btn-primary{background:#0f172a;color:#fff;border-color:#0f172a}.du-btn-primary:hover{background:#1e293b}.du-stage{position:relative;border:1px solid rgba(244,114,182,.18);border-radius:1.35rem;padding:1rem;background:radial-gradient(circle at top,rgba(255,255,255,.72),transparent 42%),linear-gradient(180deg,#fffbebfa,#fff1f2f5);box-shadow:inset 0 1px #ffffffc7;overflow:hidden}.du-stage-head{display:grid;gap:.2rem;justify-items:center;text-align:center;margin-bottom:1rem}.du-stage-head strong{font-size:1.05rem}.du-stage-head span{color:#475569;font-size:.92rem}.du-duel{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:1rem;align-items:start}.du-vs{align-self:center;justify-self:center;border-radius:999px;padding:.5rem .9rem;font-weight:800;letter-spacing:.14em;color:#f472b6;background:#ffffffe0;border:1px solid rgba(244,114,182,.22)}.du-card{border:1px solid rgba(148,163,184,.26);border-radius:1.2rem;background:radial-gradient(circle at top,#fffffffa,#fff9fbeb 58%,#fff0f5e6);padding:.9rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.du-card-label{margin:0 0 .55rem;text-align:center;font-weight:800}.du-card.is-pickable{cursor:pointer}.du-card.is-picked{border-color:#f472b67a;box-shadow:0 0 0 3px #f472b62e;background:linear-gradient(180deg,#fff1f2fa,#fffffff5)}.du-card.is-revealing .du-avatar-frame{animation:duPop .34s ease-out}.du-avatar-wrap{position:relative;width:min(100%,17rem);margin:0 auto}.du-avatar{width:100%;aspect-ratio:.72}.du-avatar-frame{width:100%;height:100%;display:block}.du-hotspots{position:absolute;inset:0;pointer-events:none}.du-hotspot{position:absolute;pointer-events:auto;border:none;background:transparent;border-radius:999px;cursor:pointer;outline-offset:2px}.du-hotspot:hover,.du-hotspot:focus-visible{box-shadow:0 0 0 3px #f472b647,0 0 16px #fbcfe8bf}.du-hotspot-active{position:absolute;pointer-events:none;border:2px dashed rgba(244,114,182,.72);border-radius:999px;box-shadow:0 0 0 6px #fdf2f8b8,0 0 20px #f472b638;animation:duRing 1.2s ease-in-out infinite}.du-hotspot-hair{left:28%;top:6%;width:44%;height:20%}.du-hotspot-necklace{left:34%;top:28%;width:32%;height:13%}.du-hotspot-top{left:22%;top:35%;width:56%;height:24%}.du-hotspot-bottom{left:23%;top:57%;width:54%;height:20%}.du-hotspot-shoes{left:24%;top:79%;width:52%;height:14%}.du-slotbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;margin-top:1rem}.du-slot-btn{border:1px solid rgba(148,163,184,.28);border-radius:1rem;background:#ffffffdb;padding:.75rem .65rem;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background-color .15s ease}.du-slot-btn:hover{transform:translateY(-1px);background:#fff}.du-slot-btn.is-active{border-color:#f472b66b;background:linear-gradient(180deg,#fff1f2fa,#fffbebf5);box-shadow:0 0 0 3px #f472b61f}.du-slot-name{display:block;font-size:.78rem;font-weight:800;color:#475569}.du-slot-value{display:block;margin-top:.2rem;font-size:.92rem;font-weight:700;color:#0f172a}.du-picker{margin-top:1rem;border:1px solid rgba(148,163,184,.26);border-radius:1.2rem;background:linear-gradient(180deg,#fffffff5,#fff7faeb);padding:1rem}.du-picker-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;margin-bottom:.85rem}.du-picker-kicker{margin:0;font-size:.68rem;letter-spacing:.18em;font-weight:800;color:#64748b}.du-picker-title{margin:.18rem 0 0;font-size:1.1rem}.du-picker-tip{font-size:.82rem;color:#64748b}.du-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.6rem,1fr));gap:.7rem}.du-option{border:1px solid rgba(148,163,184,.28);border-radius:1rem;background:#fffffff2;padding:.75rem;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background-color .15s ease}.du-option:hover{transform:translateY(-1px);background:#fff}.du-option.is-selected{border-color:#f472b66b;background:#fff1f2f5;box-shadow:0 0 0 3px #f472b61f}.du-option-preview{width:100%;aspect-ratio:1.2;border-radius:.85rem;background:linear-gradient(180deg,#fffffffa,#fff1f2f0);border:1px solid rgba(244,114,182,.14);display:grid;place-items:center;margin-bottom:.55rem}.du-option-preview svg{width:92%;height:92%;display:block}.du-option-label{display:block;font-weight:800}.du-option-note{display:block;margin-top:.18rem;font-size:.8rem;color:#64748b}.du-vote{margin-top:1rem;text-align:center}.du-vote-title{margin:0 0 .7rem;font-weight:800;font-size:1.05rem}.du-vote-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem}.du-vote-btn{border:1px solid rgba(244,114,182,.26);border-radius:999px;background:#fff;color:#9d174d;font-weight:800;padding:.78rem 1rem;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.du-vote-btn:hover{transform:translateY(-1px);background:#fff1f2}.du-vote-message{min-height:1.6rem;margin:.85rem 0 0;font-weight:800;color:#9d174d}.du-thinking{position:absolute;inset:0;display:grid;place-items:center;background:#0f172a75;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .16s ease-out;z-index:3}.du-thinking.active{opacity:1;pointer-events:auto}.du-thinking-panel{width:min(100%,22rem);border-radius:1.25rem;padding:1rem 1.05rem;background:linear-gradient(180deg,#fffffffa,#fff4f8f5);border:1px solid rgba(244,114,182,.22);box-shadow:0 20px 50px #0f172a38;text-align:center}.du-thinking-kicker{margin:0;font-size:.66rem;letter-spacing:.2em;font-weight:800;color:#64748b}.du-thinking-title{display:block;margin-top:.35rem;font-size:1.05rem;color:#9d174d}.du-thinking-slot{margin:.45rem 0 0;color:#475569;font-weight:700}.du-thinking-slot .dots:after{content:"...";display:inline-block;width:1.2em;overflow:hidden;vertical-align:bottom;animation:duDots 1s steps(4,end) infinite}.du-thinking-progress{display:grid;gap:.55rem;margin-top:.8rem}.du-thinking-count{font-size:.84rem;font-weight:800;color:#ec4899}.du-thinking-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.38rem}.du-thinking-step{height:.55rem;border-radius:999px;background:#e2e8f0f2;border:1px solid rgba(148,163,184,.18)}.du-thinking-step.active{background:linear-gradient(90deg,#f472b6fa,#fbbf24f2);border-color:#f472b661;box-shadow:0 0 0 2px #f472b624}.du-thinking-step.done{background:linear-gradient(90deg,#fbcfe8f5,#fde047eb);border-color:#f472b638}@keyframes duPop{0%{transform:scale(.95);opacity:.7}65%{transform:scale(1.03);opacity:1}to{transform:scale(1);opacity:1}}@keyframes duRing{0%{transform:scale(.98)}50%{transform:scale(1.01)}to{transform:scale(.98)}}@keyframes duDots{0%{width:0}to{width:1.2em}}@media (max-width: 900px){.du-slotbar{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 768px){.du-top{gap:.75rem;margin-bottom:.7rem}.du-kicker{font-size:.64rem}.du-title{margin-top:.25rem;font-size:1.3rem;line-height:1.2}.du-status{margin-bottom:.75rem;padding:.78rem .9rem;font-size:.95rem;line-height:1.45}.du-meta{gap:.45rem;margin-bottom:.75rem}.du-chip{padding:.58rem .65rem;border-radius:.9rem}.du-chip-label{font-size:.66rem}.du-chip strong{font-size:.86rem;line-height:1.35}.du-actions{gap:.55rem;margin-bottom:.75rem}.du-btn{padding:.72rem .92rem}.du-stage{padding:.75rem}.du-stage-head{margin-bottom:.7rem}.du-stage-head strong{font-size:.98rem}.du-stage-head span{font-size:.83rem;line-height:1.35}.du-duel{gap:.55rem;grid-template-columns:minmax(0,1fr) 2.5rem minmax(0,1fr)}.du-vs{padding:.38rem .45rem;font-size:.74rem;letter-spacing:.08em}.du-card{padding:.65rem;border-radius:1rem}.du-card-label{font-size:.86rem;margin-bottom:.35rem}.du-slotbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.du-slot-btn{padding:.65rem .58rem}.du-slot-name{font-size:.72rem}.du-slot-value{font-size:.86rem}.du-picker{margin-top:.75rem;padding:.78rem}.du-picker-head{flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:.7rem}.du-picker-title{font-size:1rem}.du-picker-tip{font-size:.78rem}.du-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.du-option{padding:.65rem}.du-option-label{font-size:.9rem}.du-option-note{font-size:.74rem}.du-vote-buttons{gap:.55rem}.du-vote-btn{padding:.68rem .85rem;font-size:.88rem}.du-thinking-panel{width:min(100%,18rem);padding:.9rem}.du-thinking-title{font-size:.96rem}.du-thinking-slot{font-size:.88rem;line-height:1.45}}@media (prefers-reduced-motion: reduce){.du-card,.du-btn,.du-slot-btn,.du-option,.du-vote-btn,.du-hotspot-active,.du-thinking-slot .dots:after{transition:none;animation:none!important}}.dark .du-shell{color:#e2e8f0}.dark .du-kicker,.dark .du-chip-label,.dark .du-picker-kicker,.dark .du-picker-tip,.dark .du-option-note,.dark .du-stage-head span,.dark .du-slot-name{color:#94a3b8}.dark .du-status{background:linear-gradient(135deg,#4c1d958c,#83184394);border-color:#ec489938}.dark .du-status.du-status-thinking{background:linear-gradient(135deg,#1e293bf5,#2563eb57);border-color:#60a5fa38;color:#bfdbfe}.dark .du-status.du-status-picked{background:linear-gradient(135deg,#14532dcc,#713f12a6);border-color:#4ade802e;color:#dcfce7}.dark .du-chip,.dark .du-card,.dark .du-picker,.dark .du-slot-btn,.dark .du-option,.dark .du-vote-btn{background:#0f172aeb;border-color:#94a3b833;color:#e2e8f0}.dark .du-stage{background:linear-gradient(180deg,#1e293bfa,#111827fa);border-color:#ec48992e}.dark .du-thinking{background:#0206179e}.dark .du-thinking-panel{background:linear-gradient(180deg,#1e293bfa,#334155f0);border-color:#f472b638;box-shadow:0 20px 50px #02061770}.dark .du-thinking-kicker{color:#94a3b8}.dark .du-thinking-title{color:#fbcfe8}.dark .du-thinking-slot{color:#e2e8f0}.dark .du-thinking-count{color:#fda4af}.dark .du-thinking-step{background:#334155eb;border-color:#94a3b82e}.dark .du-vs{background:#0f172af0;border-color:#ec489938;color:#fb7185}.dark .du-btn-primary{background:#fff;color:#0f172a;border-color:#fff}.dark .du-btn-primary:hover{background:#e2e8f0}.dark .du-slot-btn.is-active,.dark .du-option.is-selected,.dark .du-card.is-picked{background:#8318433d;border-color:#f472b657;box-shadow:0 0 0 3px #f472b61a}.dark .du-option-preview{background:linear-gradient(180deg,#1e293beb,#334155e0);border-color:#f472b629}.dark .du-vote-message{color:#fda4af}