.app-shell.hive-app-shell{padding-inline:0}.hive-app-shell .strategy-layout{gap:0}.hive-app-shell .strategy-board-column{scrollbar-gutter:auto;margin-inline:0;padding-right:0}.hive-stage{width:100%;height:max(16rem, calc(var(--board-vh) - env(safe-area-inset-top,0px)));background:radial-gradient(circle at 22% 18%,#deb24a2e,#0000 30%),radial-gradient(circle at 76% 72%,#75915b33,#0000 35%),linear-gradient(145deg,#25281d 0%,#171b16 52%,#252218 100%);border:1px solid #dfbb695c;border-radius:0;min-height:0;margin:auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #ffffff06,inset 0 0 80px #00000080}.hive-atmosphere,.hive-atmosphere:before,.hive-atmosphere:after{content:"";pointer-events:none;position:absolute}.hive-atmosphere{opacity:.38;background-image:radial-gradient(circle,#f0d08747 0 1px,#0000 1.5px);background-size:24px 24px;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.hive-atmosphere:before{border:28px double #e7be5b17;border-radius:50%;width:260px;height:260px;top:-80px;right:-70px}.hive-atmosphere:after{border:1px solid #b8cf911c;border-radius:50%;width:180px;height:180px;bottom:70px;left:-50px;box-shadow:0 0 0 18px #b8cf9108,0 0 0 42px #b8cf9105}.hive-field{position:absolute;inset:18px 18px 74px;container-type:size}.hive-cell{left:var(--hive-left);top:var(--hive-top);font-size:var(--hive-size);aspect-ratio:1.1547;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);background:#ecd39307;border:1px solid #ddc27e29;width:1em;padding:0;transition:filter .18s,transform .18s,background .18s;position:absolute;transform:translate(-50%,-50%)}.hive-cell:after{content:"";clip-path:inherit;border:1px solid #ebcd8214;position:absolute;inset:5px}.hive-cell:not(:disabled):hover{z-index:8;background:#e8c36f1a;transform:translate(-50%,-53%)scale(1.045)}.hive-cell.occupied{z-index:4;background:0 0;border-color:#0000;overflow:visible}.hive-cell.target{background:#e5b74726;border-color:#f5cf6fbf;box-shadow:0 0 22px #e7b54142}.hive-cell.selected{z-index:8;filter:drop-shadow(0 0 11px #70cabdcc)}.hive-cell.last{z-index:7;filter:drop-shadow(0 0 10px #f4a948f2)drop-shadow(0 0 22px #f4a94873)}.hive-target-pip{background:#6a4a1c;border:2px solid #f3c96c;border-radius:50%;position:absolute;inset:34%;box-shadow:0 0 0 5px #eec3601f}.hive-token{--hive-face:#eee5cd;--hive-edge:#9c8a69;clip-path:polygon(25% 2%,75% 2%,99% 50%,75% 98%,25% 98%,1% 50%);background:linear-gradient(145deg, #fffdf4 0%, var(--hive-face) 48%, #c8b999 100%);color:#3e3728;filter:drop-shadow(0 2px 0 var(--hive-edge)) drop-shadow(0 6px 5px #00000059);place-items:center;font-style:normal;display:grid;position:absolute;inset:2%;overflow:visible}.hive-token.onyx{--hive-face:#343833;--hive-edge:#0f1210;color:#e5c675;background:linear-gradient(145deg,#59605a,#2a2e2a 52%,#111411)}.hive-token-ring{clip-path:inherit;opacity:.45;border:1px solid;position:absolute;inset:10%}.hive-token-ring:before,.hive-token-ring:after{content:"";opacity:.35;border:1px solid;border-radius:50%;position:absolute}.hive-token-ring:before{inset:20%}.hive-token-ring:after{inset:36%}.hive-token-mark{z-index:2;filter:drop-shadow(0 1px #ffffff47);width:68%;height:68%;-webkit-mask:var(--hive-insect) center/contain no-repeat;-webkit-mask:var(--hive-insect) center/contain no-repeat;mask:var(--hive-insect) center/contain no-repeat;background:currentColor;position:relative}.hive-token[data-role=queen]{color:#b67d0a}.hive-token.onyx[data-role=queen]{color:#f2c34b}.hive-token[data-role=queen] .hive-token-mark{--hive-insect:url(/hive/queen-bee.png);width:73%;height:73%}.hive-token[data-role=beetle]{color:#73598f}.hive-token.onyx[data-role=beetle]{color:#c5a1e3}.hive-token[data-role=beetle] .hive-token-mark{--hive-insect:url(/hive/beetle.png);width:64%;height:64%}.hive-token[data-role=grasshopper]{color:#4d8247}.hive-token.onyx[data-role=grasshopper]{color:#8dc980}.hive-token[data-role=grasshopper] .hive-token-mark{--hive-insect:url(/hive/grasshopper.png);width:72%;height:72%}.hive-token[data-role=spider]{color:#93493d}.hive-token.onyx[data-role=spider]{color:#e18d78}.hive-token[data-role=spider] .hive-token-mark{--hive-insect:url(/hive/spider.png);width:65%;height:65%}.hive-token[data-role=ant]{color:#39728f}.hive-token.onyx[data-role=ant]{color:#83c1dc}.hive-token[data-role=ant] .hive-token-mark{--hive-insect:url(/hive/soldier-ant.png);width:65%;height:65%}.hive-stack-count{z-index:4;color:#fff4cf;width:22px;height:22px;font:800 14px/1 var(--font-app-sans),sans-serif;background:#28291f;border:2px solid #e9ce87;border-radius:50%;place-items:center;display:grid;position:absolute;top:-4px;right:-3px}.hive-token.mini{filter:drop-shadow(0 2px 2px #0000004d);flex:none;width:38px;height:35px;position:relative;inset:auto}.hive-token.mini .hive-token-mark{width:68%;height:68%}.hive-token.mini .hive-token-ring{inset:8%}.hive-token.mini .hive-token-ring:before,.hive-token.mini .hive-token-ring:after{display:none}.hive-reserve{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0e0cd1;border:1px solid #e4c68229;border-radius:12px;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:5px;display:grid;position:absolute;bottom:9px;left:10px;right:10px;box-shadow:0 7px 18px #00000042;container:hive-reserve/inline-size}.hive-reserve button{color:#e9dfc7;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:2px;min-width:0;min-height:48px;padding:4px 2px;transition:background .16s,box-shadow .16s,transform .16s;display:grid}.hive-reserve button:hover:not(:disabled),.hive-reserve button.active{background:#d9b45d21;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #d9b45d6b}.hive-reserve button>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:760;line-height:1;overflow:hidden}.hive-reserve button>b{color:#bdb198;white-space:nowrap;font-size:14px;line-height:1}@media (width<=850px){.app-shell.hive-app-shell{padding-top:calc(var(--narrow-top-bar-height) + env(safe-area-inset-top,0px));padding-bottom:var(--narrow-action-bar-total)}.hive-app-shell .strategy-layout{grid-template-columns:minmax(0,1fr)}.hive-field{inset:12px 8px 74px}.hive-reserve{grid-template-columns:repeat(5,minmax(0,1fr));overflow-x:hidden}}@media (width<=520px){.hive-reserve button{grid-template-columns:38px minmax(0,1fr) auto;gap:2px;min-height:48px;padding:3px 2px}.hive-reserve button>span,.hive-reserve button>b{font-size:14px}}@container hive-reserve (width<=780px){.hive-reserve button{grid-template-columns:38px auto;justify-content:center;gap:4px}.hive-reserve button>span{display:none}}