.enhancement-dialog { box-sizing:border-box; width:min(880px,96vw); max-height:92dvh; overflow:auto; color:#eee3d3; background:linear-gradient(140deg,#181722,#282031); border:1px solid #bd9860; border-radius:12px; padding:18px; }
.enhancement-dialog::backdrop { background:#000a; }
.enhancement-dialog header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.enhancement-dialog h2 { margin:0 0 12px; }
.enhancement-dialog button { padding:10px 12px; border:1px solid #77648f; border-radius:6px; background:#34293f; color:#fff0d3; cursor:pointer; }
.enhancement-dialog button:disabled { opacity:.45; cursor:default; }
.enhancement-dialog button[aria-pressed="true"] { border-color:#ffe099; background:#66513b; }
.enhancement-dialog nav,.enhancement-dialog footer { display:flex; gap:8px; flex-wrap:wrap; }
.enhancement-dialog footer { border-top:1px solid #5b4b60; margin-top:14px; padding-top:10px; }
.enhancement-dialog [data-balance] { flex-basis:100%; margin:0; }
.enhancement-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:18px; }
.enhancement-layout[hidden] { display:none; }
.enhancement-preview { text-align:center; background:#14121b; padding:14px; border:1px solid #4c405c; border-radius:8px; min-width:0; }
.enhancement-preview [data-item]>svg { width:90px; height:90px; }
.enhancement-preview h3 { overflow-wrap:anywhere; }
.enhancement-preview table { width:100%; font-size:14px; margin:12px 0; border-collapse:collapse; }
.enhancement-preview th,.enhancement-preview td { padding:5px; border-bottom:1px solid #3d3346; }
.enhancement-preview td:last-child { color:#8ce8ae; }
.enhancement-dialog [data-list] { display:flex; flex-direction:column; gap:7px; max-height:46dvh; overflow:auto; }
.enhancement-dialog [data-list] button { display:flex; gap:8px; align-items:center; text-align:left; flex-shrink:0; }
.enhancement-dialog [data-list] svg { width:38px; height:38px; flex-shrink:0; }
.enhancement-dialog [data-list] small { display:block; color:#c1aacb; }
.enhancement-dialog [data-result] { min-height:25px; color:#ffb495; }
.enhancement-dialog [data-result][data-success="true"] { color:#b5ffb1; font-weight:bold; }
.enhancement-charging [data-item] { animation:enhancement-glow .45s ease-in-out infinite alternate; }
@keyframes enhancement-glow { from { filter:brightness(1) drop-shadow(0 0 3px #e6bcff); } to { filter:brightness(2) drop-shadow(0 0 24px #ffe1a3); } }
.server-barrage { position:fixed; inset:12vh 0 auto 0; width:100vw; height:150px; margin:0; padding:0; border:0; overflow:hidden; background:transparent; pointer-events:none !important; user-select:none; z-index:2147483647; }
.server-barrage::backdrop { display:none; }
.server-barrage span { position:absolute; left:0; width:max-content; white-space:nowrap; font:bold 22px sans-serif; color:#ffe39b; text-shadow:0 2px 3px #000,0 0 5px #000; pointer-events:none !important; animation:barrage-scroll 5s linear forwards; }
@keyframes barrage-scroll { from { transform:translateX(100vw); } to { transform:translateX(-100%); } }
@media(max-width:560px) { .enhancement-dialog { padding:10px; } .enhancement-layout { gap:8px; grid-template-columns:minmax(0,1fr) minmax(0,.85fr); } .enhancement-preview { padding:8px; } .enhancement-preview [data-item]>svg { width:60px;height:60px; } .enhancement-dialog [data-list] button { flex-direction:column; padding:8px 5px; font-size:12px; } .enhancement-dialog footer button { flex:1; font-size:12px; } .enhancement-preview table { font-size:11px; } .server-barrage span { font-size:18px; } }