@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#25304e;--muted:#9098ae;--accent:#6963fa;--line:#e9eaf4}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 5% 0%,#d8d1ff 0,transparent 39%),radial-gradient(ellipse at 90% 3%,#c9eaff 0,transparent 39%),#f5f5fc;font:12px 'Noto Sans KR',system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,select,input,summary{touch-action:manipulation}button{cursor:pointer;border:1px solid #e4e4f1;background:#fff;color:#666784;border-radius:7px;padding:8px 12px}button:hover{border-color:#9b98fa;color:#655cf0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9b8bff;outline-offset:2px}input:focus,select:focus,textarea:focus{outline:2px solid #a89cfb;outline-offset:1px}input,select,textarea{border:1px solid #e5e6f0;border-radius:6px;background:#fafaff;color:#4d5270;padding:8px;min-width:0}a{color:inherit;text-decoration:none}.top{height:83px;background:#ffffffdb;backdrop-filter:blur(16px);border-bottom:1px solid #ffffffb0;display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:25px}.logo{font-size:38px;font-weight:900;display:flex;gap:10px;align-items:center;color:#7361f8;line-height:1}.logo>span{font-size:16px;color:#313a61;letter-spacing:1.5px;line-height:1.3}.logo b{color:#7e6afa}.logo small{font-size:9px;letter-spacing:0;display:block;color:#9b9bb2;font-weight:500;margin-top:4px}.top nav{display:flex;gap:28px;font-size:11px;color:#9c9bb5;height:100%;align-items:center}.top nav a.active{color:#6255df;position:relative;font-weight:700}.top nav a.active:after{content:'';position:absolute;bottom:-29px;left:0;right:0;background:#8571fa;height:3px;border-radius:3px}.top-actions{display:flex;gap:8px}.top-actions button:first-child{background:#7865ed;border-color:#7865ed;color:#fff}.top-actions button{font-size:10px;padding:9px 14px}.outline{background:transparent}main{max-width:1600px;margin:auto;padding:0 4%}.hero{display:flex;justify-content:space-between;align-items:center;padding:37px 0 30px}.eyebrow{color:#7d6bd8;font-size:9px;letter-spacing:2px;font-weight:700}h1{font-size:32px;line-height:1.5;letter-spacing:-1.2px;margin:10px 0}h1 span{background:linear-gradient(90deg,#8061fc,#548ffe);background-clip:text;color:transparent}.hero p{color:#9493ad;font-size:11px;margin:12px 0 0}.hero-badge{text-align:right;display:flex;flex-direction:column;gap:10px;padding-right:4px}.hero-badge>span{font-size:8px;letter-spacing:2px;color:#8e85bd}.hero-badge strong{color:#6b66aa;font-size:20px;letter-spacing:-1px}.hero-badge small{font-size:9px;color:#a4a3bb}.metrics{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:14px}.metrics>div{padding:21px 24px;background:#ffffffda;border:1px solid #fff;border-radius:12px;box-shadow:0 5px 20px #6964bf05;display:flex;flex-direction:column;gap:6px}.metrics>div>span{font-size:10px;color:#9595b0;display:flex;align-items:center;gap:9px}.metrics>div>span small{font-size:7px;letter-spacing:.6px;border:1px solid #b7a5ff;padding:3px 5px;border-radius:4px}.metrics strong{font-size:27px;letter-spacing:-.8px;font-variant-numeric:tabular-nums;color:#4f5077}.metrics>div>small{font-size:8px;color:#adaec2}.metrics .power-metric{background:linear-gradient(115deg,#8d63fb 0%,#6d75fa 52%,#72aafc 100%);border:0;box-shadow:0 7px 25px #8270ee30}.metrics .power-metric strong{color:#fff}.metrics .power-metric>span{color:#ede5ff}.metrics .power-metric>small{color:#dcd8ff}.toolbar{display:flex;align-items:center;gap:10px;margin:24px 0 15px;flex-wrap:wrap;font-size:10px}.toolbar>div{display:flex;align-items:center;gap:8px}.toolbar label{color:#86859c}.toolbar select{background:#fff;font-size:10px;height:33px;padding:4px 8px}.target-picker{flex:1}.target-picker select{max-width:230px}.toolbar button{font-size:10px;padding:8px 11px}.toolbar button.active{background:#e7e0ff;border-color:#b7a7f3;color:#7757c3}.subtle{color:#a4a1b4}.toggle{display:flex;gap:5px;align-items:center;font-size:9px}.toggle input{accent-color:#8a75ef}#calc-status{font-size:8px;color:#a19ab9;min-width:100px;text-align:right}.studio{display:grid;grid-template-columns:210px minmax(350px,1fr) 280px;gap:17px;align-items:start}.panel{background:#ffffffed;border:1px solid #e8e8f2;border-radius:12px;box-shadow:0 5px 20px #51558204;overflow:hidden}.panel-heading{padding:18px;display:flex;justify-content:space-between;align-items:center;gap:6px;border-bottom:1px solid #f0eff8}.panel-heading h2{font-size:12px;margin:0}.panel-heading>span{font-size:8px;color:#a9a6bd}.panel-heading button{font-size:8px;padding:5px 7px}.roster>p{font-size:9px;line-height:1.9;color:#a09cb4;margin:15px 16px 12px}.roster>input{margin:0 14px 12px;width:calc(100% - 28px);font-size:10px;padding:9px 10px}#roster{display:grid;grid-template-columns:repeat(2,1fr);padding:0 12px 16px;gap:7px;max-height:540px;overflow:auto}.roster-unit{padding:8px 3px;background:#fcfcff;border:1px solid #eeedf6;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;cursor:grab;min-height:87px}.roster-unit img{width:46px;height:46px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 4px #47416415)}.roster-unit span{font-size:8px;color:#9190aa;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-unit.selected{background:#f0ebff;border-color:#b5a0f6;box-shadow:0 0 0 1px #d5c8ff inset}.roster-unit.selected span{color:#7960bb;font-weight:600}.legend{border-top:1px solid var(--line);padding:15px 17px;display:flex;flex-wrap:wrap;gap:9px;font-size:8px;color:#9c98b0}.legend b{flex-basis:100%;color:#8e86a8;font-weight:500}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:3px}.yellow{background:#f3ce48}.blue{background:#5e9efb}.rainbow-dot{background:linear-gradient(45deg,#ed98be,#b7abff,#8fddc9)}.source-links{margin:0 17px 17px;font-size:9px;color:#a6a0b8}.source-links a{display:block;margin:9px 0}.source-links summary{cursor:pointer}.board-panel{padding-bottom:10px}.board-caption{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;font-size:8px;color:#a39cb4}.board-caption b{font-weight:500;color:#8b72c8}.side-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9181ec;margin-right:4px}.partner-dot{background:#63a8ed}.board{position:relative;max-width:510px;width:calc(100% - 36px);margin:0 auto;border-radius:8px;overflow:hidden;aspect-ratio:7/11;background-size:100% 100%;background-color:#252237;box-shadow:0 9px 25px #23213926;isolation:isolate;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(11,1fr)}.tile{border:0;border-radius:0;padding:0;position:relative;display:flex;align-items:center;justify-content:center;background:transparent;min-width:0;min-height:0;overflow:visible;touch-action:manipulation}.tile.buildable{background:#c2b7ff0a;box-shadow:inset 0 0 0 1px #ffffff10;cursor:crosshair}.tile.buildable:hover{background:#bc9df94d;box-shadow:inset 0 0 0 2px #e8dbff99}.tile.lane{pointer-events:none}.tile.center-lane{pointer-events:none;z-index:3}.tile .unit-image{width:94%;height:94%;object-fit:contain;pointer-events:none;z-index:2;filter:drop-shadow(0 3px 3px #17112766)}.tile.occupied{cursor:grab}.tile.selected{box-shadow:inset 0 0 0 2px #ebccff,inset 0 0 15px #c4a8ff66;z-index:5}.tile.in-range{background:#b6a2ed35}.tile.in-range:after{content:'';position:absolute;inset:2px;border:1px solid #b5b5ff55;pointer-events:none}.tile.drag-over{background:#d6c5ff88;box-shadow:inset 0 0 0 2px #f7e5ff}.tile .tile-lib{position:absolute;right:3px;bottom:3px;z-index:4;color:#fff;font-size:7px;padding:1px 3px;background:#302b58b3;border:1px solid #c6adf26b;border-radius:3px;pointer-events:none}.tile .tile-level{position:absolute;top:3px;left:3px;z-index:4;color:#eee8ff;font-size:7px;text-shadow:0 1px 3px #000;pointer-events:none}.flame{position:absolute;inset:0;z-index:1;pointer-events:none;mask-image:url('/assets/fx/liberation-flame.webp');mask-size:2500% 100%;mask-repeat:no-repeat;mask-position:0 0;animation:flame 2.01s steps(24) infinite;background:linear-gradient(0deg,#fff3a0 10%,#ffe94a 45%,#f5c93a 90%);mix-blend-mode:screen}.flame.stage-2{background:linear-gradient(0deg,#a8ecff 10%,#5cb8ff 45%,#3f6cf0 90%)}.flame.stage-3{background-image:linear-gradient(0deg,#ffffff40,#beaaff33),url('/assets/fx/liberation-rainbow.webp');background-size:100% 100%,100% 20%;background-repeat:no-repeat,repeat-y}.no-animation .flame{animation:none;mask-position:25% 0}@keyframes flame{from{mask-position:0 0}to{mask-position:100% 0}}@media(prefers-reduced-motion:reduce){.flame{animation:none;mask-position:25% 0}}#board-message{margin:0 18px 10px;padding:10px;background:#f8f6ff;border-radius:5px;color:#a59ab9;font-size:9px;line-height:1.8}.board-foot{display:flex;justify-content:space-between;gap:10px;padding:0 18px;font-size:7px;color:#b1aabd}.range-square{display:inline-block;width:7px;height:7px;background:#baa9eb60;border:1px solid #b4a1db;margin:0 3px}.selected-unit{display:flex;align-items:center;gap:13px;padding:18px}.selected-unit img{width:55px;height:59px;object-fit:contain;background:linear-gradient(140deg,#eee5ff,#e6f1ff);border-radius:10px;padding:5px}.selected-unit small{font-size:8px;color:#a398ba}.selected-unit h3{margin:5px 0;font-size:15px;color:#615a7d}.selected-unit div>span{font-size:8px;color:#b3acc0}.tabs{display:flex;background:#f4f2fb;padding:3px;border-radius:6px;margin:0 17px 15px;gap:3px}.tabs button{flex:1;border:0;background:transparent;font-size:9px;padding:7px;color:#ada3bd}.tabs button.on{background:#fff;color:#8162bf;box-shadow:0 2px 4px #4635780a}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:9px 17px;gap:10px;font-size:9px;color:#9690a7}.setting-row input[type=number]{width:88px;text-align:right;font-size:10px;padding:6px 8px;background:#f8f7fd}.setting-row select{font-size:9px;padding:6px;width:130px}.setting-row small{font-size:7px;color:#b8b0c4}.section-title{font-size:10px;color:#837396;margin:18px 17px 9px;border-top:1px solid #efecf5;padding-top:16px;display:flex;justify-content:space-between}.section-title span{font-size:7px;color:#b6acc4}.lib-toggle{margin:8px 17px;padding:11px;background:#f8f5ff;border-radius:6px}.lib-toggle label{display:flex;align-items:center;gap:5px;font-size:9px;color:#9681ae}.lib-toggle input{accent-color:#9875e0}.lib-toggle small{display:block;font-size:7px;color:#b6a8c8;margin-top:5px;line-height:1.9}.gem-row{margin:7px 17px;display:flex;gap:5px}.gem-row select:first-child{flex:1;font-size:8px;width:0}.gem-row select:last-child{width:48px;font-size:8px}.gem-row.locked{opacity:.4}.gem-row select{padding:6px 4px}.gem-note{font-size:7px;color:#b6aec4;margin:0 17px;line-height:1.8}.advanced-unit{font-size:9px;color:#a596b8;margin:18px 17px}.advanced-unit summary{cursor:pointer}.advanced-unit p{font-size:8px;line-height:1.8}textarea{width:100%;min-height:160px;font:10px/1.7 monospace;margin:10px 0;resize:vertical}.advanced-unit button{font-size:9px}.remove{display:block;margin:15px 17px 10px;width:calc(100% - 34px);font-size:9px;color:#b698ae;border-color:#eee3ed;background:#fffcff}#unit-status{font-size:8px;color:#9c8bb3;margin:10px 17px 18px;line-height:1.8}.lower{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin:22px 0}.contributions .empty{padding:20px;color:#b4a8c3}.contribution{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid #f4f0f7}.contribution img{width:34px;height:34px;object-fit:contain}.contribution div{flex:1}.contribution b{font-size:10px;font-weight:500}.contribution small{display:block;font-size:8px;color:#b3a6c2;margin-top:3px}.contribution strong{font-size:12px;color:#8b75ac}.contribution .track{height:3px;background:#f1edf7;margin-top:7px;border-radius:3px}.contribution .track i{display:block;height:3px;background:linear-gradient(90deg,#c7a5f0,#9fbffd);border-radius:3px}.score-guide{padding:21px}.score-guide h2{font-size:13px;color:#7e6b98;margin:0 0 12px}.score-guide p{font-size:10px;line-height:2;color:#b0a4bd}.score-guide p b{color:#9b82b5}.score-guide details{font-size:10px;color:#a28ab7;margin-top:15px}.score-guide summary{cursor:pointer}.score-guide .setting-row{padding-left:0;padding-right:0}.score-guide>details>label{font-size:9px;margin-right:10px}.score-guide select{font-size:9px;margin:12px 0}.import-area{margin-top:20px;border-top:1px solid var(--line);padding-top:17px;font-size:9px;color:#b09fc0}.import-area input{display:block;width:100%;font-size:9px;margin-top:10px}#error{font-size:11px;color:#b66b91;white-space:pre-wrap;margin:15px 0}footer{display:flex;justify-content:space-between;gap:20px;color:#b6adc6;font-size:8px;border-top:1px solid #eae3f1;padding:24px 0 32px}footer a{color:#a393ba}
@media(min-width:1500px){.studio{grid-template-columns:230px minmax(400px,1fr) 310px}.board{max-width:550px}#roster{max-height:620px}.panel-heading{padding:21px}h1{font-size:37px}}
@media(max-width:1150px){main{padding:0 24px}.top{padding:0 24px}.studio{grid-template-columns:170px minmax(300px,1fr) 240px;gap:12px}.top nav{gap:15px;font-size:9px}.hero{padding-top:28px}.metrics>div{padding:17px}.metrics strong{font-size:24px}.roster>p{font-size:8px}.setting-row{padding:8px 12px}.gem-row{margin:7px 12px}.board-caption{font-size:7px}.panel-heading{padding:14px}.panel-heading h2{font-size:11px}.board{width:calc(100% - 20px)}.board-foot{flex-wrap:wrap}.hero-badge{display:none}}
@media(max-width:950px){.studio{grid-template-columns:150px minmax(290px,1fr)}.inspector{grid-column:1/-1}.inspector #basic-settings{display:grid;grid-template-columns:repeat(2,1fr)}.inspector .tabs{max-width:300px}.inspector .selected-unit{padding-bottom:10px}.inspector #gem-settings{display:grid;grid-template-columns:repeat(3,1fr)}.gem-row select:first-child{min-width:70px}.metrics{grid-template-columns:repeat(2,1fr)}.top nav a:not(.active){display:none}.metrics strong{font-size:26px}.lower{grid-template-columns:1fr}.board{max-width:470px}#roster{max-height:600px}}
@media(max-width:600px){.top{padding:0 15px;height:70px;gap:10px}.logo{font-size:29px}.logo>span{font-size:12px}.top nav{display:none}.top-actions button{font-size:8px;padding:8px}.logo small{font-size:7px}main{padding:0 12px}.hero{padding:24px 4px 20px}h1{font-size:26px}.hero p{font-size:9px}.eyebrow{font-size:7px}.metrics{gap:8px}.metrics>div{padding:15px 13px;gap:6px;border-radius:10px}.metrics strong{font-size:24px}.metrics>div>span{font-size:8px;gap:5px}.metrics>div>span small{font-size:5px}.metrics>div>small{font-size:7px}.studio{display:flex;flex-direction:column;gap:12px}.roster,.board-panel,.inspector{width:100%}.roster>p{display:none}.roster .panel-heading{border:0;padding-bottom:10px}.roster>input{position:absolute;right:20px;margin-top:-34px;width:130px;padding:5px;font-size:8px;height:27px}.roster{position:relative}.roster .panel-heading>span{display:none}#roster{display:flex;overflow:auto;padding:0 12px 12px;max-height:none;gap:6px}.roster-unit{min-width:67px;min-height:75px;padding:5px;gap:5px}.roster-unit img{width:40px;height:40px}.roster-unit span{font-size:7px}.legend{padding:10px 14px;gap:15px}.legend b{flex-basis:auto}.source-links{display:none}.toolbar{gap:6px;margin:17px 0 12px}.toolbar .target-picker{flex:1}.toolbar .target-picker select{width:140px}.toolbar label{font-size:8px}.toolbar button{font-size:8px;padding:7px}.toggle{margin-left:auto}#calc-status{font-size:7px}.board{max-width:420px;width:calc(100% - 24px)}.board-caption{padding:11px 14px}.panel-heading{padding:15px}.panel-heading h2{font-size:12px}.inspector #gem-settings{grid-template-columns:1fr}.setting-row{font-size:10px}.setting-row input[type=number]{font-size:11px}.gem-row select:first-child{font-size:10px}.gem-row select:last-child{font-size:10px}.selected-unit h3{font-size:17px}.lower{margin-top:13px}.score-guide p{font-size:10px}footer{flex-direction:column;font-size:8px;line-height:1.9;gap:8px}.board .tile .tile-lib,.board .tile .tile-level{font-size:6px}.board-foot{font-size:7px}}

.board.side-view{aspect-ratio:7/5;background-size:100% 220%;background-position:center bottom;grid-template-rows:repeat(5,1fr)}.board.side-view.partner-view{background-position:center top}.board-views{display:flex;gap:3px}.board-views button{font-size:8px;padding:5px 8px;border-color:transparent;background:#f6f3fc;color:#9386aa}.board-views button.on{background:#e9e0ff;color:#7156a8;border-color:#d5c5f3}.roster>p,.board-caption,.setting-row,.gem-note,.hero p,.score-guide p,.contribution small{color:#82768f}.source-links,.legend,.metrics>div>small,.board-foot,footer{color:#91859f}.metrics>div>span{color:#827790}.metrics .power-metric>span{color:#f0eaff}.metrics .power-metric>small{color:#e6deff}

.trait-row{display:flex;gap:5px;margin:7px 0}.trait-row select:first-child{flex:1;width:0;font-size:9px}.trait-row select:nth-child(2){width:55px;font-size:9px}.trait-row input{width:65px;font-size:9px;text-align:right}

.logo>img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 3px 5px #805dd52b)}.logo>span{letter-spacing:-.4px;font-size:20px}.logo small{letter-spacing:0}@media(max-width:600px){.logo>img{width:38px;height:38px}.logo>span{font-size:16px}}

/* Placed character overlays */
.flame{transform:scale(1.38,1.2);transform-origin:center}.tile .unit-image{width:88%;height:82%;margin-bottom:10%}.tile .tile-level{left:auto;right:3px;top:3px;bottom:auto;padding:2px 4px;border:1px solid #d5baff88;border-radius:4px;background:#302b58d9;color:#fff;font-size:clamp(7px,1vw,10px);font-weight:700;line-height:1.15;white-space:nowrap;z-index:5;font-variant-numeric:tabular-nums}.tile-gems{position:absolute;bottom:2px;left:5%;right:5%;height:24%;display:flex;justify-content:center;align-items:center;gap:1px;z-index:4;pointer-events:none}.tile-gem{position:relative;display:block;width:29%;max-width:24px;aspect-ratio:1;filter:drop-shadow(0 1px 2px #0009)}.tile-gem img{position:absolute;pointer-events:none;object-fit:contain}.tile-gem .stone{inset:0;width:100%;height:100%}.tile-gem .glyph{left:15%;top:15%;width:70%;height:70%}.tile-gem.locked{opacity:.4;filter:grayscale(.7)}.skin-note{font-size:8px;line-height:1.8;color:#8b779e;margin:3px 17px 12px}@media(max-width:600px){.board .tile .tile-level{font-size:8px;right:2px;top:2px;padding:1px 3px}.tile-gems{bottom:1px}.skin-note{font-size:9px}}

.optimizer-panel{margin:0 0 17px;padding:17px 19px}.optimizer-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.optimizer-actions>div{flex:1;min-width:250px}.optimizer-actions h2{font-size:12px;margin:0 0 7px;color:#7560b7}.optimizer-actions p{font-size:9px;color:#8e82a0;line-height:1.8;margin:0}.optimizer-actions label{font-size:8px;color:#8e82a0}.optimizer-actions select{display:block;margin-top:4px;font-size:9px}.optimizer-actions button{font-size:10px}#optimize{background:linear-gradient(110deg,#8762f5,#718bfb);color:white;border:0}button:disabled{opacity:.45;cursor:default}#optimizer-status{font-size:9px;color:#8a74aa;margin-top:12px;line-height:1.8}.cache-line{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid #efebf6;margin-top:12px;padding-top:10px;font-size:8px;color:#9a8cab}.cache-line button{font-size:8px;padding:5px 8px}.cache-line small{font-size:8px}@media(max-width:600px){.optimizer-panel{padding:14px}.optimizer-actions>div{min-width:100%}.optimizer-actions button{font-size:9px}.optimizer-actions label{flex:1}.optimizer-actions select{width:100%}}

.field-controls{display:flex;flex-wrap:wrap;gap:10px;padding:12px;background:#efedff;border-radius:12px;margin-bottom:12px}.field-controls label{display:flex;align-items:center;gap:6px}.field-controls input{width:55px}.field-controls small{flex-basis:100%;color:#625d7b;line-height:1.6}.tile.heli-mark{box-shadow:inset 0 0 0 3px #f5c349}.tile.storm-mark{background-color:#9c64df55}.field-badge{position:absolute;z-index:5;top:24%;left:2%;font-size:10px;color:white;background:#4b326dbb;border-radius:3px;padding:1px 3px;pointer-events:none}

.traits-panel{margin-bottom:17px;padding:17px 19px}.traits-panel h2{margin:0;color:#7560b7;font-size:14px}.traits-panel p{margin:7px 0;color:#8e82a0;font-size:11px}.traits-summary-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px;font-size:11px}.traits-summary-row>b{min-width:52px}.trait-chip{padding:5px 8px;border-radius:7px;background:#efedff;color:#67538e}.traits-summary-row button{font-size:10px}#traits-dialog{width:min(650px,92vw);max-height:85vh;overflow:auto;border:1px solid #d8d0ed;border-radius:18px;padding:24px;background:#fff;color:#443d58;box-shadow:0 20px 80px #554a7855}#traits-dialog::backdrop{background:#30264f66;backdrop-filter:blur(4px)}#traits-dialog .panel-heading h2{font-size:18px}#traits-dialog .tabs{margin:16px 0}#trait-count{font-size:12px;color:#7560b7}.trait-editor-row{display:grid;grid-template-columns:minmax(130px,1fr) 65px 115px 55px;gap:8px;padding:12px 0;border-bottom:1px solid #eee9f5}.trait-editor-row select{width:100%;min-width:0}.trait-editor-row small{grid-column:1/-1;color:#8e82a0;font-size:11px}.trait-amount{display:flex;align-items:center;gap:4px}.trait-amount input{width:75px;min-width:0}.trait-help{font-size:12px;color:#8e82a0;line-height:1.8}#add-trait{width:100%;margin-top:16px;color:#7560b7}@media(max-width:540px){.trait-editor-row{grid-template-columns:minmax(110px,1fr) 55px 95px}.trait-editor-row>button{grid-column:3}.trait-amount input{width:60px}#traits-dialog{padding:16px}}

[hidden]{display:none!important}.preset-panel{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px;margin-bottom:17px}.preset-panel>div{flex:1;min-width:220px}.preset-panel h2{font-size:14px;color:#7560b7;margin:0 0 7px}.preset-panel p,.preset-panel label,#preset-status{font-size:11px;color:#8e82a0}.preset-panel p{margin:0}.preset-panel select{margin-left:8px}.preset-panel [data-preset]{background:#efedff;color:#67538e}

.partner-panel{display:flex;align-items:center;justify-content:space-between;padding:18px;margin-bottom:17px}.partner-panel h2{font-size:14px;color:#7560b7;margin:0 0 7px}.partner-panel p,.gem-help{font-size:11px;line-height:1.8;color:#8e82a0;margin:5px 0}.gem-lab{padding:18px;margin-bottom:17px}.gem-lab h2{font-size:14px;color:#7560b7}.gem-lab .panel-heading label{font-size:11px}.gem-lab details{padding:12px 0}.gem-lab summary{font-size:12px;color:#7560b7;cursor:pointer}#codex-settings{display:flex;gap:18px;flex-wrap:wrap}#codex-settings .setting-row{min-width:220px;padding:8px 0}#defence-note{font-size:12px;color:#68528f;padding:10px;background:#f4f1ff;border-radius:8px}.gem-inventory-add{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.gem-inventory-add input{width:65px}.owned-gem-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #f0ebf8;font-size:12px}.owned-gem-row>span:not(.owned-gem-icon){flex:1}.owned-gem-row input{width:65px}.owned-gem-row small{color:#8e82a0}.owned-gem-row .stock-short{color:#c54d6a}.owned-gem-icon{position:relative;display:inline-block;width:30px;height:30px;flex:none;vertical-align:middle}.owned-gem-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.owned-gem-icon img+img{inset:15%;width:70%;height:70%}.gem-recommend-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}#gem-search-status{font-size:11px;color:#7560b7}#gem-preview{background:#f6f3ff;padding:15px;margin-top:14px;border-radius:12px;font-size:12px}.gem-proposal-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 0}.gem-proposal-row>b{min-width:100px}.gem-proposal-row>span{display:flex;align-items:center;font-size:11px;gap:5px}#gem-preview button{margin:10px 8px 0 0}@media(max-width:600px){.owned-gem-row{flex-wrap:wrap}.owned-gem-row small{width:100%}.gem-inventory-add select{max-width:100%}.gem-lab .panel-heading{flex-wrap:wrap}}