/* Dark stone inventory theme. Replace art/sigils/palette in data/rune_design.json. */
/* Draw results fit inside the fixed result window. */
.pc-mode :is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .modal{width:1244px;max-width:1244px;height:684px;max-height:684px;padding:18px 22px;display:grid;grid-template-rows:52px 24px 28px minmax(0,1fr) 104px;gap:8px;overflow:hidden}
.pc-mode :is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .modal-top{margin:0}
.pc-mode :is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .modal-top h2{font-size:26px}
.pc-mode :is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .rune-wallet,.pc-mode :is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .rune-spent{margin:0;line-height:24px}
.pc-mode :is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .rune-draw-results{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:calc((100% - 16px)/3);align-content:start;gap:8px;margin:0;padding:0;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
.pc-mode [data-kind="rune-summon-result"] .rune-draw-results.rune-draw-20{grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-rows:auto;overflow:hidden}
.pc-mode [data-kind="rune-summon-result"] .rune-draw-20 .rune-card{padding-inline:5px}
.pc-mode [data-kind="rune-summon-result"] .rune-draw-20 .rune-art{width:min(82px,100%);max-height:120px}
.pc-mode :is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .rune-result-reveal{min-width:0;min-height:0}
.pc-mode :is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .rune-result-reveal:only-child{grid-column:4}
.pc-mode :is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .rune-card{height:100%;min-height:0;padding:5px 8px;display:grid;grid-template-rows:17px minmax(0,1fr) 20px;justify-content:stretch;justify-items:center;gap:2px}
.pc-mode :is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .rune-grade-label{justify-self:start;font-size:14px}
.pc-mode :is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .rune-art{width:92px;height:100%;max-height:91px;align-self:center}
.pc-mode :is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .rune-card b{font-size:14px;line-height:20px;white-space:nowrap}
.pc-mode :is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .rune-summon-footer{display:grid;grid-template-columns:150px minmax(0,1fr);grid-template-rows:46px 16px 24px;gap:4px 14px;margin:0;padding:8px 0 0;align-items:center}
.pc-mode :is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .rune-result-draws{min-width:0}
.pc-mode :is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .rune-result-draws .rune-ornate-button{min-height:44px;height:44px;padding:3px 8px}
.pc-mode :is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .rune-summon-footer>small,.pc-mode :is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .rune-touch-close{grid-column:1/-1;margin:0}
.pc-mode :is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .rune-touch-close{min-height:26px;height:26px;padding:0;line-height:26px}
.rune-menu{background:radial-gradient(ellipse at 50% 0,#30312a55,transparent 60%),linear-gradient(145deg,#222823,#151b19);border:1px solid #585342;box-shadow:inset 0 0 0 3px #171d1a,inset 0 0 38px #05090888;position:relative}
.rune-menu h2{color:#e1cca0;letter-spacing:.07em}.rune-menu>h2:after{content:"";display:block;width:68px;height:1px;margin:12px 0;background:linear-gradient(90deg,#c7a974,transparent)}
.rune-card{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;gap:3px;min-height:174px;padding:9px 9px 13px;border:1px solid var(--rune-frame);border-radius:2px;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--rune-color) 13%,#20221e),#0d1211 80%);box-shadow:inset 0 0 0 3px #101513,inset 0 0 0 4px #81755733,0 4px 9px #0006;color:var(--rune-color);text-align:center}
.rune-card:before,.rune-card:after{content:"";position:absolute;z-index:2;width:12px;height:12px;pointer-events:none;border-color:var(--rune-color);opacity:.7}
.rune-card:before{left:4px;top:4px;border-left:1px solid;border-top:1px solid}.rune-card:after{right:4px;bottom:4px;border-right:1px solid;border-bottom:1px solid}
.rune-grade-label{font-size:12px!important;letter-spacing:.12em;align-self:flex-start;padding-left:3px;color:var(--rune-color);line-height:1.3}
.rune-card b{font-size:14px;line-height:1.5;letter-spacing:.03em;text-shadow:0 2px 3px #000;z-index:2}
.rune-card .rune-art{position:relative;display:block;width:110px;height:112px;max-width:100%;flex:0 0 auto;transform:rotate(var(--rune-tilt))}
.rune-card .rune-art img.rune-stone{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:var(--rune-stone-filter,brightness(1)) brightness(.96) contrast(1.06) drop-shadow(3px 5px 3px #000b);border:0;border-radius:0;background:transparent;opacity:1}
.rune-card .rune-glyph{position:absolute;inset:23%;width:54%;height:54%;overflow:visible;filter:drop-shadow(0 0 4px var(--rune-color)) drop-shadow(0 2px 2px #000);pointer-events:none}
.rune-card .rune-glyph path{fill:#121719cc;stroke:var(--rune-color);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.rune-aura{position:absolute;inset:14%;border-radius:50%;background:var(--rune-color);filter:blur(17px);opacity:var(--rune-glow)}
.rune-card .rune-count{display:flex;align-items:baseline;gap:5px;color:#f0e4c7;font-size:17px;line-height:1.3}.rune-count span{font-size:12px;color:#a49d88}
.rune-grade-4,.rune-grade-5{box-shadow:inset 0 0 0 3px #141611,inset 0 0 0 4px #b197615e,0 0 11px #b18a2520}
.rune-grade-5:before,.rune-grade-5:after{width:18px;height:18px;border-width:2px}
.rune-collection{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.rune-collection-cell{padding:5px;background:#0c121066;border:1px solid #4e524037;border-radius:2px}.rune-collection-cell>small{font-size:12px;line-height:1.5;color:#b1ad97;padding:3px}
.rune-collection-cell.unowned{opacity:.6}.rune-collection-cell.unowned .rune-count{color:#908d7d}
.rune-summon-showcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.rune-summon-showcase>div>small{display:block;text-align:center;font-size:12px;margin-top:8px;color:#bcb29a}.rune-summon-showcase .rune-card{min-height:164px}
.rune-synthesis-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rune-synthesis-list .rune-forge{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:15px;padding:14px;background:linear-gradient(110deg,#0c1311,#242820);border:1px solid #65583d;box-shadow:inset 0 0 0 3px #111814}
.rune-forge .rune-card{min-height:153px;padding:7px}.rune-forge .rune-art{width:85px;height:92px}.rune-forge-info h3{font-size:17px;margin:0 0 8px}.rune-forge-info p{font-size:13px;line-height:1.6;margin:4px 0}.rune-forge-info>small{display:block;font-size:12px;color:#a49e88;margin:7px 0}.rune-forge-info button{width:100%;margin-top:5px}
.rune-pity-track{height:4px;background:#080d0a;border:1px solid #484739;margin:8px 0}.rune-pity-track i{display:block;height:100%;background:linear-gradient(90deg,#997641,#e8d498)}
.rune-socket-summary{background:linear-gradient(120deg,#121a16,#292d24);border-color:#695e45;grid-template-columns:105px 1fr}.rune-socket-summary .rune-card{min-height:143px;max-width:105px}.rune-socket-summary .rune-art{width:86px;height:89px}
.rune-socket-summary .rune-replace-control{grid-column:1/-1;display:flex;align-items:center;gap:7px;min-width:0}
.rune-replace-control button{flex:1;min-width:0;white-space:nowrap;font-size:12px}
.rune-replace-control input{flex:none;width:22px;height:22px;accent-color:var(--gold);cursor:pointer}
.rune-replace-toggle{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#e6d6a8;font-size:12px;cursor:pointer}
.rune-socket-summary .rune-replace-note{grid-column:1/-1;color:var(--muted);line-height:1.5}
.rune-results{gap:14px}.rune-results .rune-card{min-height:170px}.rune-results article>small{font-size:12px;color:#b7b39e;line-height:1.5;padding:7px 2px}
.rune-dungeon-card{border-color:#8b7550;background:radial-gradient(ellipse at 50% 0,#6a593b25,transparent),#121b16;box-shadow:inset 0 0 0 3px #080f0b,inset 0 0 0 4px #8b75502b}
@media(prefers-reduced-motion:reduce){.rune-card *{animation:none!important}}

.pc-mode .subtabs:has([data-value="runeDungeon"]) button{min-width:0;flex:1 1 auto;white-space:nowrap;padding-left:8px;padding-right:8px}

:is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .modal{display:flex;flex-direction:column;overflow:hidden}
:is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .modal-top,:is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .modal>p{flex-shrink:0}
:is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .rune-results{overflow-y:auto;min-height:0;padding:8px 4px;flex:1 1 auto}
.rune-summon-footer{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 0 0;border-top:1px solid #695e45;background:#1c271c}
.rune-summon-footer label{display:flex;align-items:center;gap:10px;color:var(--text);white-space:nowrap}
.rune-summon-footer label input{display:inline-block;width:20px;height:20px;margin:0}
.rune-summon-footer small{flex-basis:100%;color:var(--muted)}
.unit-level{display:inline-block;white-space:nowrap;margin-left:.5em;color:var(--gold)}

/* Approved reference flow adapted to the existing landscape canvas and stone art. */
.rune-wallet{display:flex;align-items:center;justify-content:flex-end;gap:24px;color:#ded5bd;margin:0 0 14px;font-size:14px;font-variant-numeric:tabular-nums}.rune-wallet b{color:#fff0c9}.rune-wallet span{white-space:nowrap}
.rune-summon-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);gap:24px;align-items:stretch}
.rune-sanctum{position:relative;isolation:isolate;overflow:hidden;text-align:center;min-height:280px;padding:20px;border:1px solid #736449;background:radial-gradient(ellipse at 50% 46%,#7455a759,transparent 60%),linear-gradient(150deg,var(--rune-scene-top),var(--rune-scene-bottom) 75%);box-shadow:inset 0 0 0 5px #070f1588}
.rune-sanctum:after{content:"";position:absolute;inset:12px;border:1px solid #baa67633;pointer-events:none}.rune-sanctum h3{font-family:var(--font-title,Georgia),serif;color:#e5cca0;font-size:23px;position:relative}.rune-sanctum>p{font-size:13px;color:#c2b6cd;position:relative}
.rune-orbit{position:absolute;width:250px;height:250px;left:50%;top:54%;transform:translate(-50%,-50%) rotate(35deg);border:1px solid #b799da77;border-radius:50%;box-shadow:0 0 38px #906dc83b,inset 0 0 26px #906dc823;z-index:-1}.rune-orbit:before,.rune-orbit:after{content:"";position:absolute;inset:22px;border:1px solid #b49b6999;transform:rotate(15deg)}.rune-orbit:after{transform:rotate(60deg);inset:34px}
.rune-sanctum-stone{width:155px;margin:6px auto}.rune-sanctum-stone .rune-card{border:0;box-shadow:none;background:none;min-height:180px}.rune-sanctum-stone .rune-grade-label,.rune-sanctum-stone .rune-card:before,.rune-sanctum-stone .rune-card:after{display:none}.rune-sanctum-stone .rune-art{width:140px;height:145px}
.rune-summon-actions{display:flex;flex-direction:column;gap:12px;justify-content:center}.rune-summon-actions h3{color:#e5c992;font-size:23px}.rune-summon-actions>p{color:#b7acb8}.rune-draw-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.rune-ornate-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:13px 8px;min-height:62px;border:1px solid var(--rune-accent,#b49961);border-radius:9px 2px;background:linear-gradient(150deg,#343548,#17252d);box-shadow:inset 0 0 0 3px #172026,inset 0 0 0 4px #96795166;color:#edcc8d;white-space:normal}.rune-ornate-button.selected{box-shadow:inset 0 0 0 3px #242a32,inset 0 0 0 4px #d4b674;background:linear-gradient(150deg,#514636,#1b2a32)}.rune-ornate-button small{font-size:12px;line-height:1.4;color:#d2cec4}.rune-ornate-button b{font-size:16px}
.rune-summon-guide{margin-top:14px}.rune-summon-guide summary{color:#c8b889;cursor:pointer}.rune-summon-actions .gear-odds{gap:8px;font-size:13px}.rune-summon-actions>small{color:#adbea8;font-size:13px}
.rune-grade-tabs{display:flex;gap:4px;border-top:1px solid #786848;border-bottom:1px solid #786848;padding:5px;background:#0d1720;margin:0 0 12px}.rune-grade-tab{flex:1;padding:9px 3px;background:none;color:var(--tab-color);border:1px solid transparent;white-space:nowrap;font-size:15px}.rune-grade-tab.active{background:linear-gradient(180deg,#4c4356,#263b3f);border-color:#a9976d;box-shadow:inset 0 -2px #dbc38e}
.rune-forge-workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,1fr);gap:16px}.rune-material-stage{position:relative;overflow:hidden;border:1px solid #544866;text-align:center;padding:14px;background:radial-gradient(ellipse at 50% 70%,#68549355,transparent 65%),linear-gradient(120deg,#102329,#262036)}.rune-material-heading h3{color:#e8d6ae;font-size:19px;margin:5px 0}.rune-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:430px;margin:12px auto}.rune-materials .rune-card{min-height:145px;padding:7px}.rune-materials .rune-art{width:84px;height:87px}.rune-materials .rune-card b{font-size:12px}.rune-empty-slot{min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:1px dashed #a3947277;background:#07151c66;color:#c3b693}.rune-empty-slot>span{font-size:42px;opacity:.65}.rune-material-stage>p{font-size:13px;color:#d0c3af}
.rune-forge-controls{display:flex;flex-direction:column;gap:8px;justify-content:center;padding:8px 0}.rune-forge-controls h3{font-size:20px;color:#e2c387}.rune-forge-controls p,.rune-forge-controls small{font-size:13px;color:#bcc2b0;line-height:1.5}.rune-pity-label{display:flex;justify-content:space-between;font-size:13px;color:#d5bf89}.rune-forge-controls .rune-pity-track{height:10px;margin:0;border-radius:4px}.rune-forge-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.rune-forge-buttons button{padding:9px}.rune-forge-controls>.rune-ornate-button{min-height:42px;padding:8px}
.rune-forge-roster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:235px;overflow-y:auto;overscroll-behavior:contain;margin:14px 0 8px;padding:4px;background:#0c141c66;scrollbar-color:#a08753 #142023}.rune-forge-stack .rune-card{min-height:173px}.rune-forge-stack>small{display:block;text-align:center;font-size:12px;margin:5px 0;color:#beb8a4}.rune-forge-stack.unavailable{opacity:.55}.rune-forge-stack.unavailable .rune-art{filter:saturate(.3)}.rune-protection{font-size:12px!important}
[data-kind="rune-forge-result"] .modal{display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#354460,#18272c 60%);border-color:#a79161}
.rune-forge-outcome{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;gap:14px}.rune-outcome-caption{font-size:18px;color:#ead8b1}.rune-reveal-button{padding:0;background:none;min-width:148px;border:0;color:#e9d5aa}.rune-reveal-button .rune-card{width:160px;min-height:218px;animation:runeReveal .5s ease-out}.rune-reveal-button .rune-art{width:135px;height:144px}
.rune-card-back{position:relative;width:160px;min-height:218px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:2px solid #d6b371;border-radius:4px;background:repeating-linear-gradient(45deg,#a3883d0b 0 6px,transparent 6px 12px),radial-gradient(ellipse,#655236,#172735 85%);box-shadow:inset 0 0 0 5px #22303a,inset 0 0 0 6px #b69a63,0 0 22px #d4b87833}.rune-card-back i{font-size:75px;font-style:normal;line-height:1;text-shadow:0 0 12px #e8c77399}.rune-card-back b{font:12px Georgia,serif;letter-spacing:2px}.rune-card-back small{font-size:11px;letter-spacing:4px}.rune-forge-session{font-size:13px;color:#bdc4bf}
.rune-forge-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid #948258;flex-shrink:0}.rune-forge-footer label{display:flex;align-items:center;gap:10px;color:#edd6a7}.rune-forge-footer input{width:20px;height:20px;margin:0}.rune-forge-footer>small{flex-basis:100%;text-align:center;color:#b7bfc2;font-size:13px}
:is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .modal{background:radial-gradient(ellipse at 50% 40%,#313447,#15282b 80%)}:is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .rune-wallet{flex-shrink:0;margin-bottom:6px}.rune-spent{color:#aaa898;font-size:12px}.rune-summon-footer{background:#19282c}.rune-result-draws{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1;gap:8px}.rune-result-draws .rune-ornate-button{min-height:54px;padding:8px 5px}.rune-result-draws .rune-ornate-button b{font-size:14px}.rune-result-draws .rune-ornate-button small{font-size:12px}.rune-touch-close{width:100%;background:none;color:#d3cabc;padding:2px;font-size:13px}.rune-summon-footer small{font-size:12px}.rune-result-reveal{animation:runeReveal .55s ease-out both;animation-delay:var(--reveal-delay)}
@keyframes runeReveal{0%{opacity:.15;filter:brightness(3);transform:scale(.94)}100%{opacity:1;filter:brightness(1);transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.rune-result-reveal,.rune-reveal-button .rune-card{animation:none}}
.pc-mode #main:has(.rune-summon-layout)>.topline,.pc-mode #main:has(.rune-summon-layout)>.title-help,.pc-mode #main:has(.rune-forge-workspace)>.topline,.pc-mode #main:has(.rune-forge-workspace)>.title-help{display:none}
.pc-mode #main:has(.rune-forge-workspace){display:flex;flex-direction:column;overflow:hidden}
.pc-mode #main:has(.rune-forge-workspace)>.subtabs,.pc-mode #main:has(.rune-summon-layout)>.subtabs{margin:0 0 10px;flex-shrink:0}
.rune-menu:has(.rune-summon-layout)>.rune-wallet,.rune-menu:has(.rune-forge-workspace)>.rune-wallet{position:absolute;right:18px;top:22px;margin:0}
.pc-mode .rune-menu:has(.rune-forge-workspace){flex:1;min-height:0;margin:0;padding:14px;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);grid-template-rows:38px 44px minmax(0,1fr) 20px;gap:8px 16px}
.rune-menu:has(.rune-forge-workspace)>h2{grid-column:1/-1}.rune-menu:has(.rune-forge-workspace)>h2:after{display:none}.rune-grade-tabs{grid-column:1/-1;margin:0}
.pc-mode .rune-forge-workspace{grid-column:1;min-height:0;display:flex;flex-direction:column;gap:8px;overflow:auto}.pc-mode .rune-material-stage{padding:8px;flex-shrink:0}.pc-mode .rune-material-heading .eyebrow{display:none}.pc-mode .rune-material-heading h3{font-size:16px;margin:0}.pc-mode .rune-materials{margin:6px auto;gap:8px;max-width:340px}.pc-mode .rune-materials .rune-card,.pc-mode .rune-empty-slot{min-height:108px;padding:3px}.pc-mode .rune-materials .rune-art{width:62px;height:65px}.pc-mode .rune-materials .rune-grade-label{font-size:11px!important}.pc-mode .rune-materials .rune-card b{font-size:11px}.pc-mode .rune-material-stage>p{font-size:12px}
.pc-mode .rune-forge-controls{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;padding:0;flex-shrink:0}.pc-mode .rune-forge-controls h3{font-size:16px}.pc-mode .rune-forge-controls p{font-size:12px;text-align:right}.pc-mode .rune-forge-controls .rune-pity-label,.pc-mode .rune-forge-controls .rune-pity-track,.pc-mode .rune-forge-controls>small{grid-column:1/-1}.pc-mode .rune-forge-controls>small{font-size:12px}.pc-mode .rune-forge-buttons{margin:0;gap:5px}.pc-mode .rune-forge-buttons button{padding:7px 3px;font-size:13px}.pc-mode .rune-forge-controls>.rune-ornate-button{min-height:36px;font-size:14px}
.pc-mode .rune-forge-roster{grid-column:2;grid-row:3;min-height:0;max-height:none;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;margin:0;gap:9px;padding:4px}.pc-mode .rune-forge-stack .rune-card{min-height:155px}.pc-mode .rune-forge-stack .rune-art{width:88px;height:91px}.rune-protection{grid-column:1/-1;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-mode .rune-material-stage>p{display:none}.pc-mode .rune-materials .rune-card,.pc-mode .rune-empty-slot{min-height:90px}.pc-mode .rune-materials .rune-art{height:52px;width:54px}.pc-mode .rune-forge-controls>small:last-child{display:none}
.pc-mode .rune-materials{height:140px;max-height:140px;grid-auto-rows:100px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#c4a46d #17212c;padding:3px 8px 3px 3px;max-width:100%;grid-template-columns:repeat(5,minmax(0,1fr))}
.rune-materials{overflow-y:auto;max-height:165px;scrollbar-gutter:stable}
.rune-materials::-webkit-scrollbar,.rune-batch-results::-webkit-scrollbar{width:8px}
.rune-materials::-webkit-scrollbar-thumb,.rune-batch-results::-webkit-scrollbar-thumb{background:#9d8959;border-radius:4px}
.rune-materials::-webkit-scrollbar-track,.rune-batch-results::-webkit-scrollbar-track{background:#101b22}
.rune-batch-results{display:grid;grid-template-columns:repeat(var(--result-columns,4),minmax(0,1fr));align-content:start;gap:16px 12px;width:100%;max-height:246px;overflow-y:auto;overscroll-behavior:contain;padding:8px;scrollbar-gutter:stable;scrollbar-color:#c4a46d #17212c}
.rune-batch-result{text-align:center;min-width:0;display:flex;flex-direction:column;gap:8px}
.rune-batch-result>small{min-height:18px;font-size:12px;color:#dfcfac}
.rune-batch-result .rune-reveal-button{width:100%;min-width:0}
.rune-batch-result .rune-card,.rune-batch-result .rune-card-back{width:100%;min-height:204px;box-sizing:border-box}
.rune-batch-result .rune-art{width:100%;max-width:120px;height:128px}
.rune-batch-result .rune-card b{font-size:14px}
.rune-batch-result .rune-card-back b{font-size:11px;letter-spacing:1px}
.rune-forge-outcome:has(.rune-batch-results){width:100%;box-sizing:border-box;overflow:hidden;flex-shrink:0;gap:10px;padding:10px 0}
.rune-omen{--omen:#ffd477;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;height:204px;border:1px solid var(--omen);background:radial-gradient(ellipse,#ba8c3c55,#14202a 72%);box-shadow:inset 0 0 22px #f6c96a44;overflow:hidden}
.rune-omen-5{--omen:#ff8953;background:radial-gradient(ellipse,#da603e66,#211327 72%)}
.rune-split-stone{position:relative;display:block;width:130px;max-width:100%;height:155px;filter:drop-shadow(0 0 9px var(--omen));animation:runeStoneTremble var(--rare-reveal-delay,2000ms) linear both}
.rune-half{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.rune-half.left{clip-path:polygon(0 0,53% 0,44% 29%,56% 45%,45% 62%,53% 79%,46% 100%,0 100%);animation:runeSplitLeft var(--rare-reveal-delay,2000ms) ease-in both}
.rune-half.right{clip-path:polygon(53% 0,100% 0,100% 100%,46% 100%,53% 79%,45% 62%,56% 45%,44% 29%);animation:runeSplitRight var(--rare-reveal-delay,2000ms) ease-in both}
.rune-fracture{position:absolute;inset:10px 0;background:var(--omen);clip-path:polygon(53% 0,46% 29%,58% 45%,47% 62%,55% 79%,48% 100%,44% 100%,51% 79%,43% 62%,54% 45%,42% 29%,51% 0);filter:drop-shadow(0 0 6px white);animation:runeCrackGlow var(--rare-reveal-delay,2000ms) ease-in both}
.rune-omen>small{color:var(--omen);font-size:12px;z-index:1}
@keyframes runeStoneTremble{0%,12%{transform:translateX(0)}20%,32%,44%{transform:translateX(-2px) rotate(-1deg)}26%,38%,50%{transform:translateX(2px) rotate(1deg)}56%,64%,72%,80%{transform:translateX(-4px) rotate(-2deg)}60%,68%,76%{transform:translateX(4px) rotate(2deg)}86%,100%{transform:translateX(0)}}
@keyframes runeSplitLeft{0%,78%{transform:translateX(0);opacity:1}100%{transform:translate(-24px,4px) rotate(-14deg);opacity:.15}}
@keyframes runeSplitRight{0%,78%{transform:translateX(0);opacity:1}100%{transform:translate(24px,4px) rotate(14deg);opacity:.15}}
@keyframes runeCrackGlow{0%,35%{opacity:0}70%{opacity:.7}86%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(8)}}
@media(prefers-reduced-motion:reduce){.rune-split-stone,.rune-half,.rune-fracture{animation:none}.rune-fracture{opacity:.8}}

/* Up to ten portrait results; the list scrolls independently of its controls. */
.pc-mode [data-kind="rune-forge-result"] .modal{width:1040px;max-width:1040px;height:660px;max-height:660px;padding:18px 24px;display:grid;grid-template-rows:52px 24px minmax(0,1fr) 90px;gap:8px;overflow:hidden}
.pc-mode [data-kind="rune-forge-result"] .modal-top{margin:0}
.pc-mode [data-kind="rune-forge-result"] .modal-top h2{font-size:26px}
.pc-mode [data-kind="rune-forge-result"] .rune-wallet{margin:0;line-height:24px}
.rune-forge-summary{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}
.rune-forge-summary .rune-forge-owned{margin:0;line-height:24px;color:#e7d7b4;white-space:nowrap;font-size:15px}
.rune-forge-owned b{font-variant-numeric:tabular-nums;color:#f2dfaa}
.pc-mode [data-kind="rune-forge-result"] .rune-forge-summary{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;min-width:0}
.pc-mode [data-kind="rune-forge-result"] .rune-forge-owned{grid-column:2;text-align:center}
.pc-mode [data-kind="rune-forge-result"] .rune-forge-summary .rune-wallet{grid-column:3;justify-self:end;white-space:nowrap}
.pc-mode [data-kind="rune-forge-result"] .rune-forge-outcome{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:24px minmax(0,1fr) 20px;justify-content:stretch;gap:8px;padding:0;min-height:0;overflow:hidden;align-items:stretch}
.pc-mode [data-kind="rune-forge-result"] .rune-outcome-caption,.pc-mode [data-kind="rune-forge-result"] .rune-forge-session{margin:0;text-align:center;line-height:24px}
.pc-mode [data-kind="rune-forge-result"] .rune-batch-results{height:100%;max-height:none;min-height:0;grid-template-columns:repeat(var(--result-columns,6),minmax(0,1fr));grid-auto-rows:max-content;gap:10px;padding:0 4px 4px 0;scrollbar-gutter:stable;overflow-y:auto;overflow-x:hidden}
.pc-mode [data-kind="rune-forge-result"] .rune-batch-result{display:grid;grid-template-rows:minmax(0,1fr) 20px;gap:4px;min-height:0}
.pc-mode [data-kind="rune-forge-result"] .rune-batch-result>small{padding:0;line-height:20px;white-space:nowrap}
.pc-mode [data-kind="rune-forge-result"] .rune-reveal-button{min-height:0;height:auto;aspect-ratio:135/173;display:block;position:relative}
.pc-mode [data-kind="rune-forge-result"] .rune-card,.pc-mode [data-kind="rune-forge-result"] .rune-card-back,.pc-mode [data-kind="rune-forge-result"] .rune-omen{width:100%;height:100%;min-height:0}
.pc-mode [data-kind="rune-forge-result"] .rune-card{padding:10px;display:grid;grid-template-rows:18px minmax(0,1fr) 22px;gap:2px;justify-content:stretch;justify-items:center}
.pc-mode [data-kind="rune-forge-result"] .rune-grade-label{justify-self:start}
.pc-mode [data-kind="rune-forge-result"] .rune-art{width:100px;height:100%;max-height:105px;align-self:center}
.pc-mode [data-kind="rune-forge-result"] .rune-card b{font-size:15px;line-height:22px;white-space:nowrap}
.pc-mode [data-kind="rune-forge-result"] .rune-card-back{display:block;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:hidden}
.pc-mode [data-kind="rune-forge-result"] .rune-card-back>img{display:block;width:100%;height:100%;object-fit:fill}
.pc-mode [data-kind="rune-forge-result"] .rune-card-back i{font-size:54px}
.pc-mode [data-kind="rune-forge-result"] .rune-split-stone{height:105px;width:90px}
.pc-mode [data-kind="rune-forge-result"] .rune-forge-footer{padding-top:8px;gap:4px 12px;min-height:0}
.pc-mode [data-kind="rune-forge-result"] .rune-forge-footer button{min-height:42px;padding:8px 14px}

/* Q2-02-21: cards are passive; a single full-width action reveals the batch. */
.pc-mode [data-kind="rune-forge-result"] .rune-reveal-button{cursor:default}
.pc-mode [data-kind="rune-forge-result"] .rune-batch-results:has(> :first-child:last-child){grid-template-columns:minmax(0,170px);justify-content:center}
.pc-mode [data-kind="rune-forge-result"] .rune-batch-results:has(> :nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,170px));justify-content:center}
.pc-mode [data-kind="rune-forge-result"] .rune-batch-results:has(> :nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,170px));justify-content:center}
.pc-mode [data-kind="rune-forge-result"] .rune-forge-footer:has(>button.primary){display:grid;grid-template-columns:1fr;grid-template-rows:20px 42px 16px;gap:2px;padding-top:7px}
.pc-mode [data-kind="rune-forge-result"] .rune-forge-footer:has(>button.primary)>label{grid-row:1;justify-self:start}
.pc-mode [data-kind="rune-forge-result"] .rune-forge-footer:has(>button.primary)>button{grid-row:2;width:100%;font-weight:700;font-size:16px}
.pc-mode [data-kind="rune-forge-result"] .rune-forge-footer:has(>button.primary)>small{grid-row:3;text-align:center;line-height:16px}

/* Tutorial guidance is a separate row, never a replacement for the wallet/result row. */
.pc-mode :is([data-kind="rune-summon-result"],[data-kind="rune-forge-result"]) .modal>.rune-tutorial-guide{margin:0;padding:8px 14px;min-width:0;line-height:1.4}
.pc-mode :is([data-kind="rune-summon-result"],[data-kind="rune-forge-result"]) .rune-tutorial-guide p{margin:4px 0 0}
.pc-mode :is([data-kind="rune-summon-result"],[data-kind="rune-forge-result"]) .rune-tutorial-guide button{margin-top:6px;min-height:36px;padding:6px 12px}
.pc-mode [data-kind="rune-summon-result"] .rune-tutorial-guide:has(>button){display:grid;grid-template-columns:minmax(0,1fr) 260px;column-gap:20px;align-items:center}
.pc-mode [data-kind="rune-summon-result"] .rune-tutorial-guide>button{grid-column:2;grid-row:1/3;margin-top:0}
.pc-mode [data-kind="rune-summon-result"] .modal:has(>.rune-tutorial-guide){grid-template-rows:52px auto 24px 28px minmax(0,1fr) 104px}
.pc-mode [data-kind="rune-summon-result"] .modal:has(>.rune-impact-result-callout){grid-template-rows:52px auto 24px 28px minmax(0,1fr) 104px}
.pc-mode [data-kind="rune-forge-result"] .modal:has(>.rune-tutorial-guide){grid-template-rows:52px auto 24px minmax(0,1fr) 90px}

.pc-mode .rune-forge-controls h3,.pc-mode .rune-forge-controls p{margin:0;line-height:24px}
.pc-mode .rune-forge-controls{gap:4px 10px}
.pc-mode .rune-forge-controls .rune-pity-track{height:6px}
.pc-mode .rune-material-heading h3{line-height:22px}

.pc-mode .rune-material-stage{padding:5px}
.pc-mode .rune-materials{margin:3px auto}
.pc-mode .rune-forge-workspace{gap:6px}

.pc-mode :is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .rune-spent{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0}
.rune-draw-summary{display:flex;justify-content:center;gap:20px;flex:1;font-size:15px;white-space:nowrap}.rune-draw-summary b{font-size:18px}
.pc-mode :is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .rune-summon-epic{position:relative;animation:none}
.pc-mode [data-kind="rune-summon-result"] .rune-summon-epic>.rune-card{animation:runeSummonEpicReveal .5s 1s both}
.pc-mode [data-kind="rune-summon-result"] .rune-summon-omen{position:absolute;inset:0;height:100%;pointer-events:none;animation:runeSummonUnseal .001s 1s forwards}
.pc-mode [data-kind="equipment-summon-result"] .rune-summon-omen{position:absolute;inset:0;height:100%;pointer-events:none;animation:runeSummonUnseal .001s 2s forwards}
.pc-mode :is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .rune-split-stone{width:85px;height:95px}
@keyframes runeSummonEpicReveal{from{opacity:0;filter:brightness(3)}to{opacity:1;filter:brightness(1)}}
@keyframes runeSummonUnseal{to{visibility:hidden;opacity:0}}
/* Equipment uses the same result frame, with bounded two-line item names. */
.pc-mode [data-kind="equipment-summon-result"] .item-card{width:100%;height:100%;min-height:0;min-width:0;margin:0;padding:6px 8px;display:grid;grid-template-rows:16px minmax(0,1fr) 32px 14px;gap:2px;overflow:hidden;text-align:center}
.pc-mode [data-kind="equipment-summon-result"] .item-top{width:100%;min-width:0;margin:0;line-height:16px;font-size:11px}
.pc-mode [data-kind="equipment-summon-result"] .item-card img{width:48px;height:100%;max-height:50px;min-height:0;object-fit:contain;margin:0 auto}
.pc-mode [data-kind="equipment-summon-result"] .item-card b{font-size:12px;line-height:16px;max-height:32px;min-width:0;margin:0;overflow:hidden;overflow-wrap:anywhere;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;align-self:center}
.pc-mode [data-kind="equipment-summon-result"] .item-card>small{font-size:11px;line-height:14px;white-space:nowrap;margin:0;overflow:hidden;text-overflow:ellipsis}
.pc-mode [data-kind="equipment-summon-result"] .power-arrow{position:absolute;top:23px;right:8px;bottom:auto;font-size:18px;line-height:20px}
.pc-mode [data-kind="equipment-summon-result"] .rune-summon-epic>.item-card{animation:runeSummonEpicReveal .5s 2s both}
.pc-mode [data-kind="equipment-summon-result"] .rune-result-draws .rune-ornate-button{min-width:0;overflow:hidden}
.pc-mode [data-kind="equipment-summon-result"] .rune-result-draws small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-mode :is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .rune-result-draws .rune-ornate-button{display:grid;grid-template-rows:18px 14px;gap:0;align-content:center;justify-items:center}
.pc-mode :is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .rune-result-draws .rune-ornate-button b{font-size:14px;line-height:18px;margin:0;min-width:0}
.pc-mode :is([data-kind="rune-summon-result"],[data-kind="equipment-summon-result"]) .rune-result-draws .rune-ornate-button small{font-size:11px;line-height:14px;margin:0;min-width:0;max-width:100%}

/* Shared approved crimson frame for rune storage, summoning and synthesis cards. */

:is(.rune-collection,.rune-summon-layout,.rune-summon-showcase,.rune-forge-workspace,.rune-forge-roster,[data-kind="rune-summon-result"],[data-kind="rune-forge-result"]) .rune-card{border:0;border-radius:0;background:#111615;box-shadow:0 5px 12px #0009;isolation:isolate}
:is(.rune-collection,.rune-summon-layout,.rune-summon-showcase,.rune-forge-workspace,.rune-forge-roster,[data-kind="rune-summon-result"],[data-kind="rune-forge-result"]) .rune-card:before{content:"";display:block;position:absolute;inset:0;width:auto;height:auto;border:7px solid transparent;border-image:var(--ornate-box-frame,url("../assets/Art/UI/Frames/ornate-box-frame-v1.webp")) 30 fill / 7px / 0 stretch;filter:grayscale(1) sepia(1) saturate(6) hue-rotate(310deg) brightness(.9);opacity:1;z-index:-1;pointer-events:none}
/* Keep the approved crimson rune frame visible while the seal-breaking overlay is shown. */
:is([data-kind="rune-summon-result"],[data-kind="rune-forge-result"]) .rune-omen{isolation:isolate;border:0;border-radius:0;background:#111615;box-shadow:0 5px 12px #0009}
:is([data-kind="rune-summon-result"],[data-kind="rune-forge-result"]) .rune-omen:before{content:"";display:block;position:absolute;inset:0;border:7px solid transparent;border-image:var(--ornate-box-frame,url("../assets/Art/UI/Frames/ornate-box-frame-v1.webp")) 30 fill / 7px / 0 stretch;filter:grayscale(1) sepia(1) saturate(6) hue-rotate(310deg) brightness(.9);z-index:-1;pointer-events:none}
:is([data-kind="rune-summon-result"],[data-kind="rune-forge-result"]) .rune-omen:after{content:"";position:absolute;inset:8px;background:radial-gradient(ellipse at 50% 39%,color-mix(in srgb,var(--omen) 30%,transparent),transparent 92%);z-index:-1;pointer-events:none}
:is(.rune-collection,.rune-summon-layout,.rune-summon-showcase,.rune-forge-workspace,.rune-forge-roster,[data-kind="rune-summon-result"],[data-kind="rune-forge-result"]) .rune-card:after{content:none}
.rune-collection-cell{background:none;border:0;padding:0}
.rune-collection-cell>small{display:block;padding:7px 2px 5px}
.pc-mode .rune-collection{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 8px}
.pc-mode .rune-collection .rune-card{width:100%;aspect-ratio:135/173;min-height:0;padding:10px;display:grid;grid-template-rows:17px minmax(0,1fr) 22px 24px;gap:3px;justify-content:stretch;justify-items:center}
.pc-mode .rune-collection .rune-grade-label{justify-self:start;align-self:start}
.pc-mode .rune-collection .rune-art{height:100%;max-height:112px;width:100%;max-width:110px;min-height:0}
.pc-mode .rune-collection .rune-card b{font-size:14px;line-height:22px}
.pc-mode .rune-collection .rune-count{font-size:17px;line-height:24px}
.pc-mode .rune-collection-cell>small{min-height:50px;font-size:12px}

/* Show the existing forge card back in unfilled synthesis material slots. */
.rune-materials .rune-empty-slot{position:relative;overflow:hidden;padding:0;border:0;background:#07151c}
.rune-materials .rune-empty-slot>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill}

/* Match every synthesis card to the approved 135:173 rune card silhouette. */
.rune-materials .rune-card,.rune-materials .rune-empty-slot,.rune-forge-stack .rune-card{width:100%;height:auto;min-height:0;aspect-ratio:135/173}
.pc-mode .rune-materials{grid-auto-rows:max-content}

/* Q2-01-03: retain the crimson frame and tint the card interior by rune grade. */
:is(.rune-collection,.rune-summon-layout,.rune-summon-showcase,.rune-forge-workspace,.rune-forge-roster,[data-kind="rune-summon-result"],[data-kind="rune-forge-result"]) .rune-card:after{content:"";position:absolute;inset:8px;width:auto;height:auto;border:0;background:radial-gradient(ellipse at 50% 39%,color-mix(in srgb,var(--rune-color) 56%,transparent) 0%,color-mix(in srgb,var(--rune-color) 20%,transparent) 55%,transparent 92%);box-shadow:inset 0 0 20px color-mix(in srgb,var(--rune-color) 26%,transparent);opacity:1;z-index:-1;pointer-events:none}
/* Keep the grade label the same size as the rune name in every card layout. */
.rune-card .rune-grade-label{font-size:14px!important}
.rune-materials .rune-card .rune-grade-label{font-size:12px!important}
.pc-mode .rune-materials .rune-card .rune-grade-label{font-size:11px!important}
.pc-mode [data-kind="rune-forge-result"] .rune-card .rune-grade-label{font-size:15px!important}

/* Q2-01-06: show the equipment grade cap directly beside its rune socket. */
.rune-socket-summary .rune-compat-guide{grid-column:1/-1;width:100%;margin:8px 0 10px;padding:9px 10px;border:1px solid #b79a5d;border-radius:4px;background:linear-gradient(100deg,#29342b,#1b2928);color:#dfd6b8;font-size:var(--ui-min-font,11px);line-height:1.4}
.rune-compat-guide .compat-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}
.rune-compat-guide .compat-heading strong{color:#f2d793;font-size:13px}
.rune-compat-guide .compat-heading span{color:#b8c6c0}
.rune-compat-guide .compat-grades{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 7px}
.rune-compat-guide .compat-grades span{min-width:43px;padding:4px 5px;border:1px solid var(--grade-color);background:color-mix(in srgb,var(--grade-color) 17%,#172322);color:var(--grade-color);text-align:center;font-weight:700}
.rune-compat-guide .compat-grades span.blocked{border-color:#56625b;background:#1c2522;color:#758177;filter:grayscale(1)}
.rune-compat-guide .compat-grades span.blocked b{font-weight:700}
.rune-compat-guide p{margin:5px 0 0!important;color:#c4c7b4}
.rune-compat-guide em{font-style:normal;color:#f2bf82}

/* Q2-01-08: keep synthesis actions visible while the selected materials scroll. */
.pc-mode .rune-forge-workspace{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;overflow:hidden;gap:0}
.pc-mode .rune-material-stage{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#c4a46d #17212c}
.pc-mode .rune-materials{height:auto;max-height:none;overflow:visible;grid-auto-rows:max-content}
.pc-mode .rune-forge-controls{position:relative;z-index:2;padding:8px;background:linear-gradient(#29352f,#1b2726);border:1px solid #a58b57;box-shadow:0 -6px 15px #0008}

/* Q2-02-20: material cards and owned runes share the main page scrollbar. */
.pc-mode #main:has(.rune-forge-workspace){display:block;overflow-y:auto}
.pc-mode #main>.equipment-tabs+.rune-menu:has(.rune-forge-workspace){display:block;flex:none;min-height:0;overflow:visible;padding:16px 20px}
.pc-mode .rune-menu:has(.rune-forge-workspace){display:block;min-height:0;overflow:visible}
.pc-mode .rune-forge-workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);grid-template-rows:auto;align-items:start;gap:14px;min-height:0;overflow:visible}
.pc-mode .rune-material-stage{min-height:0;overflow:visible;padding:15px}
.pc-mode .rune-material-heading .eyebrow,.pc-mode .rune-material-stage>p{display:block}
.pc-mode .rune-material-heading h3{font-size:19px;margin:5px 0}
.pc-mode .rune-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;gap:10px;width:100%;max-width:650px;height:auto;max-height:none;overflow:visible;scrollbar-gutter:auto;margin:12px auto;padding:0}
.pc-mode .rune-materials:has(> :nth-child(4)){grid-template-columns:repeat(5,minmax(0,1fr))}
.pc-mode .rune-materials .rune-card,.pc-mode .rune-materials .rune-empty-slot{width:100%;height:auto;min-height:0;aspect-ratio:135/173;padding:5px}
.pc-mode .rune-materials .rune-art{width:75%;height:62%}
.pc-mode .rune-materials .rune-card b,.pc-mode .rune-materials .rune-card .rune-grade-label{font-size:max(var(--ui-min-font),12px)!important}
.pc-mode .rune-forge-controls{position:sticky;top:10px;align-self:start;display:flex;flex-direction:column;gap:8px;padding:15px;box-shadow:none}
.pc-mode .rune-forge-controls h3{font-size:20px}.pc-mode .rune-forge-controls p{text-align:left;font-size:13px}
.pc-mode .rune-forge-controls>small:last-child{display:block}
.pc-mode .rune-forge-roster{grid-column:auto;grid-row:auto;grid-template-columns:repeat(5,minmax(0,1fr));max-height:none;min-height:0;overflow:visible;margin:14px 0 8px;padding:14px;gap:10px}
.pc-mode .rune-forge-roster:before{content:"보유 룬 · 종류·등급·수량";grid-column:1/-1;color:#edcf92;font-size:20px;font-weight:700}
.pc-mode .rune-protection{white-space:normal;overflow:visible;text-overflow:clip;margin:9px 0!important}