@font-face{font-family:Changa One;src:url(/fonts/changa-one-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rubik;src:url(/fonts/rubik-400-700.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Chakra Petch;src:url(/fonts/chakra-petch-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Chakra Petch;src:url(/fonts/chakra-petch-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}.app{height:100vh;background:var(--mui-palette-background-default);color:var(--mui-palette-text-primary)}.ui-overlay{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:10;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.ui-overlay .top-bar{position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:8pt;width:100%}.ui-overlay .top-bar .top-left-readouts{display:flex;align-items:center;margin-right:.5em}.ui-overlay .top-bar .top-right-gameplay{display:flex;flex-direction:column;align-items:flex-end;align-self:flex-start;gap:8pt;position:relative;pointer-events:all;padding-right:.5em;padding-top:.5em;z-index:1}.turn-controls{display:flex;gap:8pt}.ui-overlay .bottom-overlay{pointer-events:none;display:flex;flex-direction:row;height:20vh;width:100%;z-index:3;align-items:center;justify-content:center;position:relative}.ui-overlay .bottom-overlay .bottom-left-buttons{position:absolute;left:.5em;bottom:.5em;display:flex;flex-direction:row;gap:8pt}.ui-overlay .bottom-overlay .bottom-right-buttons{position:absolute;right:.5em;bottom:.5em;display:flex;flex-direction:row;gap:8pt}.simple-button{width:72pt;height:72pt;--sbcSize: 70pt;--sbcSizeX: 70pt;color:#baa688;cursor:pointer}.simple-icon{width:48pt;height:48pt}.secondary-render-canvas-container{min-width:16pt;min-height:16pt;aspect-ratio:1;max-height:100%;position:relative;display:flex;overflow:hidden}.secondary-render-canvas{display:flex;width:100%;height:100%;align-self:center;justify-self:center}.camera-gizmo{position:relative;width:250pt;height:250pt}.camera-gizmo-pip-target{position:absolute;width:15%;height:15%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:all;cursor:grab;&:active{cursor:grabbing}}.camera-gizmo-pan-target{position:absolute;width:50%;height:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:all;&:active{cursor:grabbing}}.camera-gizmo-and-zoom{position:relative}.camera-gizmo-and-zoom .zoom-out-button{position:absolute;left:0;bottom:0}.camera-gizmo-and-zoom .zoom-in-button{position:absolute;right:0;bottom:0}.png-icon{display:flex;background-position:center;background-size:contain}.png-icon.png-mask-icon{background:currentColor;mask-position:center;mask-size:contain}@property --sbcBorderRadius{syntax: "<length>"; initial-value: 6pt; inherits: true;}@property --sbcSize{syntax: "<length>"; initial-value: 80pt; inherits: true;}@property --sbcSizeX{syntax: "<length>"; initial-value: 80pt; inherits: true;}.styled-button-container{display:flex;flex-direction:column;position:relative;align-items:center;justify-content:center;isolation:isolate}.styled-button-container:before{content:"";position:absolute;top:0;left:0;z-index:-2;width:var(--sbcSizeX);aspect-ratio:calc(var(--sbcSize) / var(--sbcSizeX));clip-path:polygon(calc(var(--sbcBorderRadius) * 2) 0,calc(var(--sbcSizeX) - var(--sbcBorderRadius) * 2) 0,var(--sbcSizeX) calc(var(--sbcBorderRadius) * 2),var(--sbcSizeX) calc(var(--sbcSize) - var(--sbcBorderRadius) * 2),calc(var(--sbcSizeX) - var(--sbcBorderRadius) * 2) var(--sbcSize),calc(var(--sbcBorderRadius) * 2) var(--sbcSize),0 calc(var(--sbcSize) - var(--sbcBorderRadius) * 2),0 calc(var(--sbcBorderRadius) * 2));background:#7e6247;box-shadow:inset 0 2pt #ffffff80}.styled-button-container:after{content:"";position:absolute;top:0;left:0;z-index:-1;width:calc(var(--sbcSizeX) - var(--sbcBorderRadius));aspect-ratio:calc(var(--sbcSize) / var(--sbcSizeX));background:linear-gradient(90deg,#282b35,#1d2027);clip-path:polygon(calc(var(--sbcBorderRadius) * 2) var(--sbcBorderRadius),calc(var(--sbcSizeX) - var(--sbcBorderRadius) * 2) var(--sbcBorderRadius),calc(var(--sbcSizeX) - var(--sbcBorderRadius)) calc(var(--sbcBorderRadius) * 2),calc(var(--sbcSizeX) - var(--sbcBorderRadius)) calc(var(--sbcSize) - var(--sbcBorderRadius) * 2),calc(var(--sbcSizeX) - var(--sbcBorderRadius) * 2) calc(var(--sbcSize) - var(--sbcBorderRadius)),calc(var(--sbcBorderRadius) * 2) calc(var(--sbcSize) - var(--sbcBorderRadius)),var(--sbcBorderRadius) calc(var(--sbcSize) - var(--sbcBorderRadius) * 2),var(--sbcBorderRadius) calc(var(--sbcBorderRadius) * 2));box-shadow:inset 0 8pt #00000080}.styled-button-content{display:flex}.styled-button-expansion-pip{display:flex;position:absolute;bottom:calc(100% + 2pt);width:32pt;clip-path:polygon(0 100%,50% 0,100% 100%);aspect-ratio:3;background:#d79b55}.styled-button-expansion-pip.down{bottom:auto;top:calc(100% + 2pt);clip-path:polygon(0 0,50% 100%,100% 0)}.styled-button-expansion-pip.right{bottom:auto;left:calc(100% + 2pt);width:10pt;aspect-ratio:1 / 3;clip-path:polygon(0 0,100% 50%,0 100%)}.styled-button-expansion-pip.left{bottom:auto;right:calc(100% + 2pt);width:10pt;aspect-ratio:1 / 3;clip-path:polygon(100% 0,0 50%,100% 100%)}.styled-button-lit-indicator{display:flex;align-items:center;justify-content:center;position:absolute;bottom:var(--sbcBorderRadius);background:#7e6247;aspect-ratio:.9;width:12pt;border-radius:2pt}.styled-button-lit-indicator:after{content:"";position:absolute;display:flex;background:#a37a42;border-radius:100%;aspect-ratio:.9;width:7pt}.styled-button-lit-indicator.lit:after{content:"";position:absolute;display:flex;background:#fff164;border-radius:100%;aspect-ratio:.9;width:7pt}.styled-button-container.disabled{filter:brightness(.5)}.styled-button-container.selected:before{background:#d79b55}.camera-zoom-button{width:48pt;height:48pt;--sbcSize: 48pt;--sbcSizeX: 48pt;color:#baa688;cursor:pointer}.camera-zoom-button-icon{width:32pt;height:32pt}.orbital-buttons-container{display:flex;width:120pt;aspect-ratio:1;position:relative;align-items:center;justify-content:center}.orbital-buttons-container:before{display:flex;content:"";width:100%;aspect-ratio:1;position:absolute;background:#80808080;border-radius:100%}.orbital-button-container{position:absolute;transform:translate(-50%,-50%)}.dev-menu{pointer-events:all;min-width:150pt;min-height:150pt;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5em}.dev-spawn-items{max-width:320pt;max-height:200pt;overflow-y:auto}.orbital-toggle{display:flex;align-items:center;justify-content:center;background:#404;border-radius:100%;height:2em;aspect-ratio:1}.orbital-toggle.selected{background:#fff;color:#222}.card-ui[data-rarity=uncommon]{--rarity: #03fc45}.card-ui[data-rarity=rare]{--rarity: #0390fc}.card-ui[data-rarity=epic]{--rarity: #be03fc}.card-ui[data-rarity=legend]{--rarity: #fc9803}.card-fan{display:grid}.card-fan>.card-ui{grid-area:1/1;transform-origin:50% 200%;rotate:var(--angle)}.card-ui{--rarity: #fff;--angle: 0deg;position:relative;container-type:inline-size;height:20vh;aspect-ratio:460/600;border-radius:2%;background:linear-gradient(#543,#130a06 45%,#070401);transition:.2s ease-in-out;font-size:medium;font:.8em system-ui}.card-ui:hover{transform:translateY(-30vh) rotate(calc(-1 * var(--angle))) translateY(20vh);z-index:1}.card-fan>.card-ui:hover~.card-ui{transform:rotate(20deg)}.card-fan>.card-ui:has(~.card-ui:hover){transform:rotate(-20deg)}.card-ui:after{content:"";position:absolute;inset:0;transform-origin:50% 200%;transition:inherit;pointer-events:all}.card-ui:hover:after{transform:translateY(-20vh) rotate(var(--angle)) translateY(30vh)}.card-fan>.card-ui:hover~.card-ui:after{transform:rotate(-8deg)}.card-fan>.card-ui:has(~.card-ui:hover):after{transform:rotate(8deg)}.card-rarity-line{position:absolute;inset:3cqw;padding:3cqw;border:1cqw solid var(--rarity);background:linear-gradient(#333,#333) content-box,#000;box-shadow:0 0 1.5cqw var(--rarity)}.card-art{position:absolute;inset:5cqw 5cqw auto;height:72.5cqw;display:grid;place-items:center;background:radial-gradient(#8a8a8a,#e5e5e9);mask:linear-gradient(#000 0 0) top / 100% 47cqw no-repeat,radial-gradient(circle at 45cqw 32cqw,#000 41cqw,transparent 0)}.card-gear{position:absolute;inset:48cqw 0 auto;height:37cqw;background:url(/assets/gear-D9AnBm_1.png) top / contain no-repeat;filter:drop-shadow(0 1cqw 1cqw #000)}.card-name{position:absolute;inset:2cqw 16cqw auto;height:10cqw;border:1cqw solid #853;border-radius:1cqw;background:#444;color:#eec;text-align:center;font-size:.6em}.card-desc{position:absolute;inset:80cqw 10cqw 10cqw;place-items:center;display:grid;color:#eed;text-align:center}.dev-sidecar{position:fixed;right:0;bottom:110pt;pointer-events:all}.collapsing-card-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:80pt;aspect-ratio:1;pointer-events:all}.collapsing-card-display{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:80pt;aspect-ratio:1;cursor:pointer;z-index:1;img{max-width:100%;aspect-ratio:1}}.collapsing-card-menu{position:absolute;transition:opacity .25s ease,transform .25s ease}.collapsing-card-menu.up{bottom:calc(100% + 8pt);left:50%;translate:-50% 0;transform-origin:bottom center}.collapsing-card-menu.down{top:calc(100% + 8pt);left:50%;translate:-50% 0;transform-origin:top center}.collapsing-card-menu.right{left:calc(100% + 8pt);top:50%;translate:0 -50%;transform-origin:left center}.collapsing-card-menu.left{right:calc(100% + 8pt);top:50%;translate:0 -50%;transform-origin:right center}.collapsing-card-menu-list{display:flex;align-items:center;gap:4pt;padding:4pt}.collapsing-card-menu-list.up{flex-direction:column-reverse}.collapsing-card-menu-list.down{flex-direction:column}.collapsing-card-menu-list.right{flex-direction:row}.collapsing-card-menu-list.left{flex-direction:row-reverse}.item-cost{display:flex;align-items:center;gap:6pt;font-weight:700;color:#eee}.item-cost-row{display:flex;align-items:center;gap:3pt}.item-cost-material-icon{display:flex;width:16pt;height:16pt;border-radius:2pt}.item-tile{width:80pt;height:80pt;color:#baa688;cursor:pointer}.item-tile-content{display:flex;flex-direction:column;align-items:center;gap:2pt}.item-tile-icon{width:40pt;height:40pt}.build-menu-category-icon{width:48pt;height:48pt;color:#baa688}.material-counter{--sbcSizeX: 460pt;--sbcSize: 44pt;--sbcBorderRadius: 4pt;width:var(--sbcSizeX);height:var(--sbcSize);box-sizing:border-box;justify-content:center;pointer-events:all;padding:0;margin:.5em 0 0 .5em}.material-counter-row{display:flex;align-items:center;gap:1em}.material-counter-slot{display:flex;flex-direction:row;align-items:center;gap:.25em}.material-counter-icon{width:28pt;height:28pt;border-radius:3pt;flex-shrink:0}.material-counter-count{font-size:13pt;font-weight:700;display:flex;flex-direction:row;align-items:center;gap:.25em}.material-counter-count:before{content:"x";display:flex;font-size:.8em;opacity:.5}.board-view{height:100%;overflow:hidden;pointer-events:all}.main-menu{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.main-menu-logo{width:60%;max-width:480px}.main-menu-buttons{display:flex;flex-direction:column;gap:8px;width:240px}.main-menu-difficulty{display:flex;justify-content:center;gap:8px}.drop-highlight{position:absolute;inset:16px;border:3px dashed var(--mui-palette-primary-main);border-radius:8px;pointer-events:none}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.load-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.model-viewer{display:flex;height:100%}.model-viewer-viewport{position:relative;flex:1}.model-viewer-canvas{position:absolute;inset:0}.model-viewer-toolbar{position:absolute;top:16px;left:16px;display:flex;gap:8px}.color-field{display:flex;justify-content:space-between}.color-field-swatch{width:40px;height:24px}.color-field-picker{padding:12px}.slider-field{display:flex;align-items:center;gap:16px}.slider-field-input{width:90px;flex-shrink:0}.model-details-row{display:flex;justify-content:space-between}.settings-panel{width:360px;overflow-y:auto;padding:20px}.all-pieces-view{height:100%;overflow:hidden}