.gui-panel{--accent:var(--gold);--accent-soft:#f6bc4529;border:2px solid var(--accent);color:var(--text);background:linear-gradient(#ffffff0d,#0000 34%),linear-gradient(160deg,#16324e,#0b1a2b);border-radius:10px;position:relative;overflow:hidden;box-shadow:0 6px #00000061,0 16px 34px #0009,inset 0 1px #ffffff1f}.gui-panel.mint{--accent:var(--mint);--accent-soft:#45e0b229}.gui-panel.blue{--accent:var(--blue);--accent-soft:#488dff29}.gui-panel-head{border-bottom:2px solid var(--accent);background:linear-gradient(180deg, var(--accent-soft), transparent);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;padding:11px 14px;font-size:12px;font-weight:900;display:flex;position:relative}.gui-panel-head .gui-ico{color:var(--accent)}.gui-panel-head .gui-head-right{margin-left:auto}.gui-panel-head:before,.gui-panel-head:after{content:"";background:var(--accent);width:5px;height:5px;box-shadow:0 0 6px var(--accent), inset 0 0 0 1px #0006;opacity:.75;border-radius:50%;position:absolute;top:8px}.gui-panel-head:before{left:8px}.gui-panel-head:after{right:8px}.gui-panel-body{padding:15px}.gui-btn{--accent:var(--gold);border:2px solid color-mix(in srgb, var(--accent) 72%, #000);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 88%, #fff) 0%, var(--accent) 55%, color-mix(in srgb, var(--accent) 70%, #000) 100%);color:#1c1406;min-height:44px;font:inherit;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;box-shadow:0 5px 0 color-mix(in srgb, var(--accent) 45%, #000), 0 8px 14px #00000073;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-size:12px;font-weight:900;transition:transform 80ms,box-shadow 80ms,filter .12s;display:inline-flex;position:relative}.gui-btn.mint{--accent:var(--mint);color:#052218}.gui-btn.blue{--accent:var(--blue);color:#05122a}.gui-btn.ghost{color:var(--text);background:linear-gradient(160deg,#14283d,#0c1b2c);box-shadow:0 5px #0006,inset 0 1px #ffffff14}.gui-btn:hover{filter:brightness(1.06)}.gui-btn:active{transform:translateY(5px);box-shadow:0 0 #0006,0 3px 8px #0006}.gui-btn:disabled{filter:grayscale(.7)brightness(.8);cursor:not-allowed;box-shadow:0 5px #0006}.gui-btn .gui-ico{width:16px;height:16px}.gui-chip{--accent:var(--gold);border:2px solid color-mix(in srgb, var(--accent) 55%, #000);background:linear-gradient(160deg,#14283d,#0b1a2b);border-radius:8px;grid-auto-flow:column;align-items:stretch;font-weight:800;display:inline-grid;overflow:hidden;box-shadow:0 3px #00000059,inset 0 1px #ffffff14}.gui-chip.mint{--accent:var(--mint)}.gui-chip .gui-chip-ico{background:var(--accent);color:#101a10;border-right:2px solid color-mix(in srgb, var(--accent) 55%, #000);place-items:center;width:34px;display:grid}.gui-chip .gui-chip-ico .gui-ico{width:16px;height:16px}.gui-chip .gui-chip-val{align-content:center;padding:5px 12px;display:grid}.gui-chip .gui-chip-val b{font-size:14px;line-height:1}.gui-chip .gui-chip-val small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:8px}.gui-meter{--accent:var(--mint);border:2px solid color-mix(in srgb, var(--accent) 55%, #000);background:#0a1725;border-radius:6px;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #0000008c}.gui-meter.gold{--accent:var(--gold)}.gui-meter>span{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 88%, #fff), var(--accent));height:100%;box-shadow:0 0 10px color-mix(in srgb, var(--accent) 60%, transparent);transition:width .4s cubic-bezier(.2,.8,.2,1);display:block}.gui-meter:after{content:"";pointer-events:none;background-image:repeating-linear-gradient(90deg,#0000 0 15px,#00000073 15px 17px);position:absolute;inset:0}.gui-badge{--accent:var(--gold);border:2px solid color-mix(in srgb, var(--accent) 60%, #000);background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 85%, #fff), var(--accent));color:#1c1406;width:30px;height:30px;box-shadow:0 3px 0 color-mix(in srgb, var(--accent) 45%, #000);border-radius:7px;place-items:center;font-size:13px;font-weight:900;display:grid;transform:rotate(45deg)}.gui-badge>*{transform:rotate(-45deg)}.gui-badge.mint{--accent:var(--mint);color:#052218}.gui-ico{vertical-align:-.14em;flex:none;width:1em;height:1em;display:inline-block}