@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&family=Noto+Sans+Javanese:wght@400;500;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-duration:initial}}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.left-1\/2{left:50%}.z-40{z-index:40}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.scale-1{--tw-scale-x:1%;--tw-scale-y:1%;--tw-scale-z:1%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-2{--tw-scale-x:2%;--tw-scale-y:2%;--tw-scale-z:2%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-3{--tw-scale-x:3%;--tw-scale-y:3%;--tw-scale-z:3%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-4{--tw-scale-x:4%;--tw-scale-y:4%;--tw-scale-z:4%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.leading-none{--tw-leading:1;line-height:1}.whitespace-nowrap{white-space:nowrap}.uppercase{text-transform:uppercase}.italic{font-style:italic}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.select-none{-webkit-user-select:none;user-select:none}:root{--bg:#080e1a;--surface:#ffffff08;--border:#ffffff12;--text:#e8edf5;--muted:#b4c4dc8c;--accent:#4f9eff;--cell:#ffffff0a;--cell-border:#ffffff0f;--sidebar-w:292px;--panel-bg:#080e1abf;--toggle-bg:#ffffff12;--toggle-icon:#fff9}:root.light{--bg:#f0f4fb;--surface:#0000000a;--border:#00000017;--text:#111827;--muted:#37415a99;--accent:#2563eb;--cell:#ffffffd9;--cell-border:#00000017;--panel-bg:#f0f4fbe0;--toggle-bg:#00000012;--toggle-icon:#0000008c}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}a,button,[role=button],input,select,textarea,label{touch-action:manipulation}button{appearance:none}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;margin:0;font-family:DM Sans,sans-serif;font-size:14px;transition:background .25s,color .25s;overflow:hidden}body:before{content:"";pointer-events:none;-webkit-pointer-events:none;z-index:0;background:radial-gradient(#1e50a029 0%,#0000 70%);width:50%;height:60%;position:fixed;top:-20%;left:-10%}body:after{content:"";pointer-events:none;-webkit-pointer-events:none;z-index:0;background:radial-gradient(#148c6e1a 0%,#0000 70%);width:40%;height:50%;position:fixed;bottom:-20%;right:-10%}:root.light body:before{background:radial-gradient(#3b82f614 0%,#0000 70%)}:root.light body:after{background:radial-gradient(#14b8a60f 0%,#0000 70%)}.font-javanese{font-family:Noto Sans Javanese,sans-serif}.font-mono{font-family:DM Mono,monospace}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (max-width:1100px){html,body{overflow:auto}}@media (max-width:680px){html,body{height:auto;overflow:auto}.mobile-page-root{min-height:100dvh;gap:8px!important;height:auto!important;padding:10px!important;overflow:visible!important}.mobile-topbar{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.mobile-topbar-right{width:100%;flex-wrap:wrap!important;justify-content:flex-start!important;gap:6px!important}.mobile-hide{display:none!important}.mobile-game-layout{flex-direction:column!important;flex:none!important;gap:10px!important;min-height:0!important;display:flex!important}.mobile-game-panel{aspect-ratio:1!important;flex-shrink:0!important;justify-content:stretch!important;align-items:stretch!important;width:100%!important;height:auto!important;min-height:0!important;padding:6px!important}.mobile-grid-inner{width:100%!important;height:100%!important}.mobile-game-panel{overscroll-behavior:none}.mobile-sidebar{flex-shrink:0!important;min-height:0!important;max-height:none!important;overflow-y:visible!important}}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}