:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--panel-padding: var(--space-3) var(--space-4);--panel-gap: var(--space-3);--panel-radius: 8px;--panel-border: 1px solid #f0f0f0;--statusbar-padding: var(--space-1) var(--space-4) var(--space-2)}*,*:before,*:after{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-height:100vh;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#root{min-height:100vh;min-height:100dvh}.game-board{-webkit-user-select:none;user-select:none}.hex-grid{display:flex;flex-wrap:wrap;justify-content:center}.hex{cursor:pointer;transition:all .2s ease}.hex:hover{filter:brightness(1.1)}.hex.selected{filter:brightness(1.2)}.unit{transition:all .3s ease}.unit.fresh{filter:drop-shadow(0 0 4px rgba(0,255,0,.6))}.unit.spent{filter:grayscale(.5) opacity(.8)}.unit.suppressed{filter:sepia(1) hue-rotate(-30deg) saturate(3)}@keyframes roll{0%{transform:rotateX(0) rotateY(0)}25%{transform:rotateX(90deg) rotateY(90deg)}50%{transform:rotateX(180deg) rotateY(180deg)}75%{transform:rotateX(270deg) rotateY(270deg)}to{transform:rotateX(360deg) rotateY(360deg)}}.dice{animation:roll .5s ease-out}@keyframes unitMove{0%{opacity:0;transform:scale(.55) translateY(-6px)}60%{opacity:1;transform:scale(1.1) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.basic-unit{animation:unitMove .25s ease-out}.basic-hex:focus-visible,.basic-unit:focus-visible{outline:3px solid #faad14;outline-offset:2px}.basic-hex:focus:not(:focus-visible),.basic-unit:focus:not(:focus-visible){outline:none}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:pageFadeIn .18s ease-out}@media print{header,footer,.ant-layout-sider,.ant-layout-footer{display:none!important}body{background:#fff!important}.ant-card{box-shadow:none!important;border:1px solid #ddd!important}.ant-btn-primary{display:none!important}}@media(max-width:575px){.ant-layout-content{padding:8px!important}.hex-board-container{max-width:100vw;overflow-x:auto;-webkit-overflow-scrolling:touch}.app-footer-links{flex-direction:column!important;gap:8px!important}}@media(max-width:767px){.ant-layout{min-width:0!important}.ant-layout-content{padding:12px!important}.nav-btn-label{display:none!important}.app-header{padding:0 12px!important}.player-id-tag,.breadcrumb-nav{display:none!important}}@media(min-width:768px){.nav-btn-label{display:inline!important}}@media(pointer:coarse){.ant-btn{min-height:44px;min-width:44px}.ant-breadcrumb a{display:inline-block;min-height:44px;line-height:44px}.hex{cursor:pointer}.tutorial-dot{width:14px;height:14px}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.blog-article-content{font-size:15px;line-height:1.75;color:#000000d9}.blog-article-content h2{font-size:20px;font-weight:600;margin-top:2em;margin-bottom:.6em;border-bottom:1px solid #f0f0f0;padding-bottom:.3em}.blog-article-content h3{font-size:17px;font-weight:600;margin-top:1.5em;margin-bottom:.5em}.blog-article-content p{margin-bottom:1em}.blog-article-content ul,.blog-article-content ol{padding-left:1.5em;margin-bottom:1em}.blog-article-content li{margin-bottom:.3em}.blog-article-content table{width:100%;border-collapse:collapse;margin-bottom:1.2em;font-size:14px}.blog-article-content th,.blog-article-content td{border:1px solid #e8e8e8;padding:8px 12px;text-align:left}.blog-article-content th{background:#fafafa;font-weight:600}.blog-article-content strong{font-weight:600}.blog-article-content code{background:#f5f5f5;padding:2px 5px;border-radius:3px;font-size:13px}.blog-article-content blockquote{border-left:4px solid #1677ff;padding:8px 16px;margin:1em 0;background:#f0f7ff;color:#000000b3}.learn-article-content{font-size:15px;line-height:1.8;color:#000000d9}.learn-article-content h2{font-size:20px;font-weight:600;margin-top:2em;margin-bottom:.6em;border-bottom:1px solid #f0f0f0;padding-bottom:.3em}.learn-article-content h3{font-size:17px;font-weight:600;margin-top:1.5em;margin-bottom:.5em}.learn-article-content p{margin-bottom:1em}.learn-article-content ul,.learn-article-content ol{padding-left:1.5em;margin-bottom:1em}.learn-article-content li{margin-bottom:.3em}.learn-article-content table{width:100%;border-collapse:collapse;margin-bottom:1.2em;font-size:14px}.learn-article-content th,.learn-article-content td{border:1px solid #e8e8e8;padding:8px 12px;text-align:left}.learn-article-content th{background:#fafafa;font-weight:600}.learn-article-content strong{font-weight:600}.learn-article-content code{background:#f5f5f5;padding:2px 5px;border-radius:3px;font-size:13px}.learn-article-content blockquote{border-left:4px solid #1677ff;padding:8px 16px;margin:1em 0;background:#f0f7ff;color:#000000b3}.learn-article-content a{color:#1677ff;text-decoration:underline}.learn-article-content hr{border:none;border-top:1px solid #f0f0f0;margin:2em 0}.blog-article-content a.glossary-link,.learn-article-content a.glossary-link{color:inherit;text-decoration:underline dotted #1677ff;text-underline-offset:3px;border-bottom:none;cursor:help}.blog-article-content a.glossary-link:hover,.learn-article-content a.glossary-link:hover{color:#1677ff;text-decoration:underline solid #1677ff}