@layer components{.game-button{letter-spacing:.025em;border-radius:0}.game-button--framed{--button-cut:8px;--button-stroke:1px;--corner:var(--button-cut);--button-fill:var(--secondary);--button-edge:#597990;--button-glow:#8ed8ff30;--button-hover-fill:#203b4c;isolation:isolate;clip-path:polygon(var(--button-cut) 0, 100% 0, 100% calc(100% - var(--button-cut)), calc(100% - var(--button-cut)) 100%, 0 100%, 0 var(--button-cut));background:0 0;border:0;position:relative}.game-button--framed:before,.game-button--framed:after{content:"";pointer-events:none;clip-path:polygon(var(--corner) 0, 100% 0, 100% calc(100% - var(--corner)), calc(100% - var(--corner)) 100%, 0 100%, 0 var(--corner));position:absolute}.game-button--framed:before{z-index:-2;background-color:var(--button-edge);inset:0}.game-button--framed:after{--corner:max(0px, calc(var(--button-cut) - var(--button-stroke) * .585786));inset:var(--button-stroke);z-index:-1;background-color:var(--button-fill);background-image:linear-gradient(110deg,#0000 40%,#c6edff24 50%,#0000 60%),linear-gradient(160deg,#ffffff0d,#0000 55%,#00000018);background-position:100% 0,0 0;background-repeat:no-repeat;background-size:250% 100%,100% 100%}.game-button--primary{--button-fill:#20465b;--button-hover-fill:#2a5b73;--button-edge:#6a9eb6;font-weight:600}.game-button--outline{--button-fill:var(--background);--button-hover-fill:#183548;--button-edge:#557991}.game-button--secondary{--button-fill:#1a2b3a;--button-hover-fill:#283e50;--button-edge:#425d71}.game-button--purple{--button-fill:#352645;--button-hover-fill:#49335d;--button-edge:#8d73b4;--button-glow:#b79aeb30}.game-button--orange{--button-fill:#493020;--button-hover-fill:#60402b;--button-edge:#bd8a61;--button-glow:#dba47730}.game-button--warning{--button-fill:#413720;--button-hover-fill:#594a2b;--button-edge:#b9a064;--button-glow:#e6c38330}.game-button--ghost{--button-fill:transparent;--button-edge:transparent}.game-button--ghost:not(:hover,:focus-visible):after{background-image:none}.game-button--ghost:is(:hover,:focus-visible){--button-edge:#557991}.game-button--success{--button-fill:#1c3b31;--button-hover-fill:#28503f;--button-edge:#699c7e;--button-glow:#83d9a530}.game-button--destructive{--button-fill:#482730;--button-hover-fill:#60323d;--button-edge:#b4727c;--button-glow:#f08e8e30}.game-button--white{--button-fill:#c4d5df;--button-hover-fill:#e1edf4;--button-edge:#edf7ff}.game-button--compact{--button-cut:5px}.game-button--border-effect{--button-stroke:2px}.game-button--shadow-effect:is(:hover,:focus-visible):not(:disabled,[aria-disabled=true]):after{box-shadow:inset 0 0 20px var(--button-glow)}.game-button--framed:is(:hover,:focus-visible):not(:disabled,[aria-disabled=true]):before{background-color:color-mix(in srgb, var(--button-edge), white 20%)}.game-button--framed:is(:hover,:focus-visible):not(:disabled,[aria-disabled=true]):after{background-color:var(--button-hover-fill)}.game-button:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.game-button--framed:focus-visible{--button-stroke:2px;outline:none}.game-button--framed:focus-visible:not(:disabled,[aria-disabled=true]):before{background-color:var(--primary)}.game-button--framed[aria-invalid=true]:before{background-color:var(--destructive)}.game-button--framed:before,.game-button--framed:after{transition:background-color .28s}.game-button--framed:focus-visible:not(:disabled,[aria-disabled=true]):after{animation:.85s ease-out both game-button-sheen}@media (hover:hover){.game-button--framed:hover:not(:disabled,[aria-disabled=true]):after{animation:.85s ease-out both game-button-sheen}}@keyframes game-button-sheen{0%{background-position:100% 0,0 0}to{background-position:0 0,0 0}}@media (forced-colors:active){.game-button{clip-path:none;border:1px solid buttontext}.game-button--framed:before,.game-button--framed:after{display:none}.game-button:focus-visible{outline-offset:-2px;outline:2px solid highlight}}}