:root{--color-primary:#d4a017;--color-primary-hover:#b8880f;--color-surface:#0f1423eb;--color-bg:#0d1117;--color-text:#e8eaf0;--color-border:#ffffff26;--color-disabled:#4a5060;--color-accent-gold:#d4a017;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-lg:18px;--font-weight-normal:400;--font-weight-bold:700}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(ellipse at center,#111827 0,#0a0f1a 100%);color:#e8eaf0;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;font-size:var(--font-size-base);line-height:1.5;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.body{background:radial-gradient(ellipse at center,#111827 0,#0a0f1a 100%);height:100dvh;width:100dvw}.App{background:radial-gradient(ellipse at center,#111827 0,#0a0f1a 100%);flex-direction:column;min-height:100vh;text-align:center;width:100%}.App,.App-main{display:flex;overflow:visible}.App-main{align-items:center;flex:1 1;flex-direction:column;min-height:calc(100vh - 80px)}.board-controls{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 24px #0009,0 1px 4px #0006;display:flex;flex-basis:min-content;height:fit-content;justify-content:space-between;left:var(--space-2);margin-bottom:var(--space-5);max-width:1200px;padding:var(--space-2);position:absolute;top:var(--space-2);z-index:2000}.control-group{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--space-2);.action-button.disabled,button:disabled{background-color:var(--color-disabled);cursor:default}}.action-button,.control-group button{background-color:var(--color-primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4);transition:background-color .2s}.action-button:hover,.control-group button:hover{background-color:var(--color-primary-hover);&.disabled,&:disabled{background-color:var(--color-disabled)}}.action-button{display:inline-block;text-align:center}.action-button.secondary-button{background-color:#ffffff1f;border:1px solid var(--color-border);color:var(--color-text)}.action-button.secondary-button:hover{background-color:#fff3}.hex-board-wrapper{align-items:center;flex-direction:column;height:100%;padding:15px}.hex-board-container,.hex-board-wrapper{display:flex;margin:0 auto;overflow:visible;width:100%}.hex-board-container{height:calc(100% - 55px);position:relative}.hex-board{height:100%;margin:0 auto;position:relative;width:100%}.selected-tile{align-items:center;display:flex;gap:var(--space-2)}.selected-tile-preview{align-items:center;border:2px solid var(--color-primary);border-radius:var(--radius-sm);display:flex;height:60px;justify-content:center;overflow:hidden;width:60px}.selected-tile-preview img{max-height:100%;max-width:100%;object-fit:contain}.hexagon{align-items:center;background-color:var(--color-bg);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);cursor:pointer;display:flex;justify-content:center;position:absolute;transition:transform .2s ease,filter .2s ease;&.drappable-overlay{opacity:0}}.mallice{align-items:center;display:flex;justify-content:center;pointer-events:none;position:absolute}.hexagon-droppable{height:100%;width:100%;z-index:-100}.drappable-overlay{opacity:1}.hexagon:not([style*=background-image]){background-color:#1e325a8c}.hexagon:hover{filter:brightness(1.1);transform:scale(1.03);z-index:10}.hexagon-content{color:#a0b4dcb3;font-size:var(--font-size-sm);opacity:1;text-align:center;z-index:11}.draggable-container{position:relative;>button{left:0;position:absolute;top:0}}.draggable-background{z-index:1}.draggable-element{z-index:11}@media (max-width:768px){.board-controls{flex-direction:column;gap:15px}.control-group,.selected-tile{justify-content:center;width:100%}.tile-picker{max-height:70vh;max-width:90%}}.tile-picker-overlay{align-items:center;background-color:#0000004d;display:flex;height:100%;justify-content:center;left:0;padding-top:var(--space-3);position:fixed;top:0;width:100%;z-index:3000}.tile-picker{--padding:var(--space-3);background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:0 4px 20px #0003;max-height:calc(90dwh - var(--padding)*2);max-width:calc(90% - var(--padding)*2);overflow-y:auto;padding:var(--padding);position:relative}.tile-picker-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-3);.top-line{align-items:center;display:flex;flex-basis:1;gap:var(--space-2);justify-content:space-between;width:100%;.tile-picker-search{background-color:#ffffff14;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);flex-grow:3;flex-grow:1;padding:var(--space-2) var(--space-3)}}}.tile-picker-header h3{font-size:var(--font-size-lg);margin:0}.category-buttons{display:flex;gap:var(--space-2);margin:var(--space-1) 0;width:100%}.category-buttons button{background-color:#ffffff1a;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;flex:1 1;padding:var(--space-2) var(--space-3);transition:background-color .2s ease}.category-buttons button:hover{background-color:#ffffff2e}.category-buttons button.active{background-color:var(--color-primary);color:#fff}.tier-buttons{display:flex;flex-wrap:wrap;gap:var(--space-1);margin:var(--space-1) 0;width:100%}.tier-buttons button{background-color:#ffffff1a;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;flex:1 1;font-size:var(--font-size-xs);min-width:calc(20% - var(--space-1));padding:var(--space-1) var(--space-2);transition:background-color .2s ease}.tier-buttons button:hover{background-color:#ffffff2e}.tier-buttons button.active{background-color:var(--color-primary);color:#fff}.tile-picker-header button{background-color:#ffffff1a;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;padding:var(--space-2) var(--space-3)}.tile-picker-header button:hover{background-color:#ffffff2e}.close-button{align-items:center;background-color:#ffffff1a;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-lg);height:33px;justify-content:center;line-height:1;width:33px}.close-button:hover{background-color:#ffffff2e}.tooltip{border-bottom:1px dotted #000;position:relative}.tooltip .tooltiptext{background-color:#000;border-radius:6px;color:#fff;padding:5px 0;position:absolute;text-align:center;visibility:hidden;width:120px;width:90px;z-index:167}.tooltip:hover .tooltiptext{visibility:visible}.tile-grid{grid-gap:var(--space-2);background-color:#0003;border-radius:var(--radius-sm);display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:60vh;overflow-y:auto;padding:var(--space-2)}.tile-option{align-items:center;background-color:var(--color-surface);border:2px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:80px;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;width:80px}.tile-option img{max-height:100%;max-width:100%;object-fit:contain}.tile-option:hover{box-shadow:0 2px var(--space-2) #0003;transform:scale(1.05)}.tile-option.selected{background-color:#4a90e21a;border-color:var(--color-primary)}.tile-grid button{background-color:var(--color-bg);border:none;border-radius:var(--radius-sm);cursor:pointer;grid-column:1/-1;margin-top:var(--space-2);padding:var(--space-2)}.tile-grid button:hover{background-color:#ffffff2e}.Button_Button__xX7PL{background-color:#242836;border:none;border-radius:var(--radius-md);color:#f6f8ff;cursor:pointer;font-size:var(--font-size-sm);font-weight:600;outline:none;padding:var(--space-4) var(--space-5);transform:scale(1);transition:transform .2s,background .4s;&:focus,&:hover{background-color:#2f3545;transform:scale(1.02)}&:focus{box-shadow:0 0 0 4px #4c9ffe}&:active{transform:scale(.95)}}.ConfirmModal_ConfirmModal__E2jOp{--width:250px;--height:120px;background-color:#fff;border-radius:var(--radius-lg);box-shadow:-1px 0 15px 0 #22215103,0 15px 15px 0 #22215140;box-sizing:border-box;display:flex;flex-direction:column;height:var(--height);left:calc(50vw - var(--width)/2);padding:var(--space-3);position:fixed;text-align:center;top:calc(50vh - var(--height)/2);width:var(--width);z-index:1000;h1{flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:20px}button{background:#242836;border:none;border-radius:var(--radius-sm);color:#f6f8ff;cursor:pointer;height:23px;margin:0 var(--space-1);width:50px;&:hover{background-color:#2f3545}}}$focused-outline-color:#4c9ffe;.Action_Action__I5YYf{-webkit-tap-highlight-color:transparent;align-items:center;appearance:none;background-color:initial;border:none;border-radius:5px;cursor:pointer;cursor:var(--cursor,pointer);display:flex;flex:0 0 auto;justify-content:center;outline:none;padding:15px;touch-action:none;width:12px;@media (hover:hover){&:hover{background-color:#0000000d;background-color:var(--action-background,#0000000d);svg{fill:#6f7b88}}}svg{fill:#919eab;flex:0 0 auto;height:100%;margin:auto;overflow:visible}&:active{background-color:#0000000d;background-color:var(--background,#0000000d);svg{fill:#788491;fill:var(--fill,#788491)}}&:focus-visible{box-shadow:0 0 0 2px #fff0,0 0 0 2px $focused-outline-color;outline:none}}@keyframes Item_pop__u8xwp{0%{box-shadow:var(--box-shadow);transform:scale(1)}to{box-shadow:var(--box-shadow-picked-up);transform:scale(var(--scale))}}@keyframes Item_fadeIn__8LiIB{0%{opacity:0}to{opacity:1}}.Item_Wrapper__QrFi8{box-sizing:border-box;display:flex;touch-action:manipulation;transform:translateZ(0) scaleX(1) scaleY(1);transform:translate3d(var(--translate-x,0),var(--translate-y,0),0) scaleX(var(--scale-x,1)) scaleY(var(--scale-y,1));transform-origin:0 0;&.Item_fadeIn__8LiIB{animation:Item_fadeIn__8LiIB .5s ease}&.Item_dragOverlay__PP5Xd{--scale:1.05;--box-shadow:0 0 0 calc(1px/var(--scale-x, 1)) #3f3f440d,0 1px calc(3px/var(--scale-x, 1)) 0 #22215126;--box-shadow-picked-up:0 0 0 calc(1px/var(--scale-x, 1)) #3f3f440d,-1px 0 15px 0 #22215103,0px 15px 15px 0 #22215140;z-index:999}}.Item_Item__4tIRi{-webkit-tap-highlight-color:transparent;align-items:center;background-color:#fff;border-radius:4px;border-radius:calc(4px/var(--scale-x, 1));box-shadow:0 0 0 1px #3f3f440d,0 1px 3px 0 #22215126;box-shadow:0 0 0 calc(1px/var(--scale-x, 1)) #3f3f440d,0 1px calc(3px/var(--scale-x, 1)) 0 #22215126;box-sizing:border-box;color:#333;display:flex;flex-grow:1;font-size:1rem;font-weight:400;list-style:none;outline:none;padding:18px 20px;position:relative;transform:scale(1);transform:scale(var(--scale,1));transform-origin:50% 50%;transition:box-shadow .2s cubic-bezier(.18,.67,.6,1.22);white-space:nowrap;&:focus-visible{box-shadow:0 0 4px 1px #4c9ffe,0 0 0 1px #3f3f440d,0 1px 3px 0 #22215126;box-shadow:0 0 4px 1px #4c9ffe,0 0 0 calc(1px/var(--scale-x, 1)) #3f3f440d,0 1px calc(3px/var(--scale-x, 1)) 0 #22215126}&:not(.Item_withHandle__0yYn0){cursor:grab;touch-action:manipulation}&.Item_dragging__R08db:not(.Item_dragOverlay__PP5Xd){opacity:.5;opacity:var(--dragging-opacity,.5);z-index:0;&:focus{box-shadow:0 0 0 1px #3f3f440d,0 1px 3px 0 #22215126;box-shadow:0 0 0 calc(1px/var(--scale-x, 1)) #3f3f440d,0 1px calc(3px/var(--scale-x, 1)) 0 #22215126}}&.Item_disabled__nJ1s3{background-color:#f1f1f1;color:#999;cursor:not-allowed;&:focus{box-shadow:0 0 4px 1px #0000001a,0 0 0 1px #3f3f440d,0 1px 3px 0 #22215126;box-shadow:0 0 4px 1px #0000001a,0 0 0 calc(1px/var(--scale-x, 1)) #3f3f440d,0 1px calc(3px/var(--scale-x, 1)) 0 #22215126}}&.Item_dragOverlay__PP5Xd{animation:Item_pop__u8xwp .2s cubic-bezier(.18,.67,.6,1.22);box-shadow:var(--box-shadow-picked-up);cursor:inherit;opacity:1;transform:scale(var(--scale))}&.Item_color__ipaev:before{background-color:var(--color);border-bottom-left-radius:3px;border-top-left-radius:3px;content:"";display:block;height:100%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}&:hover{.Item_Remove__xImEF{visibility:visible}}}.Item_Remove__xImEF{visibility:hidden}.Item_Actions__cC1Oz{align-self:flex-start;display:flex;margin:-12px -10px -15px auto}.Container_Container__IW4Oe{appearance:none;background-color:#141e37d9;border:1px solid #ffffff1a;border-radius:5px;box-sizing:border-box;display:flex;flex-direction:column;font-size:1em;grid-auto-rows:max-content;margin:10px;min-height:200px;min-width:350px;outline:none;overflow:hidden;transition:background-color .35s ease;ul{grid-gap:10px;display:grid;grid-template-columns:repeat(1,1fr);grid-template-columns:repeat(var(--columns,1),1fr);list-style:none;margin:0;padding:20px}&.Container_scrollable__z6ja6{ul{overflow-y:auto}}&.Container_placeholder__iBC7K{align-items:center;background-color:initial;border-color:#ffffff1f;border-style:dashed;color:#fff6;cursor:pointer;justify-content:center;&:hover{border-color:#ffffff40}}&.Container_hover__59LMH{background-color:#1e2d50e6}&.Container_unstyled__1gEEh{background-color:initial!important;border:none!important;overflow:visible}&.Container_horizontal__EC43N{width:100%;ul{grid-auto-flow:column}}&.Container_shadow__4YqKn{box-shadow:0 1px 10px 0 #2221511a}&:focus-visible{border-color:#0000;box-shadow:0 0 0 2px #fff0,0 0 0 2px #4c9ffe}}.Container_Header__HQA2i{align-items:center;background-color:#192644f2;border-bottom:1px solid #ffffff1a;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;justify-content:space-between;padding:5px 8px 5px 20px;&:hover{.Container_Actions__q8VVe>*{opacity:1!important}}}.Container_Actions__q8VVe{display:flex;>:first-child:not(:last-child){opacity:0;&:focus-visible{opacity:1}}}@property --progress{syntax:"<number>";initial-value:0;inherits:false}.Draggable_Draggable__hyY64{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;transition:transform .25s ease;>button{align-items:center;appearance:none;background-color:initial;border:0;border-radius:5px;display:flex;flex-shrink:1;justify-content:center;min-height:54px;outline:none;padding:var(--space-2) var(--space-4);transform:translateZ(0) scale(1);transform:translate3d(var(--translate-x,0),var(--translate-y,0),0) scale(var(--scale,1))}&:not(.Draggable_handle__VTkcs){>button{cursor:grab;touch-action:none;&:focus-visible:not(.Draggable_active__1EgD8 &){box-shadow:0 0 0 3px #4c9ffe}}}&.Draggable_handle__VTkcs{>button{--action-background:#ffffff1a;>svg{margin-right:5px}>button{margin-right:-10px}}}img{pointer-events:none;width:140px}img,label{-webkit-user-select:none;user-select:none}label{cursor:url(/ti4-playground/static/media/cursor.9567dea07e36b8ef2056.svg),auto;display:block;flex-shrink:1;font-size:1rem;font-weight:var(--font-weight-normal);padding:10px;text-align:center;transition:opacity .25s ease}&.Draggable_dragging__j3Fjy{transition:none;z-index:1;*{cursor:grabbing}>button{--scale:1.06;&:focus-visible{--box-shadow:0 0px 10px 2px #4c9ffe}}label{animation:none;opacity:0}}&.Draggable_dragOverlay__uq8tC,&.Draggable_dragging__j3Fjy{>button{animation:Draggable_pop__wIKGE .25s cubic-bezier(.18,.67,.6,1.22)}}}@keyframes Draggable_pop__wIKGE{0%{transform:translateZ(0) scale(1);transform:translate3d(var(--translate-x,0),var(--translate-y,0),0) scale(1)}to{box-shadow:var(--box-shadow);transform:translateZ(0) scale(var(--scale));transform:translate3d(var(--translate-x,0),var(--translate-y,0),0) scale(var(--scale))}}@keyframes Draggable_pending__rxABd{to{--progress:100}}.Droppable_Droppable__KXRQF{background-color:#fff;border-radius:10px;box-shadow:inset 0 0 0 2px #c9d3db80,0 0 0 1px #fff0,20px 14px 24px #c9d3db40;box-sizing:border-box;height:340px;padding-top:80px;position:relative;text-align:center;transition:box-shadow .25s ease;width:340px;>svg{left:50%;opacity:.8;pointer-events:none;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);transition:opacity .3s ease,transform .2s ease;-webkit-user-select:none;user-select:none;width:200px}&.Droppable_dragging__9S7uM{>svg{opacity:.8}}&.Droppable_over__MSxit{box-shadow:inset 0 0 0 3px #1eb99d,20px 14px 24px #c9d3db80;>svg{opacity:1}&.Droppable_dropped__U3Wbw{box-shadow:inset 0 0 0 3px #c9d3dbb3,20px 14px 24px #c9d3db80}}&.Droppable_dropped__U3Wbw{>svg{opacity:.2;transform:translate3d(-50%,100%,0) scale(.8)}}}.FloatingControls_FloatingControls__Ig5br{position:fixed;right:25px;top:25px}.Grid_Grid__yZdW7{background-image:repeating-linear-gradient(0deg,#0000,#0000 calc(var(--grid-size) - 1px),#ddd calc(var(--grid-size) - 1px),#ddd var(--grid-size)),repeating-linear-gradient(-90deg,#0000,#0000 calc(var(--grid-size) - 1px),#ddd calc(var(--grid-size) - 1px),#ddd var(--grid-size));background-size:var(--grid-size) var(--grid-size);height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.Grid_RangeSlider__py6Tv{bottom:20px;position:fixed;right:20px}.GridContainer_GridContainer__ILMMV{grid-gap:10px;display:grid;grid-template-columns:repeat(var(--col-count),1fr);max-width:800px;padding:20px;@media (max-width:850px){grid-template-columns:repeat(calc(var(--col-count) - 1),1fr)}@media (max-width:650px){grid-template-columns:repeat(calc(var(--col-count) - 2),1fr)}}.List_List__8WVer{grid-gap:10px;border-radius:5px;box-sizing:border-box;display:grid;grid-auto-rows:max-content;grid-template-columns:repeat(1,1fr);grid-template-columns:repeat(var(--columns,1),1fr);margin:10px;min-height:200px;min-width:350px;padding:20px 20px 0;transition:background-color .35s ease;&:after{content:"";grid-column-start:span 1;grid-column-start:span var(--columns,1);height:10px}&.List_horizontal__R24d2{grid-auto-flow:column;width:100%}}.OverflowWrapper_OverflowWrapper__Mw\+4z{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.Wrapper_Wrapper__e75-W{box-sizing:border-box;display:flex;justify-content:flex-start;padding:20px;width:100%;&.Wrapper_center__SmzK3{justify-content:center}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-overlay{align-items:center;animation:modal-fade-in .15s ease;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal-content{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 24px #0009;color:var(--color-text);min-width:300px;padding:var(--space-5)}.modal-title{margin-top:0}.form-group{margin-bottom:var(--space-3)}.form-label{display:block;font-weight:600;margin-bottom:6px}.form-textarea{background-color:#ffffff14;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm);min-height:90px;padding:var(--space-2);resize:vertical;width:100%}.form-textarea-export{min-height:120px;text-align:center}.form-hint{color:#a0b4dcb3;font-size:11px;font-size:var(--font-size-xs,11px);line-height:1.5;margin:var(--space-2) 0 0}.form-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.hidden-input{display:none}.PieceContainer_container__K5O2g{align-items:center;cursor:grab;display:flex;justify-content:center;position:absolute;z-index:50}.PieceContainer_container__K5O2g.PieceContainer_disabled__jwblC{cursor:not-allowed;opacity:.35;pointer-events:none}.PieceContainer_container__K5O2g.PieceContainer_isOver__v3ZuF{filter:brightness(1.4) drop-shadow(0 0 6px rgba(255,100,100,.9))}.PieceContainer_imageWrapper__sFQql{align-items:center;display:flex;justify-content:center;position:relative}.PieceContainer_badge__1Tmux{align-items:center;background-color:#000000bf;border-radius:7px;color:#fff;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);height:14px;justify-content:center;line-height:1;min-width:14px;padding:0 3px;pointer-events:none;position:absolute;right:-6px;top:-6px;-webkit-user-select:none;user-select:none;z-index:51}
/*# sourceMappingURL=main.514cb64a.css.map*/