.rune-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,1fr);gap:18px;align-items:start;margin:18px 0}.rune-overview,.rune-editor{min-width:0}.rune-overview>.resource-card{margin-top:18px}.rune-board{border-radius:14px;overflow:hidden;background:#29231d center/cover;color:#fff1ca}.rune-board-top,.rune-board-actions{display:flex;align-items:center;justify-content:space-between;padding:14px 18px}.rune-help,.rune-help:hover,.rune-help:focus{border:0;background:transparent;padding:0;line-height:0}.rune-stage{position:relative;aspect-ratio:1/1;max-width:680px;margin:auto}.rune-machine{position:absolute;transform:translate(-50%,-50%);object-fit:contain;pointer-events:none}.rune-stage .rune-slot{position:absolute;transform:translate(-50%,-50%);width:25%;border:0;background:transparent;color:#ffe8ba;padding:0;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:clamp(.7rem,1vw,.9rem);line-height:1.2}.rune-stage .rune-slot:hover,.rune-stage .rune-slot:active{background:transparent;color:#fff}.rune-slot-face{display:grid;place-items:center;width:72%;aspect-ratio:1;background:center/contain no-repeat;filter:drop-shadow(0 2px 3px #0008)}.rune-slot-face>img{width:66%;height:66%;object-fit:contain}.rune-slot[aria-pressed=true] .rune-slot-face{filter:drop-shadow(0 0 6px #ffe9a0)}.rune-slot-name{background:#221c16e8;border:1px solid #b9985b;border-radius:7px;padding:4px 6px;max-width:100%;box-sizing:border-box;min-height:2.6em;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere}.rune-empty{font-size:.75rem}.rune-elements{display:inline-flex;align-items:center;justify-content:center;gap:3px}.rune-elements img{flex:none;object-fit:contain}.rune-editor>h2{margin:0 0 12px}.rune-editor .resource-actions{gap:8px;margin-bottom:16px;flex-wrap:wrap}.rune-editor .resource-fields{margin:12px 0}.rune-editor .gear-picker{min-width:0}.rune-editor .gear-picker-trigger{width:100%}.rune-editor .gear-picker-menu{max-height:310px}.rune-editor label{display:flex;flex-direction:column;gap:5px}.rune-editor input[type=search],.rune-editor input[type=number],.rune-editor select{box-sizing:border-box;width:100%;min-height:42px;padding:8px;border:1px solid var(--ui-line-b7c8e2,#b7c8e2);border-radius:5px;background:var(--ui-bg-ffffff,#fff);color:var(--ui-fg-18416a,#18416a)}.rune-crystal-heading[data-quality="5"]{background:#fff0dc;border-color:#dfa158}.rune-crystal-heading[data-quality="4"]{background:#f1eafa;border-color:#b69acf}.rune-crystal-heading[data-quality="3"]{background:var(--ui-bg-e8f2fd,#e8f2fd);border-color:var(--ui-line-8ab6e3,#8ab6e3)}.rune-crystal-heading{padding:12px;border:1px solid;border-radius:8px;display:grid;grid-template-columns:72px 1fr;gap:4px 12px;align-items:center}.rune-crystal-heading img{grid-row:span 2;object-fit:contain}.rune-effect{padding:14px 0;border-bottom:1px solid var(--ui-line-d4dfed,#d4dfed)}.rune-effect .sim-description{margin:9px 0}.rune-summary .resource-tabs{flex-wrap:wrap}.rune-summary summary img{vertical-align:middle;margin-right:8px}.rune-affix{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:12px 0;border-bottom:1px solid var(--ui-line-d4dfed,#d4dfed)}.rune-affix label{display:grid;grid-template-columns:minmax(60px,1fr) auto;align-items:center}.rune-affix input{width:100%;min-width:0}.rune-affix output{min-width:55px;text-align:right}.rune-editor .sim-description,.rune-summary .sim-description{white-space:pre-line}.rune-editor details{margin-top:16px}.rune-overview .resource-card{padding:16px}.rune-overview .resource-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.rune-editor .resource-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.rune-board-actions{justify-content:flex-end}
@media(min-width:1200px){.rune-editor{position:sticky;top:14px;max-height:calc(100dvh - 120px);overflow-y:auto}}
@media(max-width:850px){.rune-layout{grid-template-columns:minmax(0,1fr)}.rune-editor{scroll-margin-top:12px}.rune-stage .rune-slot{font-size:.85rem}}
@media(max-width:430px){.rune-editor .resource-fields,.rune-overview .resource-fields{grid-template-columns:minmax(0,1fr)}.rune-stage .rune-slot{font-size:.7rem}.rune-elements img{width:15px;height:15px}.rune-editor{padding:12px}.rune-layout{gap:12px}.rune-slot-name{padding:3px}.rune-empty{font-size:.65rem}}

.rune-affix>input[type=number]{max-width:100px}.rune-editor .rune-affix input[type=range]{height:32px}

.rune-layout>.rune-editor{margin:0}.rune-board .rune-help,.rune-board .rune-help:hover,.rune-board .rune-help:focus{background:transparent;border:0;padding:0;min-width:32px;min-height:32px}.rune-board .rune-help img{display:block}

.rune-machine-art{position:absolute;inset:0;pointer-events:none}.rune-slot-name{max-height:3.4em;overflow:hidden}

/* All engine layers share the same square coordinate system at every width. */
.rune-stage{container-type:inline-size}
.rune-stage .rune-slot{width:18%;aspect-ratio:1;display:block;min-height:0;line-height:1.2;font-size:clamp(9px,2.5cqw,14px)}
.rune-slot-face{width:100%;height:100%}
.rune-slot-name{position:absolute;top:100%;left:50%;transform:translateX(-50%);display:block;width:145%;max-width:none;min-height:0;max-height:none;padding:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rune-slot>.rune-elements{position:absolute;top:calc(100% + 1.2em + 9px);left:50%;transform:translateX(-50%);gap:2px;min-height:0}
.rune-slot>.rune-elements img{width:clamp(8px,2.8cqw,18px);height:clamp(8px,2.8cqw,18px)}
.rune-colours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}
.rune-colours .gear-picker,.rune-quality .gear-picker{max-width:none;min-width:0}
.rune-colours .gear-picker-trigger{padding:6px;min-height:44px;gap:4px;flex-wrap:wrap;justify-content:center}
.rune-colours .gear-picker-trigger img{width:24px;height:24px}
.rune-colours .gear-picker-menu{min-width:110px}
.rune-quality{display:grid;grid-template-columns:minmax(100px,180px) minmax(0,1fr);align-items:end;gap:10px;margin-bottom:14px}.rune-quality>button{justify-self:start;min-height:42px}

.gear-floating-menu{z-index:1000;overscroll-behavior:contain}.gear-floating-menu img{object-fit:contain;flex-shrink:0}
.rune-affix>.gear-picker{grid-column:1/-1;max-width:none}.rune-affix .gear-picker-option img,.rune-affix .gear-picker-trigger img{width:48px;height:28px;object-fit:contain}
.rune-stat-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.rune-stat-heading .gear-picker-label{margin:0}.rune-editor .rune-check{display:flex;flex-direction:row;align-items:center;gap:5px;margin:0;font-size:.8rem;white-space:nowrap}.rune-editor .rune-check input{width:18px;height:18px;flex:none;accent-color:#8b62ba}
.rune-bonus{font-weight:bold}.rune-celestial{display:flex;align-items:center;gap:8px}.rune-celestial img{object-fit:contain}
.rune-game-effects{background:#fbf5e9;border:1px solid #d8c4a2;border-radius:10px;padding:14px;color:#65513f}
.rune-effect-banner,.rune-resonance-banner{display:flex;align-items:center;gap:8px;background-size:100% 100%;background-repeat:no-repeat;min-height:48px;padding:0 10px 0 0;color:#fff8e7}
.rune-effect-banner img,.rune-resonance-banner>img{flex:none;object-fit:contain}.rune-effect-banner strong{font-size:1.1rem;text-shadow:0 1px 2px #48362866}
.rune-level{display:table;border-radius:20px;padding:5px 12px;font-size:1rem;color:#282331;margin:12px 0 8px}.rune-game-effects .sim-description{font-weight:600;line-height:1.5}
.rune-resonance{margin:18px 0}.rune-resonance-banner>strong{margin-left:auto;font-size:.9rem;white-space:nowrap;text-shadow:0 1px 2px #48362899}.rune-resonance ul{margin:10px 0;padding-left:24px}.rune-resonance li{margin:6px 0}
.rune-progress{display:flex;gap:5px;flex-wrap:wrap}.rune-progress>span{display:flex;gap:1px;border:2px solid #40342d40;border-radius:20px;padding:2px}.rune-progress img{width:16px;height:16px;object-fit:contain}
.rune-stat-group{padding:8px 0;border-bottom:1px solid var(--ui-line-d4dfed,#d4dfed)}.rune-stat-list{line-height:1.7}.rune-stat-list:empty{display:none}
@media(max-width:430px){.rune-game-effects{padding:8px}.rune-progress{gap:2px}.rune-progress>span{padding:1px;gap:0}.rune-progress img{width:12px;height:12px}.rune-resonance-banner{gap:4px;padding-right:5px}.rune-resonance-banner>img{width:32px;height:32px}.rune-resonance-banner>strong{font-size:.75rem}}

.gear-floating-menu .gear-picker-option img{width:28px;height:28px;object-fit:contain}

.gear-picker-badge{display:inline-block;flex-shrink:0;padding:5px 8px;background:center/100% 100% no-repeat;color:#fff;font-weight:700;font-size:12px;white-space:nowrap}

.rune-level{background:var(--rune-quality)}.rune-effect>.rune-level{background:none;color:var(--rune-quality);border-bottom:1px solid #d8c4a2;border-radius:0;display:block;padding:5px 8px 10px}

.rune-preview{position:fixed;z-index:900;width:390px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);box-sizing:border-box;overflow:auto;overscroll-behavior:contain;box-shadow:0 8px 30px #0005;border:3px solid #cfb996;padding:14px}.rune-preview[hidden]{display:none}.rune-preview h2{text-align:center;margin:0 0 8px;font-size:1.2rem}.rune-preview .rune-effect{padding:0 0 8px}.rune-preview .rune-elements{display:flex;justify-content:flex-end}.rune-preview-stat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:12px 0 2px;font-weight:600}.rune-preview-stat>span{overflow-wrap:anywhere}.rune-preview-stat progress{grid-column:1/-1;width:100%;height:6px;accent-color:#ac9174}.rune-preview-stat .gear-picker-badge{margin-right:5px}.rune-preview .sim-description{font-size:.95rem;line-height:1.4}
.rune-preview-trait{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;padding:10px 0;border-bottom:1px solid #d8c4a2}.rune-preview-trait .rune-level{background:none;color:var(--rune-quality);margin:0;padding:0}.rune-preview-stat progress::-webkit-progress-bar{background:#e8dbc2}.rune-preview-stat progress::-webkit-progress-value{background:#ac9174}.rune-preview-stat progress::-moz-progress-bar{background:#ac9174}