:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#101113;color:#ece7dc;--bg: #101113;--panel: #191b1d;--panel-strong: #202327;--line: #34383d;--text: #ece7dc;--muted: #a8a29a;--accent: #4fd1b0;--accent-2: #f1b35b;--danger: #e56b6f;--focus: #8ad7ff;--radius: 8px;--motion: .14s ease}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,rgba(79,209,176,.08),transparent 340px),var(--bg)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app-shell{width:min(1500px,100%);margin:0 auto;padding:24px}.app-shell-catalog-items,.app-shell-catalog-skills{display:grid;grid-template-rows:auto auto minmax(0,1fr);height:100vh;min-height:0;overflow:hidden}.toolbar-band{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding:20px 0 24px;border-bottom:1px solid var(--line)}.toolbar-copy h1{margin:0;font-size:clamp(2rem,4vw,4.5rem);line-height:.95;max-width:920px}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.subtle{color:var(--muted)}.toolbar-copy .subtle{max-width:740px;margin:14px 0 0}.stat-strip{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.stat-strip span{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:9px 12px;color:var(--muted);white-space:nowrap}.view-tabs{display:inline-grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-self:start;max-width:100%;margin-top:18px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.view-tabs button{min-width:112px;min-height:42px;border:0;background:var(--panel);color:var(--muted);padding:0 12px;white-space:nowrap}.view-tabs button.active{background:var(--accent);color:#071311;font-weight:800}.workbench{display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px;align-items:start;padding-top:24px}.control-panel{position:sticky;top:16px;display:grid;gap:18px;padding:16px;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius)}.field{display:grid;gap:8px}.field span,.recommendations h2{color:var(--muted);font-size:.82rem;font-weight:800;text-transform:uppercase}.field input,.field select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:var(--radius);background:#111315;color:var(--text);padding:0 12px}.filter-row{display:grid;gap:10px}.filter-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-row{display:flex;gap:10px;align-items:center;color:var(--text)}.toggle-row input{width:18px;height:18px;accent-color:var(--accent)}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.segmented button{min-height:40px;border:0;background:#111315;color:var(--muted);transition:background var(--motion),color var(--motion)}.segmented button.active{background:var(--accent);color:#071311;font-weight:800}.autocomplete{position:relative}.suggestions{position:absolute;z-index:10;top:calc(100% + 6px);left:0;right:0;display:grid;max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:#111315;box-shadow:0 18px 48px #00000059}.suggestions button{display:grid;gap:3px;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left}.suggestions button:hover{background:var(--panel-strong)}.suggestions small{color:var(--muted)}.chip-zone{display:flex;flex-wrap:wrap;gap:8px;min-height:24px}.selected-card-chip{display:inline-grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:center}.selected-card-chip select,.selected-card-chip>span{min-height:32px;border:1px solid var(--line);border-radius:999px;background:#111315;color:var(--accent-2);padding:0 8px;font-size:.72rem;font-weight:800}.selected-card-chip>span{display:grid;place-items:center}.chip{border:1px solid rgba(79,209,176,.4);border-radius:999px;background:#4fd1b01a;color:var(--text);padding:7px 10px}.chip.skill{border-color:#f1b35b80;background:#f1b35b1a}.mechanic-filter{display:grid;gap:8px}.mechanic-filter-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.mechanic-filter-heading span{color:var(--muted);font-size:.82rem;font-weight:800;text-transform:uppercase}.mechanic-filter-heading button,.mechanic-options button{border:1px solid var(--line);border-radius:999px;background:#111315;color:var(--muted);transition:border-color var(--motion),background var(--motion),color var(--motion)}.mechanic-filter-heading button{min-height:28px;padding:0 10px;font-size:.76rem}.mechanic-options{display:flex;flex-wrap:wrap;gap:7px}.mechanic-options button{min-height:32px;padding:0 10px;font-size:.8rem}.mechanic-filter-heading button.active,.mechanic-options button.active{border-color:#4fd1b08c;background:#4fd1b024;color:var(--text)}.choice-filter{display:grid;gap:8px}.choice-filter>span{color:var(--muted);font-size:.82rem;font-weight:800;text-transform:uppercase}.choice-options{display:flex;flex-wrap:wrap;gap:7px}.choice-options button{min-height:32px;border:1px solid var(--line);border-radius:999px;background:#111315;color:var(--muted);padding:0 10px;font-size:.8rem;transition:border-color var(--motion),background var(--motion),color var(--motion)}.choice-options button.active{border-color:#4fd1b08c;background:#4fd1b024;color:var(--text)}.recommendations{display:grid;gap:8px;padding-top:4px}.recommendations h2{margin:0}.recommendations button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;border:1px solid var(--line);border-radius:var(--radius);background:#111315;color:var(--text);padding:9px 10px;text-align:left}.recommendations strong{color:var(--accent-2)}.custom-workbench{display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px;align-items:start;padding-top:24px}.custom-panel{align-content:start}.custom-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.primary-action{min-height:38px;border:1px solid rgba(79,209,176,.55);border-radius:var(--radius);background:var(--accent);color:#071311;padding:0 14px;font-weight:800}.primary-action:disabled{cursor:not-allowed;border-color:var(--line);background:#111315;color:var(--muted)}.saved-builds{display:grid;gap:8px}.saved-builds h2{margin:0;color:var(--muted);font-size:.82rem;text-transform:uppercase}.saved-build{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:stretch}.saved-build button{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:#111315;color:var(--text);padding:8px 10px}.saved-build>button:first-child{display:grid;gap:3px;text-align:left}.saved-build strong,.saved-build span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-build span{color:var(--muted);font-size:.72rem}.saved-build.active>button:first-child{border-color:#4fd1b08c;background:#4fd1b01f}.delete-build{color:#f6c5c7!important}.custom-edit-state{margin:-4px 0 0;color:var(--muted);font-size:.8rem;line-height:1.35}.custom-results{display:grid;min-width:0;gap:16px}.slot-summary{margin:8px 0 0;color:var(--muted)}.slot-summary.invalid{color:#f6c5c7}.custom-board-editor{display:grid;gap:10px;border:1px solid var(--line);border-radius:var(--radius);background:#111315;padding:12px}.custom-board-heading{align-items:center}.custom-board-heading p{margin:4px 0 0;color:var(--muted);font-size:.78rem}.custom-board-grid{display:grid;position:relative;min-height:152px;gap:5px;align-items:stretch;overflow:visible}.custom-board-slot{display:grid;place-items:center;min-width:0;min-height:152px;border:1px dashed var(--line);border-radius:5px;background:transparent;color:var(--muted);font-size:.68rem}.custom-board-slot.occupied{color:transparent}.custom-board-slot.drop-valid{border-color:#4fd1b0d9;background:#4fd1b024}.custom-board-slot.drop-invalid{border-color:#e56b6fd9;background:#e56b6f1f}.custom-board-grid .custom-board-item.drop-valid{border-color:#4fd1b0b3}.custom-board-grid .custom-board-item{z-index:3;grid-template-rows:118px minmax(24px,auto);gap:6px;min-width:0;min-height:152px;overflow:visible;cursor:grab}.custom-board-grid .custom-board-item:active{cursor:grabbing}.custom-board-grid .custom-board-item:hover,.custom-board-grid .custom-board-item:focus-within{z-index:35}.board-item-card-name,.custom-board-card-name{display:block;min-width:0;overflow:hidden;color:var(--text);font-size:.76rem;font-weight:800;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}.custom-board-skills{display:flex;flex-wrap:wrap;gap:7px}.custom-board-skills span{min-height:34px;border:1px solid var(--line);border-color:#f1b35b5c;background:#f1b35b1a;color:#f4d4a1;border-radius:999px;padding:5px 10px;font-size:.76rem;text-align:left}.custom-board-message{margin:0;color:var(--accent);font-size:.84rem}.simulation-grid{display:grid;gap:14px}.simulation-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.simulation-summary div{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:12px}.simulation-summary span,.simulation-card-heading span{color:var(--muted);font-size:.76rem;text-transform:uppercase}.simulation-summary strong{display:block;margin-top:5px;color:var(--accent);font-size:1.45rem}.simulation-warnings{display:grid}.simulation-card-list{display:grid;gap:10px}.simulation-card{display:grid;gap:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:12px}.simulation-card.skill{border-color:#f1b35b52}.simulation-card-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}.simulation-card-heading h3{margin:0 0 4px;font-size:1rem}.simulation-card-totals{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.simulation-card-totals span{border:1px solid rgba(79,209,176,.28);border-radius:999px;background:#4fd1b014;color:#c9e9df;padding:5px 8px}.simulation-card-totals strong{color:var(--text)}.simulation-effects{display:grid;gap:7px}.simulation-effect{display:grid;grid-template-columns:128px 48px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid rgba(79,209,176,.2);border-radius:6px;background:#111315;padding:8px}.simulation-effect.unsupported{border-color:#f1b35b52}.simulation-effect span,.simulation-effect small{color:var(--muted);font-size:.74rem}.simulation-effect strong{color:var(--accent)}.simulation-effect p{min-width:0;margin:0;overflow-wrap:anywhere;line-height:1.35}.simulation-effect em{color:var(--accent-2);font-style:normal;font-weight:800;white-space:nowrap}.simulation-effect small{grid-column:3 / -1;color:#f4d4a1}.unsupported-detail{overflow:hidden}.unsupported-list{display:grid;gap:8px;padding:0 10px 10px}.unsupported-list div{display:grid;gap:4px;border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:10px}.unsupported-list p{margin:0;line-height:1.35}.unsupported-list span{color:#f4d4a1;font-size:.8rem}.catalog-workbench{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;align-items:start;min-height:0;padding-top:24px}.app-shell-catalog-items .catalog-workbench,.app-shell-catalog-skills .catalog-workbench{height:100%}.catalog-panel{align-content:start;min-height:0;max-height:100%;overflow:auto;overscroll-behavior:contain}.app-shell-catalog-items .catalog-panel,.app-shell-catalog-skills .catalog-panel,.app-shell-catalog-items .catalog-results,.app-shell-catalog-skills .catalog-results{height:100%}.catalog-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px}.catalog-summary div{border:1px solid var(--line);border-radius:var(--radius);background:#111315;padding:10px}.catalog-summary strong,.catalog-summary span{display:block}.catalog-summary strong{color:var(--accent);font-size:1.3rem}.catalog-summary span{color:var(--muted);font-size:.76rem;text-transform:uppercase}.catalog-results{display:grid;grid-template-rows:auto auto minmax(0,1fr);align-self:stretch;min-width:0;min-height:0;max-height:100%}.catalog-panel .choice-filter[aria-label="来源/商人"] .choice-options{max-height:260px;overflow:auto;padding-right:4px}.catalog-build-preview{display:grid;gap:10px;margin-bottom:14px;border:1px solid rgba(79,209,176,.26);border-radius:var(--radius);background:#111315;padding:12px}.catalog-preview-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.catalog-preview-heading h3{margin:0;color:var(--text);font-size:1rem}.catalog-preview-heading p{margin:4px 0 0;color:var(--muted);font-size:.8rem}.catalog-preview-chips{display:flex;flex-wrap:wrap;gap:7px}.catalog-preview-chips button{display:inline-flex;gap:6px;align-items:center;border:1px solid rgba(79,209,176,.4);border-radius:999px;background:#4fd1b01a;color:var(--text);padding:5px 8px;font-size:.76rem;line-height:1.2}.catalog-preview-chips button:hover{border-color:#e56b6f99;background:#e56b6f24}.catalog-preview-chips small{color:var(--accent-2);font-weight:800}.catalog-preview-chips.skills button{border-color:#f1b35b6b;background:#f1b35b1a;color:#f4d4a1}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;align-items:start;overflow:visible}.catalog-card-scroll{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:2px 8px 16px 2px;scrollbar-gutter:stable}.catalog-card{display:grid;gap:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:14px}.catalog-card.skill-card{grid-column:span 3;border-color:#f1b35b47}.catalog-item-card{display:grid;grid-template-rows:156px 28px 30px;gap:7px;min-width:0;min-height:228px;border-color:#deb8686b;padding:7px}.catalog-item-card-button{display:grid;width:100%;height:156px;min-width:0;border:0;background:transparent;color:inherit;padding:0;text-align:inherit}.catalog-item-card .board-card-art{height:100%;min-height:156px;border-radius:5px}.catalog-item-card .board-card-art img{object-fit:cover;object-position:center}.catalog-item-card-action{position:absolute;top:40%;left:50%;z-index:2;min-height:26px;min-width:42px;border:1px solid rgba(79,209,176,.5);border-radius:5px;background:#111315db;color:#d4fff5;padding:4px 10px;font-size:.72rem;font-weight:900;line-height:1.2;white-space:nowrap;opacity:0;transform:translate(-50%,calc(-50% + 4px));transition:background var(--motion),border-color var(--motion),color var(--motion),opacity var(--motion),transform var(--motion)}.catalog-item-card:hover .catalog-item-card-action,.catalog-item-card:focus-within .catalog-item-card-action{border-color:#4fd1b0f2;background:var(--accent);color:#071311;opacity:1;transform:translate(-50%,-50%)}.catalog-item-card-name{display:grid;align-items:center;min-width:0;overflow:hidden;color:var(--text);font-size:.78rem;font-weight:800;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}.catalog-card-tier-control{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px;align-items:center;min-width:0}.catalog-card-tier-control span{color:var(--muted);font-size:.68rem;font-weight:900}.catalog-card-tier-control select,.catalog-card-tier-control strong{width:100%;min-width:0;min-height:28px;border:1px solid var(--line);border-radius:6px;background:#111315;color:var(--accent-2);padding:0 7px;font-size:.72rem;font-weight:900}.catalog-card-tier-control strong{display:grid;place-items:center}.catalog-skill-tier-control{justify-self:start;grid-template-columns:auto 128px}.catalog-item-size-badge{position:absolute;top:5px;right:5px;z-index:3;border:1px solid rgba(255,240,178,.72);border-radius:6px;background:#111315db;color:#fff4d4;padding:3px 6px;font-size:.68rem;font-weight:900;line-height:1;box-shadow:0 2px 5px #00000073}.catalog-load-more{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:16px;padding-bottom:4px;color:var(--muted);font-size:.82rem}.catalog-load-more button{min-height:34px;border:1px solid rgba(79,209,176,.42);border-radius:6px;background:#4fd1b01a;color:var(--accent);padding:6px 12px;font-size:.78rem;font-weight:800;cursor:pointer}.catalog-title-line{display:flex;gap:8px;align-items:center;min-width:0}.catalog-title-line h3{min-width:0;margin:0 0 5px;font-size:1rem;line-height:1.2}.type-badge{flex:0 0 auto;border:1px solid rgba(79,209,176,.45);border-radius:999px;background:#4fd1b01a;color:#b9efe1;padding:3px 7px;font-size:.72rem;font-weight:800}.type-badge.skill{border-color:#f1b35b80;background:#f1b35b1a;color:#f4d4a1}.catalog-effects{align-content:start}.structured-effects span.unknown-effect{border-color:#e56b6f73;background:#e56b6f1f;color:#f6c5c7}.structured-effects span.semantic-effect{border-color:#81a1c15c;background:#81a1c11f;color:#d7e4f2}.structured-effects span.semantic-warning{border-color:#f1b35b73;background:#f1b35b1f;color:#f4d4a1}.raw-effect-block{border:1px solid var(--line);border-radius:6px;background:#111315}.raw-effect-block summary{min-height:34px;display:flex;align-items:center;padding:0 10px;color:var(--muted);font-size:.76rem;font-weight:800;text-transform:uppercase;cursor:pointer}.raw-effect-block ul{margin:0;padding:0 12px 12px 28px;color:var(--muted);line-height:1.45}.catalog-use-button{justify-self:start;min-height:36px;border:1px solid rgba(79,209,176,.45);border-radius:var(--radius);background:#4fd1b01a;color:var(--text);padding:0 12px;font-weight:800}.results-panel{min-width:0}.results-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.results-heading h2{margin:0;font-size:1.8rem}.sort-field{width:min(240px,100%);min-width:190px}.sort-field span{text-align:right}.reset-button{min-height:38px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--text);padding:0 14px}.build-list{display:grid;gap:12px}.build-card{display:grid;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:visible}.build-card.expanded{background:#17191b}.build-row{display:grid;grid-template-columns:104px minmax(0,1fr) 72px;align-items:center;gap:14px;padding:12px}.build-row-meta{display:grid;gap:6px;align-content:center;min-width:0}.build-row-meta span{min-width:0;overflow:hidden;color:var(--accent-2);font-size:.78rem;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.build-row-meta strong{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--accent);color:#071311;font-size:1.1rem}.build-row-meta small{min-width:0;overflow:hidden;color:var(--muted);font-size:.74rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.build-detail-toggle{min-height:40px;border:1px solid rgba(79,209,176,.45);border-radius:var(--radius);background:#4fd1b01a;color:var(--text);font-size:.82rem;font-weight:800}.build-detail-toggle[aria-expanded=true]{background:var(--accent);color:#071311}.build-detail-panel{display:grid;gap:14px;padding:0 12px 14px}.score-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.image-row{display:flex;gap:8px;min-height:56px}.image-row img{width:56px;height:56px;object-fit:cover;border:1px solid var(--line);border-radius:6px;background:#111315}.mechanic-profile{display:grid;gap:10px;border:1px solid rgba(79,209,176,.22);border-radius:var(--radius);background:#111315;padding:12px}.mechanic-primary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.mechanic-primary span{color:var(--muted);font-size:.74rem;font-weight:800;text-transform:uppercase}.mechanic-primary strong{min-width:0;color:var(--accent);font-size:1rem}.mechanic-labels,.mechanic-score-badges{display:flex;flex-wrap:wrap;gap:7px}.mechanic-labels span{border:1px solid rgba(241,179,91,.35);border-radius:999px;background:#f1b35b1a;color:#f4d4a1;padding:5px 8px;font-size:.76rem}.mechanic-score-badges span{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);padding:5px 8px;font-size:.75rem}.mechanic-score-badges strong{color:var(--text)}.mechanic-explanation{margin:0;padding-left:18px;color:var(--muted);font-size:.82rem;line-height:1.4}.score-row{grid-template-columns:repeat(5,minmax(0,1fr));margin:0}.score-row div{border:1px solid var(--line);border-radius:var(--radius);padding:10px}.score-row dt{color:var(--muted);font-size:.75rem;text-transform:uppercase}.score-row dd{margin:3px 0 0;font-weight:800}.board-preview{min-width:0;display:grid;gap:10px;overflow:visible}.board-preview-compact{background:transparent;padding:0}.board-preview-detail{border:1px solid var(--line);border-radius:var(--radius);background:#111315;padding:12px}.board-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.board-preview-heading h3{margin:0;color:var(--muted);font-size:.78rem;text-transform:uppercase}.board-preview-heading strong{color:var(--accent)}.board-grid{display:grid;min-width:0;min-height:152px;gap:5px;align-items:stretch;overflow:visible;position:relative}.board-slot{display:grid;place-items:center;min-width:0;min-height:152px;border:1px dashed var(--line);border-radius:5px;color:var(--muted);font-size:.68rem}.board-slot.occupied{color:transparent}.board-item{z-index:1;display:grid;grid-template-rows:auto auto;gap:8px;align-items:stretch;min-width:0;min-height:118px;border:1px solid rgba(222,184,104,.5);border-radius:6px;background:linear-gradient(180deg,#ffe8af1a,#442d1714),#17130f;box-shadow:inset 0 0 0 1px #ffffff0a,0 10px 24px #0000002e;overflow:visible;position:relative;transition:border-color var(--motion),transform var(--motion)}.board-grid .board-item{grid-template-rows:118px minmax(24px,auto);min-height:152px}.board-item:hover,.board-item:focus-within{z-index:30;border-color:#f1b35bf2;transform:translateY(-2px)}.board-card-detail{display:grid;gap:8px;min-width:0;padding:0 8px 8px;overflow-wrap:anywhere}.board-card-art{position:relative;display:grid;width:100%;min-width:0;max-width:100%;height:118px;overflow:hidden;border-radius:5px 5px 3px 3px;background:#0d0f10}.board-preview-detail .board-card-art{height:118px}.board-card-art img{display:block;min-width:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.03)}.board-card-fallback{display:grid;place-items:center;min-height:118px;background:#111315;color:var(--muted);font-weight:900}.card-output-strip{position:absolute;z-index:2;top:0;left:50%;display:flex;max-width:calc(100% - 8px);gap:4px;justify-content:center;transform:translate(-50%)}.card-output-stat{display:grid;place-items:center;min-width:26px;height:22px;border:1px solid rgba(255,240,210,.58);border-radius:0 0 8px 8px;background:#b7262d;color:#fff;padding:0 7px;font-size:.86rem;font-weight:900;line-height:1;text-align:center;box-shadow:inset 0 -2px #0000003d,0 2px 5px #0000008c;text-shadow:0 1px 0 rgba(0,0,0,.88),0 0 4px rgba(0,0,0,.8)}.card-output-damage{background:linear-gradient(180deg,#f2484c,#a91824)}.card-output-burn{background:linear-gradient(180deg,#ff9a2e,#d65314)}.card-output-shield{background:linear-gradient(180deg,#f3c83d,#b9780f)}.card-output-poison{background:linear-gradient(180deg,#208c43,#075625)}.card-output-heal{background:linear-gradient(180deg,#5ecf5c,#1f8d3a)}.card-multicast-stat{position:absolute;z-index:2;top:27px;left:50%;transform:translate(-50%);color:#fff4d4;font-size:.76rem;font-weight:900;line-height:1;text-shadow:0 1px 0 #000,0 0 6px rgba(0,0,0,.9)}.board-card-value,.board-card-ammo,.board-card-cooldown{position:absolute;z-index:2;bottom:5px;display:grid;place-items:center;min-width:24px;height:24px;border:1px solid rgba(255,240,178,.72);border-radius:50%;background:#111315e6;color:#fff4d4;padding:0 5px;font-size:.72rem;font-weight:900}.board-card-tier{position:absolute;left:5px;top:5px;z-index:3;display:grid;place-items:center;min-width:22px;height:20px;border:1px solid rgba(241,179,91,.72);border-radius:5px;background:#111315db;color:#f4d4a1;padding:0 5px;font-size:.68rem;font-weight:900;line-height:1;box-shadow:0 2px 5px #00000073}.board-card-value{left:5px;height:20px;min-width:26px;border-color:#ffdf9abf;border-radius:7px 5px 7px 3px;background:linear-gradient(180deg,#f08b31,#a84a14);color:#fff;clip-path:polygon(9% 0,100% 0,91% 100%,0 100%);text-shadow:0 1px 0 rgba(0,0,0,.9),0 0 3px rgba(0,0,0,.65)}.board-card-cooldown{right:5px}.board-card-ammo{right:5px;bottom:32px;height:20px;min-width:22px;border-color:#b3dbffb8;border-radius:5px;background:linear-gradient(180deg,#3d7fb8,#1d426b);color:#f4fbff;font-size:.68rem;text-shadow:0 1px 0 rgba(0,0,0,.9),0 0 3px rgba(0,0,0,.65)}.board-card-name{position:absolute;right:0;bottom:25px;left:0;min-width:0;overflow:hidden;background:linear-gradient(180deg,transparent,rgba(0,0,0,.88) 30%);color:var(--text);font-size:.76rem;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;padding:24px 7px 5px;text-align:center}.board-card-hover{position:absolute;z-index:40;top:calc(100% + 8px);left:50%;display:grid;gap:9px;width:min(340px,86vw);transform:translate(-50%);border:1px solid rgba(241,179,91,.55);border-radius:var(--radius);background:#111315;box-shadow:0 18px 48px #0000007a;padding:12px}.catalog-card-hover-fixed{position:fixed;z-index:120;top:auto;right:auto;bottom:auto;transform:none;overflow:auto;overscroll-behavior:contain}.board-hover-title{display:grid;gap:2px}.board-card-hover strong{color:var(--text);font-size:1rem}.board-hover-title span{color:var(--accent-2);font-size:.78rem;font-weight:700}.board-hover-tooltip-text{display:grid;gap:5px}.board-card-hover p{margin:0;color:var(--text);font-size:.84rem;line-height:1.45}.board-card-hover p[lang=en]{color:var(--muted);font-size:.78rem}.board-hover-meta,.board-hover-stats,.board-hover-tags,.board-hover-effects{display:flex;flex-wrap:wrap;gap:6px}.board-hover-tier-table{display:grid;gap:5px;border:1px solid rgba(241,179,91,.2);border-radius:6px;background:#f1b35b0f;padding:7px}.board-hover-tier-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;align-items:start}.board-hover-tier-row strong{color:var(--accent-2);font-size:.72rem}.board-hover-tier-row span{min-width:0;color:var(--text);font-size:.72rem;line-height:1.35}.catalog-tier-table{margin-top:2px}.board-hover-meta span,.board-hover-stats span,.board-hover-tags span,.board-hover-effects span{border:1px solid var(--line);border-radius:999px;background:#0c0d0e;color:var(--muted);padding:4px 7px;font-size:.72rem;line-height:1.2}.board-hover-stats span{color:#fff4d4}.board-hover-effects span{border-radius:5px;border-color:#4fd1b047;background:#4fd1b014;color:#c9e9df}.board-hover-stats b{margin-right:4px;color:var(--accent-2)}.board-card-meta,.board-card-tags,.board-card-effects{justify-content:center}.board-card-detail .effect-text{font-size:.82rem;text-align:center}.layout-notes{margin:0;padding-left:18px;color:var(--muted);font-size:.82rem}.layout-warnings{display:grid;gap:6px}.layout-warnings span{border-left:3px solid var(--danger);border-radius:4px;background:#e56b6f1a;color:#f6c5c7;padding:6px 8px;font-size:.82rem}.list-block{display:grid;gap:6px}.list-block h3{margin:0;color:var(--muted);font-size:.78rem;text-transform:uppercase}.list-block p{margin:0;line-height:1.45}.list-block ul{margin:0;padding-left:18px;color:var(--muted)}.effect-section{border:1px solid var(--line);border-radius:var(--radius);background:#111315}.effect-section summary{min-height:40px;display:flex;align-items:center;padding:0 12px;color:var(--accent);font-size:.78rem;font-weight:800;text-transform:uppercase;cursor:pointer}.entity-detail-list{display:grid;gap:10px;padding:0 10px 10px}.entity-detail{display:grid;gap:8px;border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:10px}.entity-detail.skill-detail{border-color:#f1b35b59}.entity-title-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.entity-title-row img{width:44px;height:44px;object-fit:cover;border:1px solid var(--line);border-radius:6px;background:#111315}.entity-title-row h3{margin:0 0 5px;font-size:.98rem;line-height:1.2}.meta-pills,.tag-row,.structured-effects{display:flex;flex-wrap:wrap;gap:6px}.meta-pills span,.tag-row span,.structured-effects span{border:1px solid var(--line);border-radius:999px;background:#111315;color:var(--muted);padding:4px 7px;font-size:.74rem;line-height:1.2}.effect-text{margin:0;color:var(--text);line-height:1.45}.structured-effects span{border-radius:5px;color:#c9e9df;background:#4fd1b014;border-color:#4fd1b040}.warnings{display:grid;gap:6px}.warnings span{border-left:3px solid var(--danger);background:#e56b6f1a;color:#f6c5c7;padding:7px 10px;border-radius:4px}.empty-state{margin-top:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:18px}.empty-state h2{margin:0 0 8px}code{border:1px solid var(--line);border-radius:5px;background:#0b0c0d;padding:2px 5px}@media(max-width:980px){.toolbar-band,.workbench,.custom-workbench,.catalog-workbench{grid-template-columns:1fr}.control-panel{position:static}.catalog-workbench{min-height:auto}.app-shell-catalog-items,.app-shell-catalog-skills{display:block;height:auto;overflow:visible}.app-shell-catalog-items .catalog-workbench,.app-shell-catalog-skills .catalog-workbench,.app-shell-catalog-items .catalog-panel,.app-shell-catalog-skills .catalog-panel,.app-shell-catalog-items .catalog-results,.app-shell-catalog-skills .catalog-results{height:auto}.catalog-panel,.catalog-results{max-height:none}.catalog-results{display:grid}.catalog-card-scroll{overflow:visible;padding-right:0}.stat-strip{justify-content:flex-start}.build-row{grid-template-columns:92px minmax(0,1fr)}.build-detail-toggle{grid-column:1 / -1}}@media(max-width:560px){.app-shell{padding:16px}.view-tabs{display:grid}.view-tabs button{min-width:0}.build-row{grid-template-columns:1fr}.build-row-meta{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.build-row-meta strong{width:44px;height:44px}.board-grid,.custom-board-grid{overflow-x:auto;padding-bottom:6px}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.catalog-card.skill-card,.catalog-item-card{grid-column:auto}.score-row,.custom-actions,.filter-row.two,.saved-build,.simulation-card-heading,.simulation-effect{grid-template-columns:1fr}.simulation-card-totals{justify-content:flex-start}.simulation-effect small{grid-column:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.001ms!important}}