:root{--bg:#f2f3f7;--paper:#fff;--paper-2:#f7f8fb;--ink:#23262e;--ink-soft:#565b66;--muted:#888d99;--faint:#b4b8c2;--line:#e7e9ef;--line-2:#dde0e8;--coral:#3b6ef5;--coral-deep:#2456d8;--coral-soft:#e7eefe;--coral-tint:#f4f7ff;--good:#15976b;--el-fire:#ff7a55;--el-water:#3f9bf0;--el-wind:#25bd86;--el-steel:#7e95aa;--el-earth:#c08f44;--el-lightning:#e3a90f;--el-light:#d6a82f;--el-dark:#835ff5;--el-dream:#ef62b0;--el-soul:#9966f5;--el-dawn:#ff7a4d;--el-dusk:#5f70f5;--el-divine:#d8ab3a;--el-chaos:#f5476d;--el-default:#2bb89c;--font:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", sans-serif;--r:12px;--r-lg:16px;--shadow:0 4px 14px -8px #23283c38;--shadow-lg:0 14px 32px -18px #23283c66;color:var(--ink);font-family:var(--font);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scrollbar-color:#c8ccd6 transparent}body{min-width:320px;color:var(--ink);background:var(--bg);margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--coral);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cdd1db padding-box content-box;border:2px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#b4b8c2 padding-box content-box}::-webkit-scrollbar-track{background:0 0}.dv-app{gap:12px;width:min(580px,100% - 24px);margin:0 auto;padding:16px 0 56px;display:grid}@keyframes dv-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.dv-head,.dv-hero,.dv-detail{animation:.4s both dv-fade}.dv-hero{animation-delay:50ms}.dv-detail{animation-delay:.1s}.dv-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:2px 4px;display:flex}.dv-logo{align-items:baseline;gap:8px;min-width:0;display:flex}.dv-logo-link{text-decoration:none}.dv-logo span{letter-spacing:0;color:var(--coral-deep);white-space:nowrap;font-size:.72rem;font-weight:800}.dv-logo strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;max-width:100%;color:var(--ink);font-size:1.12rem;font-weight:800;overflow:hidden}.dv-nav-pills{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-left:auto;display:flex}.dv-nav-pills span,.dv-nav-pills a{border:1px solid var(--line);min-height:28px;color:var(--ink-soft);background:#ffffffb3;border-radius:999px;align-items:center;padding:5px 10px;font-size:.78rem;font-weight:800;text-decoration:none;display:inline-flex}.dv-nav-pills a:hover{border-color:var(--coral);background:var(--coral-soft);color:var(--coral-deep)}.dv-hero{border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);grid-template-columns:1fr;grid-template-areas:"mode""picks""answer";gap:11px;padding:15px;display:grid}.dv-mode{background:var(--bg);border-radius:10px;grid-area:mode;gap:3px;width:fit-content;padding:3px;display:inline-flex}.dv-mode button{color:var(--ink-soft);background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:7px 15px;font-size:.88rem;font-weight:700;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.dv-mode button:hover{color:var(--ink)}.dv-mode button.active{background:var(--paper);color:var(--coral-deep);box-shadow:var(--shadow)}.dv-picks{grid-area:picks;align-content:start;gap:9px;display:grid}.dv-parent-pickers{grid-template-columns:1fr 1fr;gap:9px;display:grid}.dv-selected-dragon{border-radius:var(--r);background:var(--paper-2);border:1px solid var(--line);grid-template-columns:auto 1fr;grid-template-areas:"eyebrow eyebrow""art select";align-items:center;gap:7px 10px;padding:11px;display:grid}.dv-selected-heading{grid-area:eyebrow}.dv-selected-heading span{color:var(--coral-deep);font-size:.74rem;font-weight:700}.dv-selected-heading strong{display:none}.dv-selected-body{grid-area:art;align-items:center;gap:4px;display:flex}.dv-selected-body>b{display:none}.dv-selected-dragon select{grid-area:select}.dv-answer{border-radius:var(--r);background:var(--coral-tint);border:1px solid var(--coral-soft);grid-area:answer;align-content:center;gap:9px;min-width:0;padding:14px 16px;display:grid}.dv-answer-empty{color:var(--muted);text-align:center;align-content:center;justify-items:center;font-weight:600}.dv-answer-tag{letter-spacing:.01em;color:var(--coral-deep);font-size:.74rem;font-weight:700}.dv-answer-warn{color:var(--ink-soft);font-size:.76rem;font-weight:600}.dv-answer-route{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dv-answer-route svg{color:var(--faint);flex-shrink:0}.dv-answer-results{flex-wrap:wrap;gap:6px;display:flex}.dv-answer-stats{align-items:flex-end;gap:22px;display:flex}.dv-stat{flex-direction:column;gap:2px;display:flex}.dv-stat b{letter-spacing:-.02em;color:var(--good);font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:800;line-height:1}.dv-stat strong{color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:1.04rem;font-weight:700;display:inline-flex}.dv-stat strong svg{color:var(--muted)}.dv-stat span{color:var(--muted);font-size:.72rem;font-weight:600}.dv-answer .dv-dragon-token{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:4px 11px 4px 4px}.dv-detail{border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.dv-tabs{border-bottom:1px solid var(--line);gap:2px;padding:6px 6px 0;display:flex}.dv-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 16px;font-size:.9rem;font-weight:700;transition:color .15s,border-color .15s;display:inline-flex}.dv-tabs button:hover{color:var(--ink-soft)}.dv-tabs button.active{color:var(--coral-deep);border-bottom-color:var(--coral)}.dv-tabs em{background:var(--bg);color:var(--ink-soft);font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 7px;font-size:.74rem;font-style:normal;font-weight:700}.dv-tabs button.active em{background:var(--coral-soft);color:var(--coral-deep)}.dv-panel{padding:14px 16px 16px}.dv-hint{background:var(--coral-tint);color:var(--ink-soft);border-radius:9px;margin:0 0 11px;padding:9px 12px;font-size:.81rem;line-height:1.55}.dv-hint b{color:var(--coral-deep);font-weight:700}.dv-filters{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:end;gap:8px;margin-bottom:11px;padding-bottom:13px;display:flex}.dv-field{flex:none;gap:3px;min-width:0;display:grid}.dv-field:not(.dv-search-field){width:96px}.dv-search-field{flex:200px}.dv-filters>.dv-field:not(.dv-search-field){width:116px}.dv-field>span{color:var(--ink-soft);padding-left:2px;font-size:.72rem;font-weight:600}.dv-field input,.dv-field select,.field select,.dv-selected-dragon select{border:1px solid var(--line-2);width:100%;min-width:0;color:var(--ink);background:#fff;border-radius:9px;padding:8px 11px;font-size:.85rem;font-weight:600;transition:border-color .15s,box-shadow .15s}.dv-field input::placeholder{color:var(--faint);font-weight:400}.dv-field input:focus,.dv-field select:focus,.field select:focus,.dv-selected-dragon select:focus{border-color:var(--coral);box-shadow:0 0 0 3px var(--coral-soft);outline:none}.dv-field select,.field select,.dv-selected-dragon select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--ink-soft) 50%), linear-gradient(135deg, var(--ink-soft) 50%, transparent 50%);background-position:calc(100% - 15px) 54%,calc(100% - 11px) 54%;background-repeat:no-repeat;background-size:4px 4px,4px 4px;padding-right:28px}.dv-input-with-icon{align-items:center;display:flex;position:relative}.dv-input-with-icon svg{width:15px;height:15px;color:var(--muted);pointer-events:none;position:absolute;left:10px}.dv-input-with-icon input{padding-left:31px}.dv-reset-button{border:1px solid var(--line-2);color:var(--ink-soft);background:#fff;border-radius:9px;flex:none;align-self:end;align-items:center;gap:5px;padding:8px 13px;font-size:.82rem;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.dv-reset-button:hover{background:var(--coral-soft);border-color:var(--coral);color:var(--coral-deep)}.dv-advanced-filters{flex:100%;min-width:0}.dv-advanced-filters summary{width:fit-content;color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:700;list-style:none}.dv-advanced-filters summary::-webkit-details-marker{display:none}.dv-advanced-filters summary:after{content:" +";color:var(--coral-deep)}.dv-advanced-filters[open] summary{background:var(--coral-soft);color:var(--coral-deep)}.dv-advanced-filters[open] summary:after{content:" -"}.dv-advanced-filters>div{background:var(--paper-2);border-radius:10px;flex-wrap:wrap;gap:8px;margin-top:8px;padding:9px;display:flex}.dv-advanced-filters .dv-field{width:116px}.dv-advanced-filters .dv-field:last-child{width:132px}.dv-panel .dv-board,.dv-panel .result-panel{box-shadow:none;background:0 0;border:0;border-radius:0;gap:8px;padding:0;display:grid}.dv-panel .dv-board-header,.dv-feature-route{display:none}.dv-warning-row{flex-wrap:wrap;gap:6px;display:flex}.dv-warning-row span{color:#9a6a12;background:#fdf0d6;border-radius:7px;padding:4px 10px;font-size:.78rem;font-weight:600}.dv-dragon-token{align-items:center;gap:7px;min-width:0;max-width:100%;display:inline-flex}.dv-dragon-token b{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.83rem;font-weight:600;overflow:hidden}.dv-recipe-table{gap:4px;display:grid}.dv-recipe-head{display:none}.dv-recipe-row{background:var(--paper-2);border:1px solid #0000;border-radius:9px;flex-wrap:wrap;align-items:center;gap:5px 8px;padding:7px 12px;transition:background .12s,border-color .12s;display:flex}.dv-recipe-row:hover{border-color:var(--line-2);background:#fff}.dv-recipe-row strong{border-left:1px solid var(--line-2);color:var(--good);font-variant-numeric:tabular-nums;margin-left:3px;padding-left:11px;font-size:.86rem;font-weight:700}.dv-recipe-row>span:not(.dv-row-rank){color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.78rem;font-weight:500}.dv-row-rank{background:var(--bg);width:22px;height:22px;color:var(--ink-soft);font-variant-numeric:tabular-nums;border-radius:6px;flex-shrink:0;place-items:center;font-size:.76rem;font-weight:700;display:inline-grid}.dv-recipe-row:nth-child(2) .dv-row-rank{background:var(--coral);color:#fff}.dv-empty,.empty{text-align:center;border-radius:var(--r);background:var(--paper-2);color:var(--ink-soft);justify-content:center;align-items:center;gap:7px;margin:0;padding:24px 18px;font-size:.88rem;font-weight:600;display:flex}.dv-empty svg{color:var(--coral-deep);flex-shrink:0}.dv-obtain{color:var(--coral-deep);align-items:center;gap:8px;font-size:1.05rem;font-weight:700;display:inline-flex}.dv-obtain svg{flex-shrink:0}.multi-target-tools{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.dv-reset-button:disabled,.multi-target-tools button:disabled{cursor:default;opacity:.45}.multi-target-chips{flex-wrap:wrap;gap:6px;display:flex}.multi-target-chip{border:1px solid var(--line-2);min-height:30px;color:var(--ink-soft);background:#fff;border-radius:999px;align-items:center;gap:5px;padding:3px 8px 3px 4px;font-size:.8rem;font-weight:800;display:inline-flex}.multi-target-chip:hover{border-color:var(--coral);background:var(--coral-soft);color:var(--coral-deep)}.multi-target-chip svg{color:var(--muted)}.multi-feature{border:1px solid var(--coral-soft);border-radius:var(--r);background:var(--coral-tint);grid-template-columns:minmax(0,1fr) minmax(180px,1.4fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.multi-feature>div:first-child{min-width:0}.multi-feature span{color:var(--muted);font-size:.72rem;font-weight:800}.multi-feature>div:first-child strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.95rem;font-weight:900;display:block;overflow:hidden}.multi-feature-targets{flex-wrap:wrap;gap:5px;min-width:0;display:flex}.multi-feature-targets span{border:1px solid var(--line);min-height:40px;color:var(--ink-soft);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 5px;font-size:.82rem;display:inline-flex}.multi-feature-targets .egg-art.xs{filter:drop-shadow(0 4px 6px #23283c2e);width:34px;height:34px}.multi-feature-targets em{color:var(--good);font-variant-numeric:tabular-nums;font-style:normal;font-weight:900}.multi-feature-score{white-space:nowrap;justify-items:end;gap:2px;display:grid}.multi-feature-score b{color:var(--coral-deep);font-size:.78rem;font-weight:900}.multi-feature-score strong{color:var(--good);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:900}.dv-multi-row{align-items:center}.multi-target-result-list{flex-wrap:wrap;flex:190px;gap:4px;min-width:160px;display:flex}.multi-target-hit,.multi-target-miss{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;min-height:25px;padding:2px 7px 2px 3px;font-size:.76rem;font-weight:800;display:inline-flex}.multi-target-hit{border:1px solid var(--line);color:var(--ink-soft);background:#fff}.multi-target-hit b{font:inherit}.multi-target-hit em{color:var(--good);font-variant-numeric:tabular-nums;font-style:normal;font-weight:900}.multi-target-miss{color:var(--muted);background:#eef0f5;text-decoration:line-through;text-decoration-thickness:1px}.multi-result-note{color:var(--muted);text-align:right;margin:0;font-size:.76rem;font-weight:700}.dv-ad-slot{border:1px solid var(--line);border-radius:var(--r);background:var(--paper);gap:6px;min-height:92px;padding:8px;display:grid;overflow:hidden}.dv-ad-slot>span{color:var(--muted);font-size:.68rem;font-weight:700}.dv-ad-inContent{margin:8px 0}.dv-ad-bottom{min-height:120px}.dv-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:6px 4px 0;font-size:.76rem;display:flex}.dv-footer nav{flex-wrap:wrap;gap:10px;display:flex}.dv-footer a{color:var(--ink-soft);font-weight:700;text-decoration:none}.dv-footer a:hover{color:var(--coral-deep)}.dv-static-app{width:min(760px,100% - 24px)}.dv-static-page{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow);gap:18px;padding:24px;display:grid}.dv-static-kicker{color:var(--coral-deep);margin:0 0 -8px;font-size:.78rem;font-weight:800}.dv-static-page h1{letter-spacing:-.02em;margin:0;font-size:1.7rem}.dv-static-page section{gap:8px;display:grid}.dv-static-page h2{margin:0;font-size:1.05rem}.dv-static-page p{color:var(--ink-soft);margin:0;line-height:1.7}.dv-directory-app{width:min(960px,100% - 24px)}.dv-directory-hero{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow);justify-content:space-between;align-items:flex-end;gap:16px;padding:20px 22px;display:flex}.dv-directory-hero h1{letter-spacing:0;margin:4px 0 7px;font-size:1.42rem;line-height:1.25}.dv-directory-hero p:not(.eyebrow){max-width:560px;color:var(--ink-soft);margin:0;font-size:.9rem;line-height:1.55}.dv-directory-hero>strong{background:var(--coral-soft);color:var(--coral-deep);font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;padding:7px 12px;font-size:.86rem;font-weight:800}.dv-directory-tools{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow);grid-template-columns:minmax(220px,1fr) 140px 140px 140px;align-items:end;gap:8px;padding:12px;display:grid}.dv-directory-tools .dv-field,.dv-directory-tools .dv-field:not(.dv-search-field){width:auto}.dv-directory-tools .dv-search-field{flex:initial}.dv-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.dragon-card{border:1px solid var(--line);border-radius:var(--r);background:var(--paper);box-shadow:var(--shadow);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"art body""action action";gap:10px;padding:12px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;position:relative}.dragon-card:hover{border-color:var(--line-2);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.dragon-card-link{z-index:1;border-radius:inherit;position:absolute;inset:0}.dragon-card-link:focus-visible{outline:3px solid var(--coral-soft);outline-offset:2px}.dragon-card-art{grid-area:art;place-items:center;width:72px;height:72px;display:grid;position:relative}.dragon-card-art .egg-art{filter:drop-shadow(0 4px 7px #23283c29);position:absolute;bottom:1px;left:0}.dragon-card-art .dragon-art{position:absolute;top:0;right:0}.dragon-card-body{grid-area:body;gap:8px;min-width:0;display:grid}.dragon-card-title{min-width:0;display:grid}.dragon-card-title h2{color:var(--ink);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;font-weight:800;overflow:hidden}.dragon-card-tags{flex-wrap:wrap;gap:5px;display:flex}.element-badge{background:var(--paper-2);min-width:0;color:var(--ink-soft);border-radius:999px;align-items:center;gap:4px;padding:2px 7px 2px 3px;font-size:.72rem;font-weight:800;display:inline-flex}.element-badge img{object-fit:contain;filter:drop-shadow(0 1px 2px #23283c33);flex-shrink:0;width:22px;height:22px}.element-badge b{font:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dragon-card-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0;display:grid}.dragon-card-meta div{min-width:0}.dragon-card-meta dt{color:var(--muted);font-size:.68rem;font-weight:700}.dragon-card-meta dd{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;margin:1px 0 0;font-size:.78rem;font-weight:700;overflow:hidden}.dragon-card-action{z-index:2;grid-area:action;justify-content:center;position:relative}.dv-dragon-detail-app{width:min(960px,100% - 24px)}.dragon-detail-hero{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px;display:grid}.dragon-detail-art{width:118px;height:118px;position:relative}.dragon-detail-art .egg-art{filter:drop-shadow(0 7px 12px #23283c2e);position:absolute;bottom:5px;left:0}.dragon-detail-art .dragon-art{position:absolute;top:0;right:0}.dragon-detail-title{gap:8px;min-width:0;display:grid}.dragon-detail-title>a{width:fit-content;color:var(--coral-deep);font-size:.76rem;font-weight:800;text-decoration:none}.dragon-detail-title h1{color:var(--ink);letter-spacing:0;margin:0;font-size:1.7rem;line-height:1.2}.dragon-detail-title p{max-width:620px;color:var(--ink-soft);white-space:pre-line;margin:0;font-size:.92rem;line-height:1.6}.dragon-detail-target{align-self:start}.dragon-detail-grid,.dragon-detail-breeding{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.dragon-detail-section{border:1px solid var(--line);border-radius:var(--r);background:var(--paper);min-width:0;box-shadow:var(--shadow);align-content:start;gap:12px;padding:16px;display:grid}.dragon-detail-section h2{border-bottom:1px solid var(--line);color:var(--ink);letter-spacing:0;margin:0;padding-bottom:10px;font-size:1rem;font-weight:800}.dragon-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.dragon-fact{background:var(--paper-2);border-radius:9px;min-width:0;padding:9px 10px}.dragon-fact span{color:var(--muted);margin-bottom:3px;font-size:.7rem;font-weight:700;display:block}.dragon-fact strong{color:var(--ink);text-overflow:ellipsis;white-space:pre-line;font-size:.86rem;font-weight:800;line-height:1.45;display:block;overflow:hidden}.dragon-stat-list{gap:8px;display:grid}.dragon-stat-row{grid-template-columns:42px minmax(0,1fr) 64px;align-items:center;gap:9px;display:grid}.dragon-stat-row span,.dragon-stat-total span{color:var(--muted);font-size:.74rem;font-weight:800}.dragon-stat-bar{background:var(--paper-2);border-radius:999px;height:8px;overflow:hidden}.dragon-stat-bar i{border-radius:inherit;background:var(--coral);height:100%;display:block}.dragon-stat-row strong{text-align:right;color:var(--ink);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:800}.dragon-stat-total{background:var(--coral-soft);border-radius:9px;justify-content:space-between;align-items:center;margin-top:2px;padding:10px 11px;display:flex}.dragon-stat-total strong{color:var(--coral-deep);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:900}.detail-combo-list{gap:6px;display:grid}.detail-combo-row{background:var(--paper-2);border:1px solid #0000;border-radius:9px;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;padding:8px 10px;display:flex}.detail-combo-row svg{color:var(--faint);flex-shrink:0}.detail-combo-row strong{color:var(--good);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.84rem;font-weight:900}.detail-combo-row>span:not(.dragon-mini){color:var(--ink-soft);font-size:.8rem;font-weight:700}.dragon-forms-section{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);min-width:0;box-shadow:var(--shadow);padding:18px}.dragon-form-track{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:12px;min-width:0;padding:2px 0 4px;display:flex;overflow-x:auto}.dragon-form-slide{border:1px solid var(--line);border-radius:var(--r);scroll-snap-align:start;background:linear-gradient(#ffffffeb,#f6f8fce0);flex:0 0 100%;gap:12px;min-width:0;padding:12px;display:grid}.dragon-form-slide-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.dragon-form-slide-head strong{color:var(--ink);font-size:.92rem;font-weight:900}.dragon-form-slide-head span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.76rem;font-weight:800}.dragon-stage-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.dragon-stage-card{background:radial-gradient(circle at 50% 42%, #ffffffe6, #f7f9fd47 58%, transparent 68%), var(--paper-2);border:1px solid #dbe1ecb8;border-radius:10px;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:8px;min-height:202px;margin:0;padding:12px 8px 10px;display:grid}.dragon-stage-card img{object-fit:contain;filter:drop-shadow(0 9px 12px #23283c2e);width:100%;max-width:226px;height:164px}.dragon-stage-card figcaption{color:var(--ink-soft);font-size:.78rem;font-weight:800}.dragon-chroma-preview{border-radius:var(--r);background:var(--paper-2);border:1px solid #dbe1ecc2;gap:10px;margin-top:12px;padding:12px;display:grid}.dragon-chroma-preview-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.dragon-chroma-preview-head strong{color:var(--ink);font-size:.9rem;font-weight:900}.dragon-chroma-preview-head span{color:var(--muted);font-size:.74rem;font-weight:800}.dragon-chroma-icon-list{flex-wrap:wrap;gap:8px;display:flex}.dragon-chroma-icon-card{background:var(--paper);border:1px solid #dbe1ecd1;border-radius:9px;place-items:center;gap:5px;width:72px;margin:0;padding:7px 6px 6px;display:grid}.dragon-chroma-icon-card img{object-fit:contain;filter:drop-shadow(0 5px 7px #23283c29);width:52px;height:52px}.dragon-chroma-icon-card figcaption{color:var(--ink-soft);font-size:.68rem;font-weight:800;line-height:1.1}.panel-heading{border-bottom:1px solid var(--line);align-items:center;gap:8px;margin-bottom:3px;padding-bottom:11px;display:flex}.panel-heading>div{flex-wrap:wrap;align-items:baseline;gap:7px;min-width:0;display:flex}.panel-heading h2{letter-spacing:-.01em;margin:0;font-size:1.02rem;font-weight:800}.eyebrow{color:var(--coral-deep);margin:0;font-size:.72rem;font-weight:700}.panel-heading>strong{background:var(--bg);color:var(--ink-soft);font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;margin-left:auto;padding:4px 10px;font-size:.77rem;font-weight:700}.owned-tools{grid-template-columns:1fr auto;align-items:end;gap:8px;display:grid}.field{gap:3px;min-width:0;display:grid}.field>span{color:var(--ink-soft);padding-left:2px;font-size:.72rem;font-weight:600}.icon-button{border:1px solid var(--line-2);color:var(--ink-soft);white-space:nowrap;background:#fff;border-radius:9px;align-items:center;gap:5px;padding:8px 12px;font-size:.81rem;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.icon-button svg{width:15px;height:15px}.icon-button:hover{background:var(--coral-soft);color:var(--coral-deep);border-color:var(--coral)}.chip-row{flex-wrap:wrap;gap:5px;display:flex}.owned-chip{border:1px solid var(--line-2);color:var(--ink-soft);background:#fff;border-radius:999px;align-items:center;gap:4px;padding:4px 8px 4px 11px;font-size:.79rem;font-weight:500;transition:border-color .14s,color .14s,background .14s;display:inline-flex}.owned-chip:hover{border-color:var(--coral);color:var(--coral-deep);background:var(--coral-soft)}.owned-chip svg{opacity:.7;width:12px;height:12px}.path-list{gap:5px;display:grid}.path-step{background:var(--paper-2);border:1px solid var(--line);border-radius:9px;flex-wrap:wrap;align-items:center;gap:8px;padding:7px 11px;display:flex}.path-step>span:first-child{background:var(--coral);color:#fff;border-radius:6px;flex-shrink:0;place-items:center;width:21px;height:21px;font-size:.76rem;font-weight:700;display:inline-grid}.path-step svg{width:14px;height:14px;color:var(--faint)}.path-step>strong{color:var(--ink);margin-left:auto;font-size:.86rem;font-weight:700}.path-step em{color:var(--good);font-variant-numeric:tabular-nums;font-size:.82rem;font-style:normal;font-weight:700}.directory-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.directory-row{background:var(--paper-2);border:1px solid #0000;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 9px;transition:border-color .12s,background .12s;display:grid}.directory-row:hover{border-color:var(--line-2);background:#fff}.directory-row>span{display:none}.directory-row .icon-button{padding:5px 10px;font-size:.77rem}.dragon-mini{border:1px solid var(--line);border-left:3px solid var(--el,var(--el-default));background:#fff;border-radius:8px;align-items:center;gap:7px;min-width:0;padding:3px 9px 3px 5px;display:inline-flex}.dragon-mini>span{min-width:0}.dragon-mini b{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;display:block;overflow:hidden}.dragon-art,.egg-art{flex-shrink:0;place-items:center;display:inline-grid;position:relative;overflow:hidden}.dragon-art img,.egg-art img{object-fit:contain;width:100%;height:100%}.dragon-art{border:1.5px solid var(--line-2);background:#eef0f5;border-radius:50%}.dragon-art.sm{width:28px;height:28px}.dragon-art.md{width:44px;height:44px}.dragon-art.lg{width:56px;height:56px}.dragon-art.fallback b,.egg-art.fallback b{color:var(--muted);font-size:.82rem;font-weight:700}.egg-art{filter:drop-shadow(0 2px 3px #23283c2e)}.egg-art.xs{width:24px;height:24px}.egg-art.sm{width:28px;height:28px}.egg-art.md{width:40px;height:40px}.egg-art.lg{width:52px;height:52px}.rarity-ring-3{border-color:#c6d2e0}.rarity-ring-4{border-color:#ecc878}.rarity-ring-5{background:#eef0f5 padding-box, conic-gradient(from 200deg, var(--el-dream), var(--el-soul), var(--el-water), var(--el-wind), var(--el-divine), var(--el-dream)) border-box;border-color:#0000}.dragon-mini-fire{--el:var(--el-fire)}.dragon-mini-water{--el:var(--el-water)}.dragon-mini-wind{--el:var(--el-wind)}.dragon-mini-steel{--el:var(--el-steel)}.dragon-mini-earth{--el:var(--el-earth)}.dragon-mini-lightning{--el:var(--el-lightning)}.dragon-mini-light{--el:var(--el-light)}.dragon-mini-dark{--el:var(--el-dark)}.dragon-mini-dream{--el:var(--el-dream)}.dragon-mini-soul{--el:var(--el-soul)}.dragon-mini-dawn{--el:var(--el-dawn)}.dragon-mini-dusk{--el:var(--el-dusk)}.dragon-mini-divine{--el:var(--el-divine)}.dragon-mini-chaos{--el:var(--el-chaos)}@media (width<=820px){.dv-hero{grid-template-columns:1fr;grid-template-areas:"mode""picks""answer"}.dv-parent-pickers,.dv-directory-tools{grid-template-columns:1fr 1fr}.dv-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dragon-detail-grid,.dragon-detail-breeding{grid-template-columns:1fr}}@media (width<=720px){.dv-recipe-head{display:none}.dv-recipe-row,.dv-result-table .dv-recipe-row{grid-template-columns:24px 1fr auto;row-gap:3px}.dv-recipe-row>span:not(.dv-row-rank),.dv-recipe-row strong{grid-column:2/-1}.directory-grid{grid-template-columns:1fr}.dv-directory-hero{flex-direction:column;align-items:flex-start}.dragon-detail-hero{grid-template-columns:auto minmax(0,1fr)}.dragon-stage-list{grid-template-columns:1fr}.dragon-stage-card{min-height:232px}.dragon-stage-card img{height:190px}.dragon-detail-target{grid-column:1/-1;justify-content:center}.multi-feature{grid-template-columns:1fr;align-items:stretch}.multi-feature-score{justify-items:start}.dv-tabs button{padding:10px 12px}}@media (width<=480px){.dv-head{align-items:flex-start}.dv-logo{flex-direction:column;align-items:flex-start;gap:2px}.dv-logo strong{white-space:normal;font-size:1.05rem}.dv-nav-pills{justify-content:flex-start;width:100%;margin-left:0}.dv-directory-tools,.dv-directory-grid{grid-template-columns:1fr}.dragon-card{grid-template-columns:70px minmax(0,1fr)}.dragon-card-meta{grid-template-columns:1fr 1fr}.dragon-detail-hero{grid-template-columns:1fr}.dragon-detail-art{width:96px;height:96px}.dragon-detail-title h1{font-size:1.45rem}.dragon-detail-facts,.dv-parent-pickers{grid-template-columns:1fr}.dv-filters>.dv-field:not(.dv-search-field){width:calc(50% - 4px)}.dv-advanced-filters .dv-field,.dv-advanced-filters .dv-field:last-child{width:100%}}