:root{--rim-lit:8px;--rim-shade:6px;--seam:4px;--seam-down:url(/game-ui/frames/button-l.png) -2px 0;--seam-across:url(/game-ui/frames/button-t.png) 0 -2px;--inside-rim:var(--rim-lit) var(--rim-lit) / calc(100% - var(--rim-lit) - var(--rim-shade)) calc(100% - var(--rim-lit) - var(--rim-shade))}.frame{--slice-top:var(--rim-lit);--slice-right:var(--rim-shade);--slice-bottom:var(--rim-shade);--slice-left:var(--rim-lit);z-index:-1;grid-template:var(--slice-top) minmax(0, 1fr) var(--slice-bottom) / var(--slice-left) minmax(0, 1fr) var(--slice-right);pointer-events:none;image-rendering:pixelated;display:grid;position:absolute;inset:0}.frame>span{background-repeat:no-repeat;overflow:hidden}.frame>:first-child{background-image:var(--tl)}.frame>:nth-child(2){background-image:var(--t)}.frame>:nth-child(3){background-image:var(--tr);background-position:100% 0}.frame>:nth-child(4){background-image:var(--l)}.frame[data-fill]>:nth-child(5){background:var(--frame-tint,transparent) var(--c) repeat}.frame>:nth-child(6){background-image:var(--r);background-position:100% 0}.frame>:nth-child(7){background-image:var(--bl);background-position:0 100%}.frame>:nth-child(8){background-image:var(--b);background-position:0 100%}.frame>:nth-child(9){background-image:var(--br);background-position:100% 100%}.frame[data-texture=button]{--tl:url(/game-ui/frames/button-tl.png);--t:url(/game-ui/frames/button-t.png);--tr:url(/game-ui/frames/button-tr.png);--l:url(/game-ui/frames/button-l.png);--c:url(/game-ui/frames/button-c.png);--r:url(/game-ui/frames/button-r.png);--bl:url(/game-ui/frames/button-bl.png);--b:url(/game-ui/frames/button-b.png);--br:url(/game-ui/frames/button-br.png)}:is(:is(a,button):not(:disabled):is(:hover,:focus-visible),[aria-current=page],[aria-current=step],[aria-pressed=true],[data-lit])>.frame[data-texture=button]{--tl:url(/game-ui/frames/button-hovered-tl.png);--t:url(/game-ui/frames/button-hovered-t.png);--l:url(/game-ui/frames/button-hovered-l.png);--c:url(/game-ui/frames/button-hovered-c.png)}.frame[data-texture=main]{--slice-right:8px;--slice-bottom:8px;--tl:url(/game-ui/frames/button-main-tl.png);--t:url(/game-ui/frames/button-main-t.png);--tr:url(/game-ui/frames/button-main-tr.png);--l:url(/game-ui/frames/button-main-l.png);--c:url(/game-ui/frames/button-main-c.png);--r:url(/game-ui/frames/button-main-r.png);--bl:url(/game-ui/frames/button-main-bl.png);--b:url(/game-ui/frames/button-main-b.png);--br:url(/game-ui/frames/button-main-br.png)}.frame[data-texture=classic]{--slice-top:6px;--slice-right:6px;--slice-bottom:6px;--slice-left:6px;--tl:url(/game-ui/frames/classic-tl.png);--t:url(/game-ui/frames/classic-t.png);--tr:url(/game-ui/frames/classic-tr.png);--l:url(/game-ui/frames/classic-l.png);--c:url(/game-ui/frames/classic-c.png);--r:url(/game-ui/frames/classic-r.png);--bl:url(/game-ui/frames/classic-bl.png);--b:url(/game-ui/frames/classic-b.png);--br:url(/game-ui/frames/classic-br.png)}:is(:not(:disabled):is(:hover,:focus-visible),[aria-current=page],[aria-current=step],[aria-pressed=true])>.frame[data-texture=classic]{--tl:url(/game-ui/frames/classic-hovered-tl.png);--t:url(/game-ui/frames/classic-hovered-t.png);--tr:url(/game-ui/frames/classic-hovered-tr.png);--l:url(/game-ui/frames/classic-hovered-l.png);--c:url(/game-ui/frames/classic-hovered-c.png);--r:url(/game-ui/frames/classic-hovered-r.png);--bl:url(/game-ui/frames/classic-hovered-bl.png);--b:url(/game-ui/frames/classic-hovered-b.png);--br:url(/game-ui/frames/classic-hovered-br.png)}:disabled>.frame[data-texture=classic]{--slice-top:2px;--slice-right:2px;--slice-bottom:2px;--slice-left:2px;--tl:url(/game-ui/frames/classic-disabled-tl.png);--t:url(/game-ui/frames/classic-disabled-t.png);--tr:var(--tl);--l:url(/game-ui/frames/classic-disabled-l.png);--c:url(/game-ui/frames/classic-disabled-c.png);--r:var(--l);--bl:var(--tl);--b:var(--t);--br:var(--tl)}body:after{content:url(/game-ui/frames/button-hovered-tl.png) url(/game-ui/frames/button-hovered-t.png) url(/game-ui/frames/button-hovered-l.png) url(/game-ui/frames/button-hovered-c.png) url(/game-ui/frames/classic-hovered-tl.png) url(/game-ui/frames/classic-hovered-t.png) url(/game-ui/frames/classic-hovered-tr.png) url(/game-ui/frames/classic-hovered-l.png) url(/game-ui/frames/classic-hovered-c.png) url(/game-ui/frames/classic-hovered-r.png) url(/game-ui/frames/classic-hovered-bl.png) url(/game-ui/frames/classic-hovered-b.png) url(/game-ui/frames/classic-hovered-br.png) url(/game-ui/frames/classic-disabled-tl.png) url(/game-ui/frames/classic-disabled-t.png) url(/game-ui/frames/classic-disabled-l.png) url(/game-ui/frames/classic-disabled-c.png);clip-path:inset(50%);pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.button{--height:var(--control-size);--frame-tint:var(--button-face,transparent);isolation:isolate;justify-content:center;align-items:center;gap:var(--space-2);min-width:var(--height);min-height:var(--height);padding:var(--rim-lit) calc(var(--rim-shade) + var(--space-3)) var(--rim-shade) calc(var(--rim-lit) + var(--space-3));color:var(--color-text-muted);font:var(--text-sm) / var(--leading-none) var(--font-control);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard);background:0 0;border:0;flex:none;text-decoration:none;display:inline-flex;position:relative}.button:not(:disabled):is(:hover,:focus-visible){--frame-tint:var(--button-face-hover,var(--color-hover));color:var(--color-text)}.button:not(:disabled):active{--frame-tint:var(--button-face-press,var(--color-press))}.button:is([aria-current=page],[aria-current=step],[aria-pressed=true],[data-lit]){color:var(--color-accent)}.button:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.button[data-solid]{--button-face:var(--color-bg-deep);--button-face-hover:var(--color-solid-hover);--button-face-press:var(--color-solid-press)}.button[data-size=sm]{--height:var(--control-size-sm);padding-inline:calc(var(--rim-lit) + var(--space-2)) calc(var(--rim-shade) + var(--space-2))}.button[data-size=lg]{--height:var(--control-size-lg);padding-inline:calc(var(--rim-lit) + var(--space-5)) calc(var(--rim-shade) + var(--space-5));font-size:var(--text-md)}.button[data-size=xl]{--height:var(--control-size-xl);padding-inline:calc(var(--rim-lit) + var(--space-8)) calc(var(--rim-shade) + var(--space-8));font-size:var(--text-md)}.button>.icon{color:var(--icon-accent,inherit)}.button:not(:disabled):is(:hover,:focus-visible)>.icon{color:inherit}.button:is([aria-expanded],summary) .button-label>.icon:last-child{transition:rotate var(--duration-fast) var(--ease-standard)}.button:is([aria-expanded=true],[open]>summary) .button-label>.icon:last-child{rotate:180deg}.button-label{align-items:center;gap:var(--space-2);white-space:nowrap;display:flex}.button[data-wrap]>.button-label{white-space:normal}.button:not(:has(.button-label)){padding:var(--rim-lit) var(--rim-shade) var(--rim-shade) var(--rim-lit)}.button[data-slot]{--frame-start:calc(var(--height) - var(--rim-lit));padding-inline-start:calc(var(--height) + var(--space-3))}.button[data-slot]>.frame{inset-inline-start:var(--frame-start)}.button-slot{isolation:isolate;width:var(--height);color:var(--color-bg-deep);place-items:center;transition:inherit;display:grid;position:absolute;inset:0 auto 0 0}.button:where(:not(:disabled):is(:hover,:focus-visible)) .button-slot{color:var(--color-text)}.button[data-lit] .button-slot{color:var(--color-accent)}.button-slot>img{width:24px;height:24px;image-rendering:pixelated}.button[data-size=lg]>.button-slot>img{width:32px;height:32px}.button[data-size=lg]>.button-slot>.icon{width:30px;height:30px}.button[data-size=xl]>.button-slot>.icon{width:36px;height:36px}.button[data-variant=classic]{--height:40px;padding:6px calc(6px + var(--space-2));color:#fff;--shadow:var(--text-shadow);transition:none}.button[data-variant=classic]:not(:has(.button-label)){padding:6px}.button[data-variant=classic]:disabled{opacity:1;color:var(--color-draw)}