.dn-shell{display:grid;gap:18px;color:#182234}.dn-topbar,.dn-status,.dn-picker,.dn-vote,.dn-info,.dn-panel{border:1px solid rgba(203,213,225,.85);border-radius:8px;background:#ffffffe6;box-shadow:0 18px 48px #0f172a12}.dn-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px}.dn-kicker{margin:0 0 4px;color:#0f766e;font-size:12px;font-weight:800;letter-spacing:.12em}.dn-topbar h2{margin:0;font-size:clamp(24px,4vw,36px);line-height:1.15}.dn-actions,.dn-vote div,.dn-slot-tabs{display:flex;flex-wrap:wrap;gap:10px}.dn-btn,.dn-tab{border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#334155;cursor:pointer;font-weight:800;min-height:42px;padding:0 16px}.dn-btn-primary{border-color:#0f766e;background:#0f766e;color:#fff}.dn-btn:disabled{cursor:default;opacity:.58}.dn-tab{min-height:34px;padding:0 12px;font-size:13px}.dn-tab.is-active{border-color:#0f766e;background:#e6f4f1;color:#0f5f59}.dn-status{display:grid;grid-template-columns:repeat(3,max-content 1fr);gap:8px 12px;align-items:center;padding:14px 16px}.dn-status span,.dn-panel-head span,.dn-picker-head span,.dn-option span,.dn-info p,.dn-info li{color:#64748b;font-size:13px;line-height:1.7}.dn-status strong{color:#0f766e}.dn-duel{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:center}.dn-panel{padding:14px}.dn-chat-panel.is-thinking{border-color:#0f766ea6;box-shadow:0 18px 48px #0f766e21}.dn-panel-head,.dn-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.dn-picker-head strong{display:block;margin-bottom:2px}.dn-vs{color:#0f766e;font-size:20px;font-weight:900}.dn-avatar-wrap{position:relative;width:min(100%,380px);margin:0 auto;aspect-ratio:2 / 3}.dn-avatar,.dn-mini-avatar{position:absolute;inset:0}.dn-layer,.dn-mini-layer{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dn-mini-base{opacity:.22}.dn-hotspots{position:absolute;inset:0;transition:opacity .18s ease}.dn-shell.is-locked .dn-hotspots{opacity:0;pointer-events:none}.dn-hotspot{position:absolute;border:2px solid transparent;border-radius:999px;background:#0f766e17;cursor:pointer}.dn-hotspot:focus-visible,.dn-hotspot.is-active{border-color:#0f766e;outline:none}.dn-hotspot-hair{left:55%;top:12%;width:18%;height:9%}.dn-hotspot-necklace{left:42%;top:23%;width:18%;height:8%}.dn-hotspot-top{left:34%;top:27%;width:32%;height:16%}.dn-hotspot-bottom{left:31%;top:36%;width:38%;height:28%}.dn-hotspot-shoes{left:35%;top:84%;width:30%;height:11%}.dn-thinking{position:absolute;left:50%;top:18px;display:flex;align-items:center;gap:8px;min-height:34px;transform:translate(-50%);border:1px solid rgba(15,118,110,.28);border-radius:999px;background:#fffffff0;color:#0f5f59;padding:0 12px;font-size:13px;box-shadow:0 10px 30px #0f172a14;white-space:nowrap}.dn-thinking span{width:9px;height:9px;border-radius:999px;background:#0f766e;animation:dnPulse .9s ease-in-out infinite}.dn-chat-steps{display:flex;flex-wrap:wrap;gap:8px}.dn-step{border:1px solid #dbe4ef;border-radius:999px;background:#fff;color:#64748b;font-size:12px;font-weight:800;padding:7px 10px}.dn-step.is-active{border-color:#0f766e;background:#e6f4f1;color:#0f5f59}.dn-step.is-done{border-color:#bee3db;color:#0f766e}.dn-picker{padding:14px}.dn-shell.is-locked .dn-picker{display:none}.dn-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(156px,1fr));gap:10px}.dn-option{display:grid;gap:8px;grid-template-rows:132px auto;border:1px solid #dbe4ef;border-radius:8px;background:#fff;cursor:pointer;min-height:210px;padding:10px;text-align:left}.dn-option.is-selected{border-color:#0f766e;box-shadow:inset 0 0 0 2px #0f766e2e}.dn-option-preview{position:relative;overflow:hidden;border:1px solid #e6edf5;border-radius:8px;background:linear-gradient(45deg,#f1f5f9 25%,transparent 25%) 0 0 / 18px 18px,linear-gradient(-45deg,#f1f5f9 25%,transparent 25%) 0 0 / 18px 18px,linear-gradient(45deg,transparent 75%,#f1f5f9 75%) 0 0 / 18px 18px,linear-gradient(-45deg,transparent 75%,#f1f5f9 75%) 0 0 / 18px 18px,#fff}.dn-option-empty{display:grid;place-items:center;color:#94a3b8;font-size:13px;font-weight:800}.dn-option strong,.dn-option span{display:block}.dn-option span{margin-top:3px}.dn-vote,.dn-info{padding:16px}.dn-vote p{margin:0 0 12px;font-size:20px;font-weight:900}.dn-vote strong{display:block;margin-top:12px;color:#0f766e}.dn-info-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px}.dn-info h3{margin:0 0 8px;font-size:18px}.dn-info ol,.dn-info p{margin:0}.dn-info ol{padding-left:1.25rem}@keyframes dnPulse{0%,to{transform:scale(.8);opacity:.55}50%{transform:scale(1.1);opacity:1}}@media (max-width: 900px){.dn-topbar,.dn-panel-head,.dn-picker-head{align-items:flex-start;flex-direction:column}.dn-status{grid-template-columns:max-content 1fr}.dn-duel,.dn-info-grid{grid-template-columns:1fr}.dn-vs{text-align:center}.dn-avatar-wrap{max-width:300px}}@media (max-width: 520px){.dn-options{grid-template-columns:repeat(2,minmax(0,1fr))}.dn-option{grid-template-rows:112px auto;min-height:194px}.dn-btn,.dn-tab{width:100%}}