.catchLogBtn{position:absolute;left:26px;bottom:119px;display:grid;grid-template-columns:1fr auto;gap:5px 16px;text-align:left;padding:14px 18px;border-radius:13px;background:#f5f0dfed;color:#315644;box-shadow:0 5px 20px #173f2620;min-width:225px}.catchLogBtn small,.catchLogBtn em{grid-column:1/-1;font-size:9px;font-style:normal;color:#7c876f}.catchLogBtn small{letter-spacing:2px}.catchLogBtn b{font-size:15px}.catchLogBtn>span{font-weight:700;color:#a47735}.weather small{white-space:normal}.inventoryModal,.rigModal{width:min(950px,95vw);max-width:950px}.bagSummary,.equippedStrip{display:flex;flex-wrap:wrap;gap:10px 22px;padding:12px 0;font-size:12px}.bagSummary{font-weight:700}.equippedStrip{border-block:1px solid #cdd6bf;font-size:10px;color:#6e7d60}.inventoryTabs{display:flex;gap:7px;margin:18px 0}.inventoryTabs button{flex:1;padding:13px 8px;border-radius:9px;background:#e6e8d8;font-size:11px;color:#63765c}.inventoryTabs button.active{background:#315a48;color:#fff1cc}.inventoryMain{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;min-height:310px}.itemGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-content:start}.itemTile{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;min-height:142px;padding:12px 8px;background:#ececde;border:1px solid #d8decb;border-radius:12px;color:#365641}.itemTile.selected{border-color:#a98a48;background:#f6efd7;box-shadow:inset 0 0 0 1px #a98a48}.itemTile svg{width:64px;height:64px}.itemTile b{font-size:11px}.itemTile small{font-size:9px;color:#7a886c}.itemTile>span{position:absolute;right:7px;top:7px;font-size:9px}.itemDetails{background:#e8ebdc;border-radius:13px;padding:20px}.itemDetails>svg{display:block;width:100%;height:95px}.itemDetails h3{font-size:18px;margin:14px 0}.detailRow{display:flex;justify-content:space-between;gap:15px;font-size:11px;padding:10px 0;border-bottom:1px solid #cdd6c0}.detailRow span{color:#77866c}.itemDetails .muted{font-size:10px;line-height:1.7}.bagActions{border-top:1px solid #d3dbc7;padding-top:18px;flex-wrap:wrap}.bagActions button{font-size:10px}.largeQuantity{font-size:38px;color:#a67c36}.largeQuantity small{font-size:15px}.shopGearGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.shopGearCard{padding:17px;background:#e8ebdc;border:1px solid #d7dfc8;border-radius:12px}.shopGearCard svg{width:100%;height:85px}.shopGearCard h3{font-size:13px}.shopGearCard p{font-size:11px;line-height:1.8;min-height:42px}.shopGearCard span{display:block;font-size:10px;color:#7b886f;margin-bottom:10px}.shopGearCard button{width:100%;padding:12px 5px;background:#355b48;color:#fff1cd;border-radius:7px;font-size:10px}.tackleFields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tackleFields label,.rigInputs label{display:block;font-size:11px;color:#5e755a}.tackleFields input,.tackleFields select,.rigInputs select,.rigInputs input[type=number]{display:block;width:100%;margin-top:7px;padding:10px;background:#fffdf3;border:1px solid #cbd5be;border-radius:7px;color:#345842}.rigHeader{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px;background:#e6e9d6;border-radius:10px;font-size:11px}.rigHeader b{display:block;font-size:25px;margin-top:5px}.rigLayout{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.rigLayout canvas{width:100%;height:auto;border-radius:12px}.rigInputs label{margin-bottom:12px}.rigInputs label b{float:right}.rigInputs input[type=range]{width:100%;margin-top:10px;accent-color:#4e7653}.smallButtons{display:flex;gap:8px;margin:5px 0 15px}.smallButtons button{flex:1;padding:9px 6px;font-size:9px;border-radius:6px;background:#e0e6d1;color:#416647}.checkRow input{width:auto!important}.muted{line-height:1.7}.catchStats{display:flex;gap:15px;flex-wrap:wrap}.catchStats>div{padding:15px;background:#e4e8d5;border-radius:9px}.catchStats b{display:block;font-size:24px}.catchTable{width:100%;border-collapse:collapse;font-size:12px}.catchTable td,.catchTable th{text-align:left;padding:12px;border-bottom:1px solid #d1dbc3}.weather{max-width:210px}
@media(max-width:600px){.catchLogBtn{left:10px;bottom:100px;min-width:160px;padding:10px 12px;gap:3px 10px}.catchLogBtn b{font-size:12px}.catchLogBtn small,.catchLogBtn em{font-size:8px}.inventoryMain{grid-template-columns:1fr}.itemGrid{grid-template-columns:repeat(3,1fr);gap:6px}.itemTile{min-height:130px;padding:10px 4px}.itemTile b{font-size:10px}.itemDetails{padding:15px}.itemDetails>svg{height:65px}.shopGearGrid{grid-template-columns:1fr 1fr;gap:8px}.shopGearCard{padding:12px}.inventoryTabs button{font-size:10px;padding:12px 5px}.rigLayout{grid-template-columns:1fr}.rigLayout canvas{max-height:310px;object-fit:contain}.tackleFields{gap:10px}.weather{max-width:180px}.bagSummary{font-size:10px}.equippedStrip{font-size:9px}.bagActions button{flex:1 1 40%}.catchLogBtn>span{font-size:12px}}
@media(max-height:500px){.catchLogBtn{bottom:95px;left:20px;padding:9px 12px}.rigLayout{grid-template-columns:1fr 1fr}}
@media(min-width:601px) and (min-height:501px){.catchLogBtn{left:26px;bottom:225px}}
@media(max-width:600px){.catchLogBtn{left:50%;transform:translateX(-50%);bottom:105px;min-width:165px;max-width:190px}.centerView{bottom:195px}.sceneTitle{pointer-events:none}}
@media(max-height:500px) and (min-width:601px){.catchLogBtn{left:26px;bottom:160px}}
.catchTotals{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0}.catchTotals>div{flex:1;min-width:130px;background:#e6e9d7;border-radius:10px;padding:15px}.catchTotals small{display:block;font-size:9px;color:#7a866e;letter-spacing:1px;margin-bottom:8px}.catchTotals b{font-size:21px}#weatherLabel{white-space:pre-line}
/* 03.1: one catch panel, no duplicate floating card. */
.catchCounter{display:flex;flex-direction:column;align-items:center;min-width:210px;padding:12px 15px;pointer-events:auto}.catchCounter .catchLogBtn{position:static;transform:none;display:grid;background:transparent;box-shadow:none;border:0;border-top:1px solid #77896b35;border-radius:0;min-width:180px;width:100%;max-width:none;padding:8px 0 0;margin-top:7px;gap:3px 12px}.catchCounter .catchLogBtn small{font-size:7px;letter-spacing:1px}.catchCounter .catchLogBtn b{font-size:11px}.catchCounter .catchLogBtn em{font-size:9px}.catchCounter .catchLogBtn>span{font-size:11px}.catchCounter>b{font-size:25px}.baitStatus31{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0;background:#e5e9d8;padding:14px;border-radius:12px}.baitStatus31 canvas{width:100%;border-radius:10px;align-self:center}.baitStatus31 b{font-size:17px}.baitStatus31 p{font-size:11px;line-height:1.6;margin:7px 0}.baitStatus31 small{font-size:10px;color:#7c876f;line-height:1.5}.centerView{min-width:155px;bottom:190px}.bottom{align-items:flex-end}#mixKnead{accent-color:#456b4e}
@media(max-width:600px){.catchCounter{min-width:145px;max-width:165px;padding:8px}.catchCounter>b{font-size:20px}.catchCounter .catchLogBtn{min-width:0;padding-top:5px;gap:3px 6px}.catchCounter .catchLogBtn b{font-size:10px}.catchCounter .catchLogBtn em{font-size:8px}.catchCounter .catchLogBtn>span{font-size:10px}.catchCounter .catchLogBtn small{font-size:6px}.centerView{bottom:225px;min-width:140px;font-size:7px}.baitStatus31{grid-template-columns:1fr;padding:10px}.baitStatus31 canvas{max-height:130px;object-fit:contain}.bottomLeft{gap:5px}.bottomLeft button{padding:10px 7px!important}.bottomRight .primary{padding:12px 10px}.bottomRight{max-width:47%}}
@media(max-height:500px) and (min-width:601px){.catchCounter{min-width:180px;padding:7px}.catchCounter>b{font-size:18px}.centerView{bottom:160px}}
@media(min-width:601px){.floatInset{left:auto;right:125px;top:135px;transform:none}}
@media(max-width:600px){.floatInset{left:12px;right:auto;top:380px;transform:none;width:100px;height:145px}.floatInset canvas{width:100px;height:135px}}
@media(max-width:600px){.bottom{display:grid;grid-template-columns:1fr 1fr;gap:7px;align-items:end}.catchCounter{grid-column:1/-1;justify-self:center;width:165px;background:var(--panel);border-radius:12px}.bottomLeft{grid-column:1;display:flex;flex-wrap:wrap}.bottomRight{grid-column:2;max-width:none;display:flex;flex-wrap:wrap}.bottomRight .primary{width:100%;min-width:0}.bottomRight .ghost{width:100%;max-width:none}.centerView{bottom:305px}.joystick.horizontal{bottom:260px}.pitchControl{bottom:250px}}

/* 03.2: centered focus, small persistent view while looking around. */
.catchCounter{min-width:135px;max-width:170px;padding:6px 10px}.catchCounter>b{font-size:19px}.catchCounter>span{font-size:7px}.catchCounter .catchLogBtn{min-width:0;margin-top:3px;padding-top:4px;gap:2px 7px}.catchCounter .catchLogBtn small{display:none}.catchCounter .catchLogBtn b,.catchCounter .catchLogBtn>span{font-size:10px}.catchCounter .catchLogBtn em{font-size:8px}
#floatInset{left:50%;right:auto;top:46%;bottom:auto;transform:translate(-50%,-50%);width:180px;height:238px;border:2px solid #f5f2dce8;border-radius:34px;box-shadow:0 8px 26px #153e3d40;transition:left .18s,top .18s,width .18s,height .18s;border-color:#f4e7bf}#floatInset canvas{display:block;width:100%;height:100%}#floatInset>span{bottom:9px;font-size:8px;text-shadow:0 1px 3px #183d35}
#floatInset.compactFloat{left:auto;right:100px;top:46%;transform:translateY(-50%);width:104px;height:148px;border-radius:22px}#floatInset.compactFloat>span{font-size:6px}
#joystick{width:112px;height:112px;bottom:145px;left:30px;border-radius:50%;background:radial-gradient(circle,#f2efdcbb,#a8c7b978);border:2px solid #f6f1dcaa}#joystick:before{left:49px;top:6px}#joystick:after{left:10px;top:46px}#joystick #stick{left:33px;top:33px}#joystick small{font-size:8px;letter-spacing:.3px}.centerView{bottom:155px}.inventoryTabs{flex-wrap:wrap}.inventoryTabs button{min-width:100px}
@media(max-width:600px){#floatInset{width:156px;height:210px;top:43%}#floatInset.compactFloat{right:70px;top:43%;width:88px;height:130px}#joystick{bottom:180px;left:18px}.centerView{bottom:205px;left:auto;right:14px;transform:none;min-width:135px}.catchCounter{width:140px;max-width:145px;min-width:0;padding:5px 8px}.sceneTitle{bottom:305px}.catchCounter .catchLogBtn{font-size:9px}}
@media(max-height:500px){#floatInset{width:128px;height:174px;top:48%}#floatInset.compactFloat{width:82px;height:116px;right:100px}#joystick{bottom:105px;width:100px;height:100px}#joystick #stick{left:27px;top:27px}.centerView{bottom:100px}.catchCounter{padding:4px 8px}.fightHud{top:95px}}

.is-seated .sceneTitle{display:none}@media(max-width:600px){.place{min-width:0}.leftHud{width:140px}.place small{font-size:8px}#floatInset{max-width:calc(100vw - 295px);min-width:95px}#floatInset.compactFloat{min-width:0;max-width:none}.leftHud .session{padding:9px}.leftHud .session b{font-size:20px}}

@media(max-width:600px){#floatInset{width:156px;max-width:none;min-width:0}}@media(max-width:450px){.is-seated .leftHud{width:102px}.is-seated .vitals{padding:8px}.is-seated .vitals>div:first-child{font-size:7px;letter-spacing:0}.is-seated .place{padding:7px}.is-seated .place>span{display:none}#floatInset{width:145px;height:205px}.is-seated .leftHud .session small{font-size:7px}}
/* 03.4 lower focus: keep the near-bank landing area visible. */
#floatInset{top:50%}#floatInset.compactFloat{top:44%}@media(max-width:600px){#floatInset{top:46%}#floatInset.compactFloat{top:42%}}

body.is-landing #notice{top:110px;bottom:auto}

.mixStep35{font-size:14px;margin:24px 0 12px;border-top:1px solid #cad4bf;padding-top:16px}.mixFields input{width:100%;padding:10px;border:1px solid #c5cfba;border-radius:7px;background:#fffdf2}

@media(max-width:600px){.is-seated .catchCounter{position:fixed;top:76px;right:70px;left:auto;bottom:auto;width:110px;min-width:0;max-width:110px;padding:5px}.is-seated .catchCounter>b{font-size:16px}.is-seated .catchCounter .catchLogBtn{font-size:8px}.is-seated .catchCounter .catchLogBtn em{font-size:7px}}

.forcePanel36{margin-top:10px;padding-top:9px;border-top:1px solid #91a18255}.forceRow36{display:flex;justify-content:space-between;gap:8px;font-size:9px}.forceRow36 b{font-size:8px;color:#7c866c}.forceGauge36{height:10px;position:relative;background:#d9e1ce;border-radius:6px;overflow:hidden;margin:7px 0}.forceGauge36 i{position:absolute;top:0;height:100%;background:#c99545}.forceGauge36 #leftBar36{right:50%}.forceGauge36 #rightBar36{left:50%}.forceGauge36 em{position:absolute;left:50%;height:100%;border-left:1px solid #466b54}.forcePanel36 small{display:block;font-size:9px;line-height:1.6}.danger36{color:#af493b;font-weight:700}@media(max-width:600px){.fightHud{width:245px;top:165px}.forcePanel36 small{font-size:8px}.forceRow36{font-size:8px}}

.is-fighting #notice{display:none}