.app-shell.hive-app-shell{--board-inset:0px;padding-inline:0}.hive-app-shell .strategy-layout{gap:0}.hive-app-shell .strategy-board-column{margin-inline:0}.hive-stage{width:100%;height:max(16rem, calc(var(--board-vh) - env(safe-area-inset-top,0px) - var(--board-chrome,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:46px 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%);will-change:var(--piece-layer,auto);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-edge:#9c8a69;--hive-bevel:linear-gradient(145deg, #fffaf0 0%, #ebe1c8 42%, #b4a47e 100%);--hive-face:radial-gradient(circle at 38% 30%, #fbf6e8 0%, #eee4cb 62%, #e3d7b8 100%);clip-path:polygon(25% 2%,75% 2%,99% 50%,75% 98%,25% 98%,1% 50%);background:var(--hive-bevel);color:#3e3728;filter:drop-shadow(0 3px 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:before{z-index:0;content:"";clip-path:polygon(25% 2%,75% 2%,99% 50%,75% 98%,25% 98%,1% 50%);background:var(--hive-face);position:absolute;inset:7%}.hive-token.onyx{--hive-edge:#0b0d0b;--hive-bevel:linear-gradient(145deg,#6f7770 0%,#30352f 46%,#0c0e0c 100%);--hive-face:radial-gradient(circle at 38% 30%,#4b524b 0%,#323731 62%,#282c27 100%);color:#e5c675}.hive-token-mark{z-index:2;filter:drop-shadow(0 1px #ffffff47);width:70%;height:70%;-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-v2.svg)}.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-v2.svg)}.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-v2.svg)}.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-v2.svg)}.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-v2.svg)}.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-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}.hive-reserve.is-top{top:9px;bottom:auto}.hive-reserve.is-thin{border-radius:10px;padding:2px 5px}.hive-reserve.is-thin>span{color:#d6caa9;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:24px;display:flex}.hive-reserve.is-thin>span.is-empty{color:#bdb19866}.hive-reserve.is-thin b{white-space:nowrap;font-size:14px;line-height:1}.hive-stage.is-local .hive-field,.hive-stage.is-local>.bk-review-chip{top:74px}.hive-stage.is-local .hive-reserve:not(.is-thin){animation:.18s ease-out backwards hive-bar-grow-up}.hive-stage.is-local .hive-reserve.is-top:not(.is-thin){animation-name:hive-bar-grow-down}@keyframes hive-bar-grow-up{0%{clip-path:inset(50% 0 0 round 12px)}to{clip-path:inset(0 round 12px)}}@keyframes hive-bar-grow-down{0%{clip-path:inset(0 0 50% round 12px)}to{clip-path:inset(0 round 12px)}}@media (prefers-reduced-motion:reduce){.hive-stage.is-local .hive-reserve{animation:none}}.hive-insect{width:20px;height:20px;-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;flex:none;display:block}.hive-insect[data-role=queen]{--hive-insect:url(/hive/queen-bee-v2.svg)}.hive-insect[data-role=beetle]{--hive-insect:url(/hive/beetle-v2.svg)}.hive-insect[data-role=grasshopper]{--hive-insect:url(/hive/grasshopper-v2.svg)}.hive-insect[data-role=spider]{--hive-insect:url(/hive/spider-v2.svg)}.hive-insect[data-role=ant]{--hive-insect:url(/hive/soldier-ant-v2.svg)}.game-control-panel.hive-control-panel.record-panel>.game-control-scroll{grid-template-rows:auto minmax(76px,1fr) auto auto}.bk-seat-who>.hive-token.mini{filter:none;width:20px;height:18px}html:lang(en) .hive-control-panel .bk-setup-label{width:44px}.hive-stage>.bk-review-chip{top:46px}@media (width<=811px),(width<=850px) and (height>=501px),(orientation:portrait){.hive-app-shell .strategy-layout{grid-template-columns:minmax(0,1fr)}.hive-field{inset:46px 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}}