.tb-ui{font-family:PressStart2P,monospace;color:#dfe8f2}.tb-ui *{box-sizing:border-box}#tb-intent{position:absolute;top:8px;right:8px;z-index:30;background:#0a0e14d1;border:1px solid #2c3a4a;padding:8px 10px;min-width:150px;max-width:46%;font-size:8px;line-height:1.7;pointer-events:none}#tb-intent .tb-intent-title{color:#ff9d5d;margin-bottom:4px}#tb-intent .tb-intent-row{display:flex;align-items:center;gap:6px;color:#9fb3c8}#tb-intent .tb-intent-row img{width:20px;height:20px;object-fit:contain;image-rendering:pixelated}#tb-intent .tb-intent-tower{color:#ffb347;margin-top:4px}#tb-status{position:absolute;left:8px;top:8px;z-index:30;font-size:8px;color:#ff8f8f;text-shadow:0 1px 0 #000;pointer-events:none;max-width:60%}#tb-bar{display:flex;align-items:stretch;gap:12px;padding:10px 14px;background:#0d1117;border-top:1px solid #232c38}#tb-energy{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:96px}#tb-energy .tb-energy-label{font-size:8px;color:#9fb3c8}#tb-energy .tb-pips{display:flex;gap:4px}#tb-energy .tb-pip{width:12px;height:12px;border:1px solid #3a4a5c;background:#141a22}#tb-energy .tb-pip.on{background:#e8d9a0;border-color:#e8d9a0}#tb-energy .tb-pip.reserve{background:#16303f;border-color:#4cc9ff;box-shadow:0 0 6px #4cc9ff}#tb-hand{display:flex;gap:10px;overflow-x:auto;padding:4px 2px;flex:1;align-items:flex-start}#tb-actions{display:flex;flex-direction:column;gap:6px;justify-content:center;min-width:150px}#tb-actions .tb-row{display:flex;gap:6px;flex-wrap:wrap}.tb-btn{font-family:PressStart2P,monospace;font-size:8px;cursor:pointer;background:#1a2330;color:#dfe8f2;border:1px solid #3a4a5c;padding:7px 9px}.tb-btn:hover:not(:disabled){border-color:#4cc9ff;color:#fff}.tb-btn:disabled{opacity:.4;cursor:default}.tb-btn.primary{background:#2c4a2f;border-color:#5aa06a}.tb-btn.warn{background:#4a2c2c;border-color:#a05a5a}.tb-btn.active{border-color:#4cc9ff;box-shadow:0 0 8px #4cc9ff80}.tb-card{position:relative;width:212px;height:276px;flex:0 0 auto;background-size:212px 276px;image-rendering:pixelated;cursor:pointer;-webkit-user-select:none;user-select:none}.tb-card.kind-troop{background-image:url(../art/ui/cards/troop.png)}.tb-card.kind-quick{background-image:url(../art/ui/cards/quick.png)}.tb-card.kind-order{background-image:url(../art/ui/cards/order.png)}.tb-card.selected{outline:2px solid #4cc9ff;outline-offset:2px}.tb-card.marked{outline:2px solid #ff9d5d;outline-offset:2px}.tb-card.disabled{filter:brightness(.55);cursor:default}.tb-card-cost{position:absolute;left:8px;top:6px;min-width:28px;text-align:center;font-size:16px;color:#f4e3b2;text-shadow:0 2px 0 rgba(0,0,0,.7)}.tb-card-name{position:absolute;left:46px;right:8px;top:12px;font-size:8px;color:#f4e3b2;text-shadow:0 1px 0 rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-card-art{position:absolute;left:14px;top:44px;width:184px;height:72px;object-fit:contain;object-position:bottom;image-rendering:pixelated}.tb-card-icon{position:absolute;left:50%;top:60px;width:48px;height:48px;transform:translate(-50%);image-rendering:pixelated}.tb-card-text{position:absolute;left:16px;right:16px;top:142px;height:118px;font-family:-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:11px;line-height:1.5;color:#d8e4ce;overflow:hidden}#tb-mulligan-tip{font-size:8px;color:#ff9d5d;align-self:center}#tb-overlay{position:fixed;inset:0;z-index:60;display:none;align-items:center;justify-content:center;background:#06090db8}#tb-overlay.show{display:flex}.tb-panel{background:#10161f;border:1px solid #3a4a5c;padding:22px 26px;min-width:320px;max-width:90vw;max-height:88vh;overflow:auto;text-align:center}.tb-panel h2{font-size:12px;color:#e8d9a0;margin:0 0 12px}.tb-panel .tb-sub{font-size:8px;color:#9fb3c8;margin-bottom:14px;line-height:1.8}.tb-panel .tb-cards{display:flex;gap:12px;justify-content:center;margin:12px 0}.tb-panel .tb-nodes{display:flex;flex-direction:column;gap:8px;margin:12px 0}.tb-panel .tb-node{font-family:PressStart2P,monospace;font-size:8px;cursor:pointer;background:#1a2330;color:#dfe8f2;border:1px solid #3a4a5c;padding:12px;text-align:left;line-height:1.8}.tb-panel .tb-node:hover{border-color:#4cc9ff}.tb-panel .tb-node small{color:#9fb3c8;display:block}.tb-panel .tb-btns{display:flex;gap:10px;justify-content:center;margin-top:14px}#tb-targeting-tip{position:absolute;left:50%;top:10px;transform:translate(-50%);z-index:31;font-size:8px;color:#4cc9ff;background:#0a0e14d9;border:1px solid #2c3a4a;padding:7px 10px;display:none}