/* Compact tempered-metal frames, gold actions, turquoise selection. */
:root{--game-gold:#dfc181;--game-line:#756746;--game-positive:#8de5bc;--game-negative:#ffa5a1}
body.rift-ui .positive{color:var(--game-positive)!important}body.rift-ui .negative,body.rift-ui .action-warning{color:var(--game-negative)!important}
body.rift-ui .neutral{color:#c5d5df}
body.rift-ui dialog :is(h2,h3){text-shadow:0 2px 2px #0008;letter-spacing:.015em}
body.rift-ui :is(dialog,#header-more) button{box-shadow:inset 0 1px 0 #e8d9ae20,inset 0 -2px 0 #0004;transition:scale .09s ease,filter .12s ease,border-color .12s ease}
body.rift-ui :is(dialog,#header-more) button:active:not(:disabled){scale:.97;filter:brightness(1.18)}
body.rift-ui :is(dialog,#header-more) button:focus-visible{outline:2px solid #ffe4a2;outline-offset:2px}
body.rift-ui dialog :is(.gold-button,.gem-primary){background:linear-gradient(#e4ca8c,#ac8245)!important;color:#152330!important;border:1px solid #ffe2a0!important;font-weight:750}
body.rift-ui dialog .danger-button{background:linear-gradient(#783c39,#432229)!important;border:1px solid #b97368!important;color:#ffdfd8!important}
body.rift-ui dialog :is(input,select,textarea){border-color:#60747b;background-color:#0b1e2b;color:#dfebe9;box-shadow:inset 0 2px 4px #0003}
body.rift-ui dialog :is(button[aria-pressed=true],button.active){box-shadow:inset 0 -2px #8de0ca,inset 0 0 18px #6dcbb117}
body.rift-ui #navigation-more-items{background:linear-gradient(155deg,#1c3442,#09151f)!important;border:1px solid #8d794f!important;box-shadow:inset 0 0 0 1px #ddc48a24,0 8px 24px #0008!important}
body.rift-ui dialog.game-action-dialog{position:fixed;inset:12px;margin:auto;width:min(620px,calc(100vw - 24px));height:fit-content;max-height:calc(100dvh - 24px);padding:0;color:#e3ecea;overflow:hidden;z-index:200;box-sizing:border-box}
body.rift-ui dialog.game-action-dialog[open]{display:flex;flex-direction:column}
.game-action-dialog>header,.game-action-dialog>footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#0a192666}
.game-action-dialog>header{border-bottom:1px solid #a68c5355}.game-action-dialog h2{font-size:18px;margin:0;color:#f0d799}
.game-action-dialog>header button{width:32px;min-height:32px}.game-action-dialog>footer{border-top:1px solid #a68c5355}
.game-action-dialog>footer button{padding:10px;min-height:40px;font-size:14px}.game-action-dialog>footer button:last-child{flex:1}
.game-action-dialog .action-body{min-height:0;overflow:auto;padding:12px 14px;overscroll-behavior:contain;font-size:14px}
.game-action-dialog .action-body p{line-height:1.5;margin:8px 0}
.power-outcome{text-align:center;padding:12px;background:radial-gradient(ellipse at top,#46664d44,transparent 70%);border-bottom:1px solid #9c885a66}
.power-outcome>span,.power-outcome>strong,.power-outcome>small{display:block}.power-outcome>span{color:#d0d9d8;font-size:13px}
.power-outcome>strong{font-size:clamp(26px,5vw,38px);color:#ffe4a5;font-variant-numeric:tabular-nums;line-height:1.35}
.power-outcome>b{display:block;font-size:19px}.power-outcome>small{margin-top:5px;color:#bacad2;font-size:12px}
.stat-outcome{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0}.stat-outcome>div{display:flex;flex-direction:column;gap:4px;background:#06162070;padding:8px;border-bottom:1px solid #5a737b}.stat-outcome span{font-size:12px}
.equip-preview-list{display:grid;gap:6px}.equip-preview-list article{display:grid;grid-template-columns:42px minmax(0,1fr) 16px minmax(0,1fr);gap:6px;align-items:center;border:1px solid #52646c;padding:6px;border-radius:4px}.equip-preview-list article>strong{font-size:12px}
.equip-preview-card{display:flex;gap:6px;align-items:center;min-width:0;font-size:12px;overflow-wrap:anywhere}
.equip-preview-card img,.action-items img{width:38px!important;height:38px!important;object-fit:contain;flex:none}.equip-preview-card svg,.action-items svg{width:32px;height:32px;flex:none}
.reward-outcome{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.reward-outcome>div{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px;border:1px solid var(--grade,#80764e);background:#071a2488;border-radius:4px}.reward-outcome img{width:34px;height:34px;object-fit:contain}.reward-outcome strong{color:#ffe3a1;font-size:18px;flex-basis:100%}.reward-outcome small{font-size:12px;color:#b9cbd2}
.action-items{border-top:1px solid #52646c;padding-top:8px}.action-items summary{cursor:pointer;color:#e3ca91;padding:6px}.action-items>div{display:flex;align-items:center;gap:8px;padding:5px;border-bottom:1px solid #405461}.action-items small{margin-left:auto;white-space:nowrap}
body.rift-ui #gems-dialog .gem-confirm{max-width:680px;margin:0 auto;border:1px solid #958054;background:#0b1d2bd9;padding:14px;border-radius:6px}
body.rift-ui #gems-dialog .gem-confirm>p{white-space:pre-line;font-size:14px;line-height:1.7}
body.rift-ui #gems-dialog .socket-outcome{display:flex;flex-direction:column;gap:5px;min-width:0;white-space:normal}
.socket-outcome .outcome-row{display:flex;flex-direction:column;gap:3px;line-height:1.45;font-variant-numeric:tabular-nums}.outcome-row strong{font-size:12px}.outcome-row span{font-size:14px}.outcome-row em{font-style:normal;font-weight:700}.outcome-row small{font-size:12px;line-height:1.4;color:#d3be93}
.gem-confirm .socket-outcome{padding:14px 10px;margin:12px 0;background:#26453855;border-left:3px solid #8fdcc0}.gem-confirm .outcome-row span{font-size:22px}.gem-confirm .outcome-row strong{font-size:14px}
.gem-confirm-actions{display:flex;gap:8px}.gem-confirm-actions button{min-height:40px;flex:1}
body.rift-ui #gems-dialog .is-selecting-gem{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))!important;gap:10px!important;align-content:start!important}
body.rift-ui #gems-dialog .is-selecting-gem .gem-gear{display:block!important;height:auto!important;min-height:0!important;padding:8px!important}
body.rift-ui #gems-dialog .is-selecting-gem .gem-gear-heading{position:static!important;display:flex!important;width:auto!important;height:auto!important;margin:0 0 8px!important}
body.rift-ui #gems-dialog .is-selecting-gem .gem-socket-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(115px,1fr))!important;gap:8px!important;overflow:visible!important;height:auto!important}
.socket-choice{display:flex;flex-direction:column;align-items:flex-start;gap:5px;border:1px solid #49616a;padding:7px;background:#06192566;border-radius:4px;min-width:0}
body.rift-ui #gems-dialog .socket-choice>button{width:50px!important;height:50px!important;min-height:50px!important;aspect-ratio:1!important;margin:0!important}
body.rift-ui #gems-dialog .socket-choice .gem-badge{width:100%!important;height:100%!important}
body.rift-ui #gems-dialog .socket-choice .gem-badge img{width:100%!important;height:100%!important;object-fit:contain}
.exp-rank-rules{padding:10px;border:1px solid #7b704f;background:#14232ddd;color:#e5d4a8;font-size:13px;line-height:1.6}.exp-rank-rules p{margin:3px 0}
.exp-record{border:1px solid #566c75;border-radius:5px;background:#0b1e2c;margin:8px 0;padding:10px}.exp-record.is-mine{border-color:#bfa268;box-shadow:inset 3px 0 #d9b773}
.exp-record>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.exp-record>header>div{display:flex;flex-direction:column;gap:4px}.exp-record .rank-main{color:#f0d594;font-size:18px;font-weight:700}.exp-record small{color:#c0d1d8;font-size:12px}.exp-record details{border-top:1px solid #48606a;margin-top:8px;padding-top:8px}.exp-record summary{cursor:pointer;color:#97d8c7;font-size:13px}.exp-record-line{display:grid;grid-template-columns:1fr auto;gap:4px;padding:8px 0;border-bottom:1px solid #29434f}.exp-record-line small{grid-column:1/-1}.exp-rank-empty{padding:22px;text-align:center}
#viewport .bottom-left #damage-meter-button{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;min-width:0;min-height:25px;padding:3px 6px;margin:5px 0 0;border:1px solid #7d7450;background:linear-gradient(#19333e,#0b202b);border-radius:4px;color:#bcd9d5;font-size:11px;line-height:17px;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:auto}
@media(orientation:portrait){body.rift-ui #viewport .bottom-left{display:flex!important;flex-direction:column!important;gap:0!important}#viewport .bottom-left .currency{order:0}#viewport .bottom-left #damage-meter-button{order:1}#viewport .bottom-left #loot-feed{order:2}#viewport .bottom-left #kina-gain{order:3}}
/* Discrete transitions preserve native dialog closing and focus semantics. */
@supports (transition-behavior:allow-discrete){
 body.rift-ui dialog.game-skinned{opacity:0;scale:.985;transition:opacity .15s ease,scale .15s ease,display .15s allow-discrete,overlay .15s allow-discrete}
 body.rift-ui dialog.game-skinned[open]{opacity:1;scale:1}
 @starting-style{body.rift-ui dialog.game-skinned[open]{opacity:0;scale:.985}}
 body.rift-ui dialog.game-skinned::backdrop{transition:opacity .15s ease,display .15s allow-discrete,overlay .15s allow-discrete}
 #header-more::details-content{opacity:0;transition:opacity .15s ease,content-visibility .15s allow-discrete}
 #header-more[open]::details-content{opacity:1}
 @starting-style{#header-more[open]::details-content{opacity:0}}
}
@media(max-width:600px){.game-action-dialog .action-body{padding:10px}.game-action-dialog>header,.game-action-dialog>footer{padding:10px}.equip-preview-card{flex-direction:column;align-items:flex-start;gap:3px}.gem-confirm .outcome-row span{font-size:19px}.stat-outcome{grid-template-columns:repeat(3,minmax(0,1fr))}.exp-record>header{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){body.rift-ui dialog.game-skinned,body.rift-ui dialog.game-skinned::backdrop,body.rift-ui button{transition:none!important;animation:none!important}}
:root[data-low-power-idle=true] body.rift-ui dialog.game-skinned,:root[data-low-power-idle=true] body.rift-ui button{transition:none!important;animation:none!important}
#viewport #damage-meter-button#damage-meter-button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 7px;padding:4px 6px;line-height:16px;font-size:11px;min-width:0}
#viewport #damage-meter-button>span:nth-child(2){text-align:right;overflow:hidden;text-overflow:ellipsis}
#viewport #damage-meter-button::after{display:none}
#meter-top-skills{grid-column:1 / -1;display:grid;gap:3px;min-width:0}
.meter-mini-row{position:relative;display:flex;justify-content:space-between;gap:4px;padding-bottom:4px;min-width:0;background:linear-gradient(#314c51,#314c51) bottom / 100% 2px no-repeat}
.meter-mini-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.meter-mini-row>i{position:absolute;bottom:0;left:0;height:2px;background:#d6ba73;max-width:100%;pointer-events:none}
.auto-dismantle-grades{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.auto-dismantle-grades label,.auto-dismantle-enable{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid #617c80;border-radius:5px;background:#102c38}
#auto-dismantle-settings{max-width:540px;width:calc(100% - 24px)}
#auto-dismantle-settings input{width:18px;height:18px;accent-color:#c9ae67}
body.rift-ui #inventory-dialog .inventory-heading-actions{flex-wrap:wrap!important;max-width:100%}
#viewport #loot-layer{position:absolute;z-index:14;left:max(10px,var(--safe-left,0px));bottom:calc(var(--rift-nav,56px) + 18px);display:flex;flex-direction:column;justify-content:flex-end;width:min(220px,42vw);max-height:112px;overflow:hidden;pointer-events:none}
#viewport #loot-layer #loot-feed{position:static!important;inset:auto!important;width:100%!important;max-height:92px!important;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;overflow:hidden;font-size:11px}
#viewport #loot-layer #kina-gain{position:static!important;font-size:11px;line-height:17px;padding:0 5px;color:#e2c896;text-shadow:0 1px 3px #000}
@media(any-pointer:coarse){#viewport #loot-layer{left:max(8px,var(--safe-left,0px));bottom:calc(var(--rift-nav,56px) + 12px);width:min(155px,38vw);max-height:88px}#viewport #loot-layer #loot-feed{max-height:70px!important;font-size:10px}}
@media(orientation:landscape) and (max-height:520px){#viewport #loot-layer{bottom:calc(var(--rift-nav,44px) + 8px);width:145px;max-height:66px}#viewport #loot-layer #loot-feed{max-height:52px!important}}