/* The board stays in view; editing happens in native, focus-trapped dialogs. */
html{scroll-behavior:smooth}body:has(dialog[open]){overflow:hidden}.studio{grid-template-columns:210px minmax(0,1fr);align-items:start}.studio>*{min-width:0}.board{max-width:650px}.settings-launcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 17px}.settings-launcher>button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:16px 19px;border-color:#e2d9f6;background:linear-gradient(135deg,#fff,#f5f1ff);color:#6a52a0;min-width:0}.settings-launcher b{font-size:15px}.settings-launcher small{font-size:11px;color:#8d7da9}.settings-summary{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px;color:#847498;padding:0 5px}.roster-portrait{display:block;position:relative;width:76px;height:76px;flex:none}.roster-unit .roster-portrait>img{position:absolute;width:85%;height:80%;inset:8% 7.5% 12%;object-fit:contain}.roster-unit .roster-level{position:absolute;right:0;top:0;z-index:5;background:#413464e8;border-radius:4px;color:#fff;font:bold 10px/1.2 sans-serif;padding:2px 4px;white-space:nowrap}.roster-portrait .tile-gems{height:26%;bottom:0;left:0;right:0}.roster-portrait .tile-gem{width:28%;max-width:24px}.roster-unit .tile-gem img{width:100%;height:100%}.roster-unit .tile-gem .glyph{width:70%;height:70%}.roster-unit .roster-name{font-size:10px;color:#74618d}.roster-unit{min-width:0}#board-unit-settings{font-size:11px;color:#74559f;padding:7px 10px}.settings-dialog,#traits-dialog.settings-dialog{width:min(720px,calc(100% - 32px));max-width:720px;max-height:90dvh;padding:0;border:1px solid #d9d1eb;border-radius:20px;background:#fff;color:#514664;box-shadow:0 24px 90px #30234d55;overflow:hidden}.settings-dialog[open],#traits-dialog.settings-dialog[open]{display:flex;flex-direction:column}.settings-dialog::backdrop{background:#30234d80;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:18px 22px;background:linear-gradient(105deg,#f7f3ff,#eff4ff);border-bottom:1px solid #e9e2f3}.dialog-top h2{font-size:18px;color:#675087;margin:0}.dialog-top button{font-size:13px;min-height:40px;min-width:60px}.dialog-content{overflow-y:auto;overscroll-behavior:contain;padding:20px;min-height:0}.settings-dialog .panel{border:0;box-shadow:none;border-radius:0;margin:0;padding:0}.settings-dialog .panel-heading{padding:0 0 15px}.settings-dialog .panel-heading h2{font-size:14px}.settings-dialog .selected-unit{padding:0 0 15px}.settings-dialog .setting-row{font-size:13px;padding:10px 0;gap:12px}.settings-dialog .setting-row input[type=number]{font-size:14px;min-height:40px;width:100px}.settings-dialog .setting-row select{font-size:13px;min-height:40px;width:175px}.settings-dialog #basic-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.settings-dialog #gem-settings{display:block}.settings-dialog .gem-row{margin:10px 0;gap:8px}.settings-dialog .gem-row select:first-child{min-width:0;font-size:13px;min-height:42px}.settings-dialog .gem-row select:last-child{width:75px;font-size:13px}.settings-dialog .tabs{margin:0 0 15px;max-width:none}.settings-dialog .tabs button{font-size:13px;min-height:42px}.settings-dialog .lib-toggle{margin:10px 0}.settings-dialog .lib-toggle label{font-size:13px}.settings-dialog .lib-toggle small,.settings-dialog .skin-note{font-size:11px}.settings-dialog .section-title{margin:20px 0 10px;font-size:13px}.settings-dialog .section-title span{font-size:10px}.settings-dialog .advanced-unit{margin:20px 0;font-size:12px}.settings-dialog .advanced-unit p{font-size:11px}.settings-dialog textarea{font-size:12px}.settings-dialog .remove{margin:15px 0;width:100%;font-size:13px;min-height:42px}.settings-dialog #unit-status{font-size:12px;margin:10px 0}.settings-dialog .selected-unit h3{font-size:20px}.settings-dialog .selected-unit small,.settings-dialog .selected-unit div>span{font-size:12px}.settings-dialog .gem-help,.settings-dialog .trait-help{font-size:12px}.settings-dialog .gem-lab .panel-heading label{font-size:12px}.settings-dialog #codex-settings{display:block}.settings-dialog #codex-settings .setting-row{min-width:0}.settings-dialog .gem-inventory-add select{min-width:0}.settings-dialog .gem-inventory-add input{width:65px}.settings-dialog .owned-gem-row{gap:8px}.settings-dialog .owned-gem-row>span:not(.owned-gem-icon){min-width:130px}.settings-dialog .trait-editor-row{grid-template-columns:minmax(0,1fr) 70px 125px 65px}.settings-dialog .trait-editor-row select,.settings-dialog .trait-editor-row input{font-size:14px;min-height:40px}.settings-dialog .trait-editor-row small{font-size:11px}.settings-dialog .trait-editor-row button{font-size:12px}.settings-dialog #add-trait{min-height:42px;font-size:13px}.settings-dialog .traits-summary-row{font-size:12px}.settings-dialog .trait-chip{font-size:11px}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #b59bf3;outline-offset:2px}
@media(min-width:1000px){.top{height:88px}.hero{padding-top:32px;padding-bottom:26px}.metrics>div{padding:21px}.toolbar button,.toolbar select{font-size:12px;min-height:38px}.toolbar label{font-size:11px}.panel-heading h2{font-size:14px}.roster .panel-heading{padding:16px}#roster{max-height:670px}.roster-unit{padding:7px 3px}.roster>input{font-size:12px}.preset-panel button,.preset-panel select,.partner-panel button{font-size:12px;min-height:40px}.board-caption{font-size:11px}.board-views button{font-size:11px;min-height:36px}.field-controls{margin:0 15px 12px;font-size:12px}.field-controls small{font-size:11px}.field-controls input,.field-controls select,.field-controls button{font-size:12px;min-height:36px}.contribution b{font-size:13px}.contribution small{font-size:11px}.contribution strong{font-size:15px}}
@media(min-width:601px) and (max-width:999px){main{padding:0 20px}.studio{grid-template-columns:150px minmax(0,1fr)}.roster-portrait{width:60px;height:65px}.roster-unit .roster-name{font-size:9px}.settings-launcher b{font-size:14px}.top{gap:12px}.top-actions button{font-size:11px}.field-controls{margin:0 12px 12px}.toolbar{flex-wrap:wrap}.toolbar .target-picker{max-width:100%}.lower{grid-template-columns:1fr}}
@media(max-width:600px){
 body{font-size:14px}main{padding:0 12px;max-width:100%;width:100%;box-sizing:border-box}.top{height:68px;padding:0 14px;gap:8px}.top .logo{gap:7px;min-width:0}.top .logo img{width:34px;height:34px}.top .logo>span{font-size:16px}.top .logo small{font-size:9px}.top-actions{gap:6px;margin-left:auto}.top-actions button{font-size:11px;padding:8px;min-height:40px}.top-actions #export{font-size:0;min-width:58px}.top-actions #export:after{content:'JSON';font-size:11px}.hero{padding:23px 2px 18px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}.hero h1{font-size:27px;line-height:1.4;letter-spacing:-1px}.hero p{font-size:12px;line-height:1.7;margin-top:10px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0}.metrics>div{min-width:0;padding:15px 12px;gap:8px;border-radius:14px}.metrics strong{font-size:25px;line-height:1.2;overflow-wrap:anywhere;letter-spacing:-.5px}.metrics>div>span{font-size:11px;flex-wrap:wrap}.metrics>div>span small{font-size:7px}.metrics>div>small{font-size:10px;line-height:1.5}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.toolbar>div{display:flex;align-items:center;gap:6px;min-width:0}.toolbar>div:first-child{flex:1 1 100px}.toolbar .target-picker{flex:2 1 175px;min-width:0}.toolbar .target-picker select{width:100%;min-width:0;max-width:100%}.toolbar label{font-size:11px;white-space:nowrap}.toolbar select{width:100%;font-size:13px;min-height:42px;padding:8px}.toolbar button{min-height:40px;font-size:12px;padding:8px 11px}.toolbar .toggle{font-size:11px;margin-left:0}.toolbar #calc-status{flex-basis:100%;font-size:11px;line-height:1.5}.partner-panel{padding:13px 14px;gap:10px;margin-bottom:12px}.partner-panel h2{font-size:13px}.partner-panel p{font-size:11px;line-height:1.6}.partner-panel button{font-size:12px;min-height:42px;white-space:nowrap}.settings-launcher{position:sticky;top:0;z-index:20;gap:7px;padding:9px 0 8px;margin-bottom:8px;background:#f6f3fff2;backdrop-filter:blur(12px)}.settings-launcher>button{padding:12px 9px;gap:4px;align-items:center;min-height:61px;border-radius:12px}.settings-launcher b{font-size:13px}.settings-launcher small{font-size:9px;white-space:nowrap}.settings-summary{font-size:10px;gap:3px;padding:2px}.preset-panel{padding:14px;gap:8px;margin-bottom:12px}.preset-panel>div{min-width:100%;flex-basis:100%}.preset-panel h2{font-size:13px}.preset-panel p{font-size:11px;line-height:1.6}.preset-panel label{display:flex;align-items:center;gap:5px;flex-basis:100%;font-size:12px}.preset-panel select{font-size:13px;min-height:40px;flex:1;margin-left:0}.preset-panel [data-preset]{flex:1;min-height:44px;padding:9px;font-size:12px}#preset-status{font-size:11px;line-height:1.5}.studio{display:flex;flex-direction:column;gap:12px}.roster{order:0;min-width:0;border-radius:15px}.roster .panel-heading{padding:14px 13px 10px}.roster .panel-heading h2{font-size:13px}.roster>input{right:13px;top:13px;margin:0;width:125px;font-size:12px;height:32px}.roster #roster{gap:7px;padding:0 10px 12px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.roster-unit{width:84px;min-width:84px;min-height:104px;padding:5px 4px;gap:5px;border-radius:10px}.roster-portrait{width:70px;height:74px}.roster-unit .roster-name{font-size:10px;white-space:nowrap}.roster-unit .roster-level{font-size:10px}.roster .legend{display:none}.board-panel{order:1;min-width:0;border-radius:15px}.board-panel>.panel-heading{padding:14px 12px;gap:8px}.board-panel>.panel-heading h2{font-size:13px}.board-panel>.panel-heading>div{display:flex;gap:5px}.board-panel>.panel-heading button{font-size:11px;min-height:38px;padding:7px 9px}.board-caption{padding:10px 12px;gap:5px;flex-wrap:wrap;font-size:10px}.board-views button{font-size:11px;min-height:36px;padding:6px 9px}#board-unit-settings{font-size:11px;min-height:36px;padding:6px 8px}.field-controls{margin:0 10px 10px;padding:10px;gap:8px;border-radius:10px;font-size:11px}.field-controls>label:first-child{width:100%;display:flex}.field-controls>label:first-child select{flex:1;min-width:0}.field-controls select{font-size:12px;min-height:40px;padding:7px}.field-controls input{font-size:14px;min-height:38px;width:52px}.field-controls button{font-size:11px;min-height:38px;padding:7px}.field-controls small{font-size:10px;line-height:1.6}.board{width:calc(100% - 20px);max-width:none;margin:0 10px 12px}.board .tile .tile-level{font-size:9px;right:2px;top:2px;max-width:96%;padding:1px 2px}.field-badge{font-size:8px;top:27%;padding:1px}.tile-gems{height:23%}#board-message{margin:0 10px 10px;padding:10px;font-size:11px}.board-foot{padding:0 12px 12px;font-size:9px;line-height:1.6}.lower{display:flex;flex-direction:column;gap:12px;margin-top:14px}.contributions .panel-heading{padding:14px}.contributions .panel-heading h2{font-size:13px}.contribution{padding:12px;gap:8px}.contribution b{font-size:13px}.contribution small{font-size:10px;line-height:1.6}.contribution strong{font-size:14px}.contribution img{width:36px;height:36px}.score-guide{padding:16px}.score-guide h2{font-size:14px}.score-guide p{font-size:12px;line-height:1.8}.score-guide details{font-size:12px}.score-guide .setting-row{font-size:12px;min-width:0}.score-guide .setting-row input,.score-guide .setting-row select{font-size:16px;min-height:42px}.score-guide select{font-size:14px}.import-area,.import-area input{font-size:12px}footer{font-size:10px;line-height:1.8;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
 .settings-dialog,#traits-dialog.settings-dialog{position:fixed;inset:auto 0 0;width:100%;max-width:100%;max-height:94dvh;margin:0;border-radius:20px 20px 0 0;border-width:1px 0 0}.dialog-top{padding:15px 16px}.dialog-top h2{font-size:17px}.dialog-top button{font-size:13px;min-height:42px}.dialog-content{padding:16px 14px calc(24px + env(safe-area-inset-bottom));max-width:100%;box-sizing:border-box}.settings-dialog input,.settings-dialog select,.settings-dialog textarea{font-size:16px!important;min-height:44px;box-sizing:border-box;max-width:100%}.settings-dialog button{min-height:44px;font-size:13px}.settings-dialog .setting-row{font-size:13px;padding:9px 0;min-width:0}.settings-dialog .setting-row input[type=number]{width:100px;min-width:0}.settings-dialog .setting-row select{width:170px;min-width:0}.settings-dialog #basic-settings{grid-template-columns:1fr;gap:0}.settings-dialog .gem-row{margin:10px 0;gap:7px}.settings-dialog .gem-row select:first-child{flex:1;min-width:0;width:0;padding-left:8px}.settings-dialog .gem-row select:last-child{width:72px}.settings-dialog .trait-editor-row{grid-template-columns:minmax(0,1fr) 74px;gap:8px;padding:14px 0}.settings-dialog .trait-editor-row>select:first-child{grid-column:1/-1}.settings-dialog .trait-editor-row>select:nth-child(2){grid-column:1;width:100%}.settings-dialog .trait-amount{grid-column:1;grid-row:3;gap:8px}.settings-dialog .trait-amount input{width:100px;flex:1}.settings-dialog .trait-editor-row>button{grid-column:2;grid-row:2/4}.settings-dialog .trait-editor-row small{grid-column:1/-1;line-height:1.6}.settings-dialog #traits-summary{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #eee7f5}.settings-dialog .traits-summary-row{gap:6px;font-size:11px}.settings-dialog .trait-chip{font-size:10px}.settings-dialog .traits-summary-row button{font-size:11px;min-height:36px}.settings-dialog .gem-lab .panel-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.settings-dialog .gem-lab .panel-heading>h2{display:none}.settings-dialog .gem-lab .panel-heading label{display:flex;align-items:center;gap:8px;font-size:12px;width:100%}.settings-dialog #gem-side{flex:1;min-width:0}.settings-dialog #defence-note{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.settings-dialog .gem-help{font-size:11px;line-height:1.8}.settings-dialog .gem-inventory-add{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:8px}.settings-dialog #stock-gem{grid-column:1/-1;width:100%}.settings-dialog #stock-grade{min-width:0;width:100%}.settings-dialog #stock-count{width:100%}.settings-dialog #add-stock,.settings-dialog #collect-stock{grid-column:1/-1}.settings-dialog .owned-gem-row{display:grid;grid-template-columns:32px minmax(0,1fr) 66px 55px;gap:7px;padding:12px 0}.settings-dialog .owned-gem-row>span:not(.owned-gem-icon){min-width:0;font-size:11px;overflow-wrap:anywhere}.settings-dialog .owned-gem-row input{width:66px;min-width:0;padding:6px}.settings-dialog .owned-gem-row button{padding:6px;font-size:11px}.settings-dialog .owned-gem-row small{grid-column:2/-1;width:auto;font-size:10px}.settings-dialog .owned-gem-row>button{grid-column:4;grid-row:1}.settings-dialog #recommend-gems{width:100%;font-size:13px}.settings-dialog .gem-proposal-row>b{min-width:100%;font-size:13px}.settings-dialog .gem-proposal-row>span{font-size:11px}.settings-dialog #gem-preview{padding:12px;font-size:12px}.settings-dialog #gem-preview>button{width:100%;margin:8px 0 0}.settings-dialog #inventory-list{font-size:12px;line-height:1.7}.settings-dialog .advanced-unit button{width:100%}
}
@media(max-width:360px){.top .logo>span{font-size:14px}.top .logo small{font-size:8px}.top-actions button{font-size:10px;padding:6px}.hero h1{font-size:24px}.metrics strong{font-size:22px}.settings-launcher small{font-size:8px}.board-panel>.panel-heading button{font-size:10px;padding:6px}.field-controls small{font-size:9px}.board .tile .tile-level{font-size:8px}.field-badge{font-size:7px}}

.traits-overview{font-size:12px;color:#8b75a2;margin-bottom:16px}.traits-overview summary{cursor:pointer;padding:5px 0}.settings-dialog .inspector>.panel-heading{justify-content:flex-end;padding:0 0 12px}.settings-dialog .inspector>.panel-heading h2,.settings-dialog .gem-lab .panel-heading h2{display:none}.preset-panel p{word-break:keep-all}

@media(max-width:600px){.board-panel{scroll-margin-top:128px}}

.damage-results{margin:0 0 20px;padding:20px 24px;background:linear-gradient(110deg,#f0eaff,#edf2ff);border:1px solid #e2d8f7;border-radius:18px;color:#51416d}.damage-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.damage-heading b{font-size:14px}.damage-heading small{font-size:11px;color:#8b75a2}.damage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}.damage-grid>div{display:flex;flex-direction:column;gap:6px;min-width:0}.damage-grid span{font-size:12px;color:#8b75a2}.damage-grid strong{font-size:27px;color:#6545b0;overflow-wrap:anywhere}.damage-results p{font-size:11px;line-height:1.7;margin:0;color:#8b75a2;word-break:keep-all}
@media(max-width:600px){.damage-results{padding:15px 14px;margin-bottom:14px;border-radius:14px}.damage-heading{gap:5px}.damage-heading b{font-size:12px}.damage-heading small{font-size:10px}.damage-grid{gap:8px;margin:12px 0}.damage-grid strong{font-size:19px}.damage-grid span{font-size:11px}.damage-results p{font-size:10px}}

.giant-panel{padding:20px 24px;margin:0 0 20px}.giant-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.giant-heading h2{font-size:15px;margin:0 0 7px}.giant-heading p{font-size:12px;color:#8b75a2;margin:0}.giant-heading>div:last-child{display:flex;gap:8px}#giant-status{font-size:13px;color:#6545b0;line-height:1.7;margin-top:15px}.giant-panel>small{display:block;font-size:10px;color:#8b75a2;line-height:1.7;margin-top:12px}.giant-phases{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.phase-card{display:flex;flex-direction:column;gap:8px;min-width:0;background:#f6f3fc;border:1px solid #e9e1f3;padding:13px;border-radius:12px;margin-top:12px}.phase-card b{font-size:12px;color:#8b75a2}.phase-card strong{font-size:16px;color:#70568e}.phase-card small{font-size:10px;color:#8b75a2;line-height:1.6}.phase-card.cleared{background:#eeebff;border-color:#bca9ee}.phase-card.cleared strong{color:#6848bb}
@media(max-width:600px){.giant-panel{padding:15px 14px;margin-bottom:14px}.giant-heading{gap:12px}.giant-heading h2{font-size:13px}.giant-heading p{font-size:10px;line-height:1.7}.giant-heading button{min-height:42px;font-size:12px}.giant-phases{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.phase-card{margin-top:8px;padding:12px}.phase-card strong{font-size:15px}#giant-status{font-size:12px}}

.unit-library-help{font-size:12px;line-height:1.8;color:#8b75a2;margin:0 0 16px}.unit-library-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.unit-library-tools label{display:flex;align-items:center;gap:8px;font-size:12px;color:#8b75a2}.unit-library-tools select,.unit-library-tools input{min-height:42px;font-size:13px}.unit-library-tools input{flex:1;min-width:130px;width:160px}.unit-library-tools>span{font-size:11px;color:#9b8cb0}.unit-library-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.unit-library-grid .roster-unit{width:100%;min-height:130px;display:flex;flex-direction:column;align-items:center;gap:9px;padding:12px 5px;border-radius:13px;background:#fcfaff;border:1px solid #eae2f5;cursor:pointer}.unit-library-grid .roster-unit:hover,.unit-library-grid .roster-unit.selected{border-color:#baa6f3;background:#f0eaff}.unit-library-grid .roster-portrait{width:88px;height:88px}.unit-library-grid .roster-name{font-size:12px}.unit-dialog-heading{display:flex;align-items:center;gap:12px}.unit-dialog-heading #unit-library-back{font-size:12px;color:#7a5aaf;background:#fff8;padding:8px;white-space:nowrap}#unit-library-empty{font-size:13px;color:#8b75a2;padding:25px 0;text-align:center}
@media(max-width:600px){.unit-library-help{font-size:11px;margin-bottom:12px}.unit-library-tools{gap:8px}.unit-library-tools label{flex:1}.unit-library-tools select{flex:1;min-width:0}.unit-library-tools input{order:3;flex-basis:100%;width:100%}.unit-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.unit-library-grid .roster-unit{min-width:0;min-height:116px;padding:8px 3px;gap:7px}.unit-library-grid .roster-portrait{width:74px;height:80px}.unit-library-grid .roster-name{font-size:10px;white-space:normal;line-height:1.5}.unit-dialog-heading{gap:8px}.unit-dialog-heading #unit-library-back{min-width:0;font-size:11px;padding:7px}.unit-dialog-heading h2{font-size:15px}}
@media(max-width:360px){.unit-library-grid .roster-portrait{width:64px;height:72px}.unit-library-grid .roster-unit{min-height:108px}.unit-library-grid .roster-level{font-size:9px}}

/* Shared line icons: CSS masks keep dynamic labels and accessible names intact. */
[data-icon="sparkles"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%202.4%206.6L21%2012l-6.6%202.4L12%2021l-2.4-6.6L3%2012l6.6-2.4Z%22%2F%3E%3Cpath%20d%3D%22m20%202%20.6%201.4L22%204l-1.4.6L20%206l-.6-1.4L18%204l1.4-.6Z%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="gem"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%208%204-5h10l4%205-9%2013Z%22%2F%3E%3Cpath%20d%3D%22M3%208h18M7%203l5%2018%205-18%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="helmet"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2015V9a7%207%200%200%201%2014%200v6l-4%205H9Z%22%2F%3E%3Cpath%20d%3D%22m5%2010%205%202v4m9-6-5%202v4M12%202v6%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="swords"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%203%204%201%2011%2011-3%203L5%207Zm16%200-4%201-4%204M4%2020l4-4m12%204-4-4M3%2015l6%206m6-18%206%206%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="activity"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2013h4l3-9%204%2016%203-7h4%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="chart"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%203v17h17M8%2016v-4m5%204V8m5%208V5%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="layout"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%209h18M9%209v12m6-12v12M3%2015h18%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="clock"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%207v5l3%202%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="giant"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%2020%201-9%203-2%201-5%203-2%203%202%201%205%203%202%201%209Z%22%2F%3E%3Cpath%20d%3D%22M9%209h6m-7%205h2m4%200h2m-6%204h4%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="users"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2020v-3a6%206%200%200%201%2012%200v3m2-16a3%203%200%200%201%200%206m1%204a5%205%200%200%201%203%205v1%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="layers"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%2010%205-10%205L2%208Zm-9%2010%209%205%209-5M3%2018l9%205%209-5%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="archive"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%225%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M5%208v12h14V8M9%2012h6%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="info"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%2011v6m0-10v.1%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="book"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v16M3%204c4-1%206%200%209%201%203-1%205-2%209-1v15c-4-1-6%200-9%202-3-2-5-3-9-2Z%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="settings"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16M4%2017h16%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%223%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2217%22%20r%3D%223%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="map"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%205%206-2%206%202%206-2v16l-6%202-6-2-6%202Zm6-2v16m6-14v16%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="target"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M12%201v3m0%2016v3M1%2012h3m16%200h3%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="save"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%203h13l4%204v14H3V3ZM7%203v6h9V3M7%2021v-8h10v8%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="download"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v12m-4-4%204%204%204-4M4%2016v5h16v-5%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="image"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%223%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%221.5%22%2F%3E%3Cpath%20d%3D%22m3%2017%205-5%204%204%203-7%206%208%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="undo"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010h11a7%207%200%200%201%200%2014%22%20transform%3D%22translate%280%20-4%29%22%2F%3E%3Cpath%20d%3D%22m7%202-4%204%204%204%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="trash"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h18M9%206V3h6v3M5%206l1%2015h12l1-15M10%2010v7m4-7v7%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="eraser"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2015%2010-11a2%202%200%200%201%203%200l5%205a2%202%200%200%201%200%203l-8%209H8Zm4-5%209%209m-3%202h8%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="wand"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%2020%2012-12%204%204L8%2024Zm7-7%204%204M6%203v4M4%205h4m12-4v4m-2-2h4%22%20transform%3D%22translate%280%20-2%29%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="flame"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202c1%206-5%206-3%2011%202-1%203-3%204-5%205%204%208%207%205%2011a8%208%200%200%201-13-1C2%2012%207%208%2012%202Z%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="level"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%2011%208-8%208%208M12%203v18m-5%200h10%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="crown"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%206%205%204%204-7%204%207%205-4-2%2013H5ZM5%2022h14%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="shirt"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%203-6%204%203%205%203-2v11h8V10l3%202%203-5-6-4a4%204%200%200%201-8%200Z%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="bolt"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m13%202-9%2012h7l-1%208%2010-13h-7Z%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="heart"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%205a5%205%200%200%200-8%201%205%205%200%200%200-8-1c-4%204%201%2010%208%2016%207-6%2012-12%208-16Z%22%2F%3E%3C%2Fsvg%3E")}
[data-icon="shield"]{--item-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%208%203v6c0%205-5%208-8%2010-3-2-8-5-8-10V6Z%22%2F%3E%3Cpath%20d%3D%22m8%2012%203%203%205-6%22%2F%3E%3C%2Fsvg%3E")}
[data-icon]::before{content:"";display:inline-block;width:1.15em;height:1.15em;flex:none;background:currentColor;-webkit-mask:var(--item-icon) center/contain no-repeat;mask:var(--item-icon) center/contain no-repeat;vertical-align:-.17em;margin-right:.48em;pointer-events:none}
h2[data-icon],.damage-heading>b[data-icon],.settings-launcher b[data-icon],.metrics>div>span[data-icon],.damage-grid span[data-icon]{display:flex;align-items:center;gap:8px}h2[data-icon]::before,.damage-heading>b[data-icon]::before,.settings-launcher b[data-icon]::before,.metrics>div>span[data-icon]::before,.damage-grid span[data-icon]::before{margin:0}.settings-launcher>button{position:relative}.settings-launcher b[data-icon]::before{width:24px;height:24px;color:#9272d8}.settings-launcher b[data-icon]{gap:10px}.settings-launcher>button:hover b[data-icon]::before{color:#6f4bc0}.dialog-top h2[data-icon]::before{width:21px;height:21px;color:#9879d8}.panel h2[data-icon]::before{color:#9a7cc9}.metrics>div>span[data-icon]::before{width:16px;height:16px;opacity:.85}.damage-grid span[data-icon]::before{width:13px;height:13px;opacity:.8}.setting-row>span[data-icon]{display:inline-flex;align-items:center;gap:6px}.setting-row>span[data-icon]::before{margin:0;color:#a18ac3}.section-title[data-icon]::before{color:#9a7cc9}.toolbar label[data-icon]::before{color:#9a7cc9}
@media(max-width:600px){.settings-launcher b[data-icon]{gap:5px}.settings-launcher b[data-icon]::before{width:18px;height:18px}.settings-launcher b{font-size:12px}.dialog-top h2[data-icon]{gap:6px}.dialog-top h2[data-icon]::before{width:18px;height:18px}.metrics>div>span[data-icon]{gap:5px}.metrics>div>span[data-icon]::before{width:13px;height:13px}.top-actions button[data-icon]::before{width:12px;height:12px}.top-actions #export[data-icon]::before{display:none}.unit-dialog-heading h2[data-icon]::before{display:none}.toolbar button[data-icon]::before{width:12px;height:12px}.board-panel>.panel-heading button[data-icon]::before{width:11px;height:11px;margin-right:4px}}

.section-title[data-icon]{justify-content:flex-start;gap:8px}.section-title[data-icon]::before{margin:0}.section-title[data-icon]>span{margin-left:auto}

.giant-party-help{font-size:14px;color:#70598f;line-height:1.8;margin:0 0 17px}.giant-party-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.giant-party-options>button{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;background:linear-gradient(135deg,#f9f5ff,#f0f2ff);border:1px solid #ded2f3;border-radius:14px;padding:22px;color:#71529e;min-width:0}.giant-party-options>button:hover{border-color:#a385d9;background:#eee7ff}.giant-party-options b{display:flex;align-items:center;gap:8px;font-size:15px}.giant-party-options b::before{margin:0;width:21px;height:21px;color:#9474cd}.giant-party-options small{font-size:12px;color:#9180a5;line-height:1.8}.giant-party-note{font-size:11px;color:#a08cb5;line-height:1.8;margin:17px 0 0}
@media(max-width:600px){.giant-party-options{grid-template-columns:1fr;gap:10px}.giant-party-options>button{padding:18px}.giant-party-options b{font-size:14px}.giant-party-options small{font-size:12px}.giant-party-help{font-size:13px}}

.phase-damage{border-top:1px solid #e5dcf2;margin:5px 0 0;padding-top:10px;display:grid;gap:8px}.phase-damage-row{display:flex;justify-content:space-between;align-items:baseline;gap:5px;flex-wrap:wrap}.phase-damage dt{font-size:10px;color:#9985b0;white-space:nowrap}.phase-damage dd{margin:0;font-size:12px;font-weight:600;color:#735791;overflow-wrap:anywhere;max-width:100%}.phase-damage-row.damage dd{color:#7651b5}.phase-damage-row.remaining{border-top:1px dashed #ded2ed;padding-top:8px}.phase-damage-row.remaining dd{color:#aa6988}.phase-card.cleared .phase-damage-row.remaining dd{color:#7970ae}.phase-damage-row.healed dd{font-size:11px;color:#a08caf}
@media(min-width:601px) and (max-width:999px){.giant-phases{grid-template-columns:repeat(3,minmax(0,1fr))}}

.export-preview>p{font-size:12px;color:#89749f;line-height:1.8}.export-preview-actions{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.export-preview-actions>a{display:inline-flex;align-items:center;padding:12px;border:1px solid #ded2ef;border-radius:10px;color:#76559f;background:#f6f1ff;font-size:13px;text-decoration:none;min-height:44px;cursor:pointer}.export-preview-actions>button{font-size:13px}.export-preview>img{display:block;width:100%;height:auto;border-radius:10px;-webkit-touch-callout:default;user-select:auto}

.pressure-help{font-size:11px;line-height:1.8;color:#9884ad}.pressure-content>details{margin:18px 0;padding:12px;border:1px solid #e9e0f3;border-radius:12px;font-size:12px}.pressure-content>details summary{cursor:pointer;color:#8061a4}.pressure-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pressure-options label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#8c75a6;min-width:0}.pressure-options select,.pressure-options input{width:100%;min-width:0;min-height:42px;font-size:13px;box-sizing:border-box}.pressure-actions{display:flex;gap:10px;margin:16px 0}.pressure-actions button{font-size:12px;min-height:44px}#pressure-current{font-size:11px;background:#f6f1ff;border-radius:10px;padding:12px;color:#947ba9;line-height:1.8}#pressure-status{font-size:12px;color:#73549d;line-height:1.9}#pressure-comparison{overflow-x:auto;font-size:12px;line-height:1.8}#pressure-comparison table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:11px}#pressure-comparison td,#pressure-comparison th{padding:10px 6px;text-align:left;border-bottom:1px solid #e9e1f4;overflow-wrap:anywhere}#pressure-comparison th{color:#987cb4;font-weight:500;background:#f5f1fb}#pressure-comparison td{color:#70548c}#apply-pressure{margin-top:16px;width:100%;min-height:44px}#pressure-counts input{max-width:85px}.giant-heading>div:last-child{flex-wrap:wrap}
@media(max-width:600px){.pressure-options{grid-template-columns:1fr 1fr;gap:10px}.pressure-options label{font-size:11px}.pressure-actions{flex-direction:column}.pressure-content>details{padding:10px}.giant-heading #open-pressure{font-size:11px}#pressure-comparison table{font-size:10px}}

.clara-stack-controls{display:flex;align-items:center;gap:8px;margin-right:17px}.clara-stack-controls>.setting-row{flex:1;min-width:0;padding-right:0}.clara-stack-controls>button{font-size:11px;white-space:nowrap;padding:9px 10px}.clara-explanation{margin:12px 17px 18px;color:#806999;font-size:12px;line-height:1.8}.clara-explanation summary{cursor:pointer;font-weight:700}.clara-explanation p{margin:10px 0}.clara-stack-table{overflow-x:auto;margin:14px 0}.clara-stack-table table{border-collapse:collapse;width:100%;font-size:12px;min-width:560px}.clara-stack-table th,.clara-stack-table td{text-align:left;padding:11px 9px;border-bottom:1px solid #e9e0f4;white-space:nowrap}.clara-stack-table th{color:#80649f;background:#f4effb}.clara-stack-table button{font-size:11px;padding:6px 9px}.clara-stack-help{line-height:1.8;color:#8c789f;font-size:13px}#clara-stack-status{font-size:13px;line-height:1.8;color:#7b5b9c}@media(max-width:600px){.clara-stack-controls{flex-wrap:wrap}.clara-stack-controls>.setting-row{flex-basis:65%}.clara-explanation{font-size:12px}}

.eggby-heading{display:flex;gap:16px;align-items:center;margin-bottom:16px}.eggby-heading>img{width:64px;height:64px;object-fit:contain}.eggby-heading p,.eggby-effects p,#eggby-status{font-size:12px;line-height:1.9;color:#8b739f}.eggby-effects{border:1px solid #e8ddf7;border-radius:12px;background:#faf7ff;padding:12px 16px;margin:14px 0}.eggby-bulk{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}.eggby-bulk label{font-size:12px;color:#8b739f;display:flex;align-items:center;gap:8px}.eggby-settings-link{margin:4px 17px 12px;font-size:11px}.tile .eggby-attached{position:absolute;left:2px;top:3px;width:16px;height:16px;object-fit:contain;z-index:5;pointer-events:none;filter:drop-shadow(0 1px 1px #302b58)}@media(max-width:600px){.eggby-bulk>button{flex:1;font-size:12px}.tile .eggby-attached{width:12px;height:12px;top:2px}}