#ui-boat{position:fixed;top:76px;left:16px;right:auto;width:min(366px,calc(100vw - 32px));max-height:calc(100vh - 92px);padding:0;margin:0;overflow:hidden;box-sizing:border-box;pointer-events:auto;text-align:left;font:600 13px/1.35 Arial,sans-serif;color:#f5f8fb;background:rgba(16,34,45,.94);border:2px solid #8fd8ea;border-radius:14px;box-shadow:0 15px 40px #07182099;display:none;flex-direction:column}
#ui-boat *{box-sizing:border-box}
#ui-boat .boat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 8px;background:linear-gradient(105deg,#235e74,#173448)}
#ui-boat .boat-head b{font-size:17px;letter-spacing:.5px}
#ui-boat .boat-head small,#ui-boat .boat-selected small,#ui-boat .boat-item small,#ui-boat .boat-shop small,#ui-boat .boat-slot small,#ui-boat .boat-team small{display:block;font-size:11px;font-weight:500;color:#c9dbe2;margin-top:2px}
#ui-boat .boat-head strong{white-space:nowrap;color:#ffdc68;font-size:16px}
#ui-boat .boat-meter{padding:6px 14px;color:#a4dce8;background:#133043}
#ui-boat .boat-tabs{display:flex;overflow-x:auto;gap:3px;padding:6px 7px;background:#102937}
#ui-boat button{border:1px solid #537c8e;border-radius:7px;background:#244658;color:#effcff;font:700 11px Arial,sans-serif;min-height:30px;padding:5px 7px;cursor:pointer;touch-action:manipulation}
#ui-boat button:hover,#ui-boat button:focus-visible{background:#326982;outline:2px solid #89d5e9}
#ui-boat button.on{background:#187b96;border-color:#9ee8f4}
#ui-boat button:disabled{opacity:.38;cursor:default}
#ui-boat .boat-tabs button{flex:1;min-width:52px}
#ui-boat .boat-body{max-height:calc(100vh - 256px);min-height:0;overflow:auto;padding:10px 12px;scrollbar-color:#7ac2d0 #173747}
#ui-boat .boat-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:7px}
#ui-boat .boat-row>span{width:42px;color:#aed7df}
#ui-boat .boat-row button{flex:1}
#ui-boat .boat-selected{background:#2c5262;border-radius:7px;padding:8px;margin:9px 0}
#ui-boat .boat-hint{font-weight:500;color:#d9e8ec;line-height:1.5;margin:4px 0 10px}
#ui-boat .boat-palette button{min-width:27px;min-height:27px;padding:0;border:2px solid #e4edf0}
#ui-boat #boat-search{width:100%;border:1px solid #7cc7d9;border-radius:7px;padding:8px;margin-bottom:8px;background:#f8ffff;color:#173747}
#ui-boat .boat-cats{flex-wrap:nowrap;overflow:auto}
#ui-boat .boat-item{width:100%;display:flex;align-items:center;text-align:left;gap:10px;padding:7px;margin:4px 0}
#ui-boat .boat-item span:first-child{font-size:22px}
#ui-boat .boat-item span:nth-child(2){flex:1}
#ui-boat .boat-item strong{font-size:15px;color:#f7d16b}
#ui-boat .boat-shop,#ui-boat .boat-slot,#ui-boat .boat-team{background:#214351;border:1px solid #406578;border-radius:8px;padding:8px;margin:6px 0}
#ui-boat .boat-shop button{margin-top:6px;background:#927039}
#ui-boat .boat-slot .boat-row{margin:7px 0 0}
#ui-boat .boat-swatch{display:inline-block;width:13px;height:13px;border-radius:3px;margin-right:5px}
#ui-boat .boat-team{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
#ui-boat .boat-team small{margin-left:auto}
#ui-boat .boat-team button{width:100%}
#ui-boat .boat-actions{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#112a36;flex-shrink:0}
#ui-boat .boat-actions .primary{font-size:14px;background:#e39536;border-color:#ffe0a5;color:#221b0e;min-height:40px;flex:1}
#ui-boat .boat-actions span{font-size:11px;max-width:92px}
#ui-boat .boat-result{position:absolute;inset:0;background:rgba(11,33,42,.97);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:20px;z-index:2}
#ui-boat .boat-result b{font-size:24px;color:#ffda6b}
#ui-boat .boat-result button{font-size:14px;background:#2f9e70;min-height:42px}
#ui-boat .boat-voyage-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#ui-boat .boat-voyage-controls button{min-height:48px;font-size:14px;background:#317b90}
@media(max-width:700px){#ui-boat{top:auto;bottom:76px;left:8px;width:min(310px,calc(100vw - 16px));height:48vh;max-height:48vh}#ui-boat .boat-body{max-height:none;flex:1}#ui-boat .boat-head b{font-size:14px}#ui-boat .boat-head{padding:7px 9px}#ui-boat .boat-tabs{padding:4px;flex-shrink:0}#ui-boat .boat-tabs button{font-size:10px;min-width:48px}#ui-boat button{min-height:36px}}