:root{--tier-icon-cell-bg: #f2f2f2;--tier-icon-cell-hover-bg: #e0e0e0}#tier-table{max-width:95%;border-collapse:collapse;table-layout:auto}#tier-table tr{height:77px}#tier-table td{vertical-align:middle}#tier-table .title-row .title-cell{font-weight:700;font-size:18px;text-align:center;padding:10px 8px;line-height:1.3;cursor:text;background-color:var(--tier-icon-cell-bg)}#tier-table .title-cell:focus{outline:2px solid #c7d2fe;border-radius:6px;background:var(--tier-icon-cell-bg)}#tier-table .title-text{display:inline-block;min-width:1em;max-width:100%;outline:none;word-break:break-word}#tier-table .title-text:focus{outline:2px solid #c7d2fe;border-radius:6px}#tier-table .title-text:empty:before{content:attr(data-placeholder);color:#9ca3af}#tier-table .title-spacer{background-color:var(--tier-icon-cell-bg)}#tier-table .title-cell-inner{position:relative;display:flex;align-items:center;justify-content:center;min-height:1.6em}.capture-only{display:none}#tier-capture.capture-on{display:inline-block;width:fit-content;max-width:none;background:#fff;box-sizing:border-box}#tier-capture.capture-on #tier-table{width:auto!important;max-width:none!important}#tier-capture.capture-on .icon-cell{width:auto!important;min-width:0!important;max-width:none!important}#tier-capture.capture-on .capture-only{display:block}#tier-capture.capture-on .title-cell-inner{min-height:48px;padding:0 72px}#tier-capture.capture-on .title-text{flex:0 0 auto;max-width:none;white-space:nowrap}#tier-capture.capture-on .tier-title-logo{display:block;position:absolute;left:0;top:50%;height:42px;width:auto;transform:translateY(-50%)}#tier-table.exporting tr.tier-row td:last-child{display:none!important}#tier-table .tier-name-cell{position:relative;width:120px;max-width:150px;vertical-align:middle;white-space:normal;word-break:break-word;padding:8px}#tier-table .icon-cell{flex-wrap:wrap;align-items:center;gap:6px;padding:8px;box-sizing:border-box;min-width:0;width:570px!important;min-width:570px!important;max-width:570px!important;background-color:var(--tier-icon-cell-bg);cursor:pointer;transition:background-color .2s ease}#tier-table td:last-child{width:120px;min-width:120px;text-align:center}#tier-table .icon-cell:hover{background-color:var(--tier-icon-cell-hover-bg)}#tier-table .tier-name-cell[contenteditable=true]{cursor:text}#tier-table .tier-name-cell:focus{outline:2px solid #c7d2fe;border-radius:6px;background:#f8fafc}.delete-btn{background:#f88;border:none;padding:4px 8px;cursor:pointer}.modal{position:fixed;top:10%;left:10%;width:80%;height:80%;background:#fff;border:2px solid #888;overflow-y:auto;z-index:1000;padding:10px}.modal-content{background:#fff;padding:10px}.character-icon{width:50px;height:50px;margin:2px;border:2px solid transparent;border-radius:8px;box-sizing:border-box;cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease}.character-icon.selected{border-color:#3b82f6;box-shadow:inset 0 0 0 9999px #3b82f638,0 0 0 3px #3b82f659}.selected-icon{width:50px;height:50px;margin:2px}.attribute-label{width:40px;text-align:center;font-weight:700;background-color:var(--attribute-label-bg-color, var(--attribute-all-color));color:var(--attribute-label-text-color, var(--attribute-all-text-color));vertical-align:top}.attribute-label[data-attribute=\85cd]{--attribute-label-bg-color: var(--attribute-blue-color);--attribute-label-text-color: var(--attribute-blue-text-color)}.attribute-label[data-attribute=\7d05]{--attribute-label-bg-color: var(--attribute-red-color);--attribute-label-text-color: var(--attribute-red-text-color)}.attribute-label[data-attribute=\7fe0]{--attribute-label-bg-color: var(--attribute-green-color);--attribute-label-text-color: var(--attribute-green-text-color)}.attribute-label[data-attribute=\9ec4]{--attribute-label-bg-color: var(--attribute-yellow-color);--attribute-label-text-color: var(--attribute-yellow-text-color)}.attribute-label[data-attribute=\5929]{--attribute-label-bg-color: var(--attribute-heaven-color);--attribute-label-text-color: var(--attribute-heaven-text-color)}.attribute-label[data-attribute=\51a5]{--attribute-label-bg-color: var(--attribute-dark-color);--attribute-label-text-color: var(--attribute-dark-text-color)}.editable-cell{cursor:pointer;padding:6px;vertical-align:top;white-space:normal;word-break:break-word}.row-controls{display:grid;grid-template-columns:repeat(2,auto);grid-auto-rows:minmax(28px,auto);gap:6px 8px;justify-content:center;align-items:center;padding:4px 0}.row-controls .ctrl-btn{border:1px solid #ddd;background:#f7f7f7;border-radius:6px;padding:4px 8px;cursor:pointer;font-size:12px;line-height:1}.row-controls .ctrl-btn:disabled{opacity:.4;cursor:not-allowed}.color-palette{position:absolute;z-index:9999;display:grid;grid-template-columns:repeat(5,24px);gap:8px;padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f}.color-palette.hidden{display:none}.color-swatch{width:24px;height:24px;border-radius:6px;border:1px solid rgba(0,0,0,.1);cursor:pointer}#tier-table.exporting td:last-child{display:none!important}.export-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}#add-row-btn{margin-top:10px;padding:6px 12px}#add-row-btn,#export-image-btn,#reset-btn{padding:8px 12px;border:1px solid #ddd;background:#f7f7f7;border-radius:6px;cursor:pointer;font-size:14px}#add-row-btn:hover,#export-image-btn:hover,#reset-btn:hover{background:#eee}#reset-btn{background:#fee2e2;border-color:#fecaca}#reset-btn:hover{background:#fecaca}#tier-table.exporting .tier-name-cell{width:var(--tier-name-w)!important;min-width:var(--tier-name-w)!important;max-width:var(--tier-name-w)!important}body.modal-open{overflow:hidden}#modal-backdrop{position:fixed;inset:0;background:transparent;z-index:999;display:none}#modal-backdrop.active{display:block}@media screen and (max-width:768px){#tier-table{table-layout:auto;width:100%}table{width:100%;margin:0}#tier-table .tier-name-cell{width:auto;max-width:90px}#tier-table .icon-cell{flex-wrap:wrap;align-items:center;gap:6px;padding:8px;box-sizing:border-box;background-color:var(--tier-icon-cell-bg);cursor:pointer;transition:background-color .2s ease;width:auto!important;min-width:0!important;max-width:none!important}#tier-table td:last-child{width:96px;min-width:96px;text-align:center}}