:root{--ink:#203c38;--gold:#e6b75e;--cream:#f6f2e7;--panel:rgba(249,247,238,.94);--line:rgba(41,69,61,.13)}*{box-sizing:border-box}body{margin:0;background:#acc9bc;color:var(--ink);font:14px 'Segoe UI',Arial,sans-serif;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;border:0;color:inherit;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d28b26;outline-offset:3px}button:hover{filter:brightness(1.04)}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}header{position:absolute;top:22px;left:26px;right:26px;display:flex;align-items:center;justify-content:space-between;gap:15px;pointer-events:none}header>*{pointer-events:auto}.profile{display:flex;gap:12px;align-items:center;padding:9px 20px 9px 9px;background:var(--panel);border-radius:40px;box-shadow:0 6px 24px #223c3410;text-align:left}.profile b{font-size:15px}.profile small,.brand small{display:block;letter-spacing:1.5px;font-size:9px;margin-top:5px;color:#728478}.avatar{background:#254e46;color:#f0cc83;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:30px}.brand{font-weight:800;font-size:23px;letter-spacing:6px;text-align:center;text-shadow:0 2px 12px #fff}.brand small{font-size:8px;letter-spacing:2px;color:#24483f}.wallet{background:var(--panel);border-radius:25px;padding:14px 19px;white-space:nowrap}.wallet span{color:#b9822b;font-size:19px}.wallet b{margin:0 5px}.wallet small{font-size:9px;letter-spacing:1px}.leftHud{position:absolute;left:28px;top:105px;width:215px;display:grid;gap:12px;pointer-events:none}.vitals,.place,.session{background:var(--panel);border:1px solid #ffffff90;box-shadow:0 8px 30px #244b3a08;border-radius:14px;padding:15px}.vitals>div:first-child,.strengthRow,.fightHud>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px}.vitals b{font-size:10px}.track{height:7px;background:#dce2d7;border-radius:10px;overflow:hidden;margin-top:9px}.track i{display:block;height:100%;background:#68928b;width:100%;transition:width .2s}.track .red{background:#d4554e}.thin{height:4px;margin-top:6px}.strengthRow{margin-top:12px;font-size:9px}.place{display:flex;align-items:center;gap:12px;padding:12px 15px}.place>span{font-size:27px;color:#b98c35}.place b{display:block;font-size:13px}.place small{display:block;font-size:10px;margin-top:4px;color:#6c8076}.session span,.session small{display:block;font-size:9px;letter-spacing:1px;color:#728478}.session b{display:block;font-size:25px;font-weight:500;margin:6px 0}.session small{font-size:10px;letter-spacing:0;line-height:1.5}.tools{position:absolute;right:26px;top:105px;display:grid;gap:8px}.tools button{background:var(--panel);width:78px;min-height:66px;border-radius:12px;padding:9px 4px;box-shadow:0 4px 12px #244b3a0a}.tools span{display:block;font-size:24px}.tools small{display:block;font-size:8px;letter-spacing:.4px;margin-top:4px}.tools .active{background:#264f44;color:#f3e4b9}.sceneTitle{position:absolute;left:50%;top:109px;transform:translateX(-50%);text-align:center;pointer-events:none;white-space:nowrap}.sceneTitle>span{font-size:9px;letter-spacing:3px;font-weight:700}.sceneTitle h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:27px;margin:9px 0;color:#244c41;text-shadow:0 2px 10px #fff9}.sceneTitle p{font-size:11px;color:#466d5b;margin:0;text-shadow:0 1px 8px #fff}.bottom{position:absolute;bottom:45px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.bottomLeft,.bottomRight{display:flex;gap:8px;align-items:center}.ghost{border-radius:10px;padding:13px 15px;background:var(--panel);font-size:10px;font-weight:700;letter-spacing:.6px}.primary{background:#254c41;color:#fff5dc;padding:17px 25px;border-radius:12px;font-weight:700;font-size:11px;letter-spacing:1px;box-shadow:0 8px 20px #173b3820;min-width:175px}.primary span{margin-left:20px;color:var(--gold);font-size:17px}.catchCounter{text-align:center;background:var(--panel);padding:11px 30px;border-radius:12px}.catchCounter>span{font-size:8px;letter-spacing:1.5px;display:block}.catchCounter b{font-size:24px;font-weight:500;display:block;margin-top:3px}.catchCounter b small{font-size:12px}.prototype{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2px;white-space:nowrap;color:#365849;background:#f9f8edc9;padding:5px 12px;border-radius:9px;pointer-events:none}#notice{position:absolute;left:50%;bottom:140px;transform:translateX(-50%);max-width:520px;width:max-content;max-width:min(520px,90vw);padding:13px 21px;background:#173f39f2;color:#fff5dd;border-radius:12px;font-size:12px;text-align:center;opacity:0;transition:opacity .2s;pointer-events:none;z-index:8;line-height:1.5}.floatInset{position:absolute;left:50%;top:31%;transform:translateX(-50%);width:142px;height:190px;border:3px solid #f4f0d9;border-radius:80px;background:#406f65;box-shadow:0 10px 30px #213d3a22;overflow:hidden;pointer-events:none}.floatInset canvas{width:100%;height:100%}.floatInset>span{position:absolute;bottom:14px;left:0;right:0;text-align:center;color:#f5f1dc;font-size:8px;letter-spacing:1px}.fightHud{position:absolute;top:235px;left:50%;transform:translateX(-50%);width:330px;background:var(--panel);padding:16px;border-radius:14px}.tensionTrack{height:13px;background:#dfe3d1;border-radius:20px;position:relative;margin:10px 0;overflow:hidden}.tensionTrack>span{position:absolute;left:30%;width:40%;height:100%;border:1px solid #b18b3d;border-radius:4px;pointer-events:none}.tensionTrack i{display:block;height:100%;width:0;background:#ddb153;transition:width .08s}.fishRow{display:flex;justify-content:space-between;font-size:11px}.fightHud>small{display:block;font-size:9px;color:#708275;margin-top:9px}.joystick{position:absolute;bottom:150px;left:35px;width:105px;height:105px;border:1px solid #fff9;border-radius:50%;background:#ecf0dc70;touch-action:none;box-shadow:0 2px 15px #1b3a3810;user-select:none}.joystick:before{content:'↑';position:absolute;left:46px;top:5px;color:#345b4c}.joystick:after{content:'←       →';position:absolute;left:7px;top:42px;white-space:pre;color:#345b4c}#stick{width:42px;height:42px;background:#f3f0de;border:1px solid white;border-radius:50%;position:absolute;left:31px;top:31px;box-shadow:0 3px 7px #345b4c30}.joystick small{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-size:8px;font-weight:700;letter-spacing:1px}.ease{position:absolute;bottom:155px;right:35px;width:88px;height:88px;background:#e9bf6a;border:3px solid #f9e5ad;border-radius:50%;font-size:25px;touch-action:none;user-select:none}.ease small{display:block;font-size:9px;font-weight:700;margin-top:3px}.ease.active{background:#b97b32;color:white}dialog{border:1px solid #ffffffa0;padding:25px;background:#f7f4e9;color:var(--ink);border-radius:20px;width:min(680px,94vw);max-height:86dvh;box-shadow:0 25px 100px #102b3960}dialog::backdrop{background:#133d3666;backdrop-filter:blur(5px)}.modalHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modalHead small{font-size:8px;letter-spacing:2px;color:#84917b}.modalHead h2{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:6px 0}.modalHead button{background:#e8e7d9;font-size:26px;border-radius:50%;width:36px;height:36px}.row{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:12px 0}.row label{font-size:12px;flex:1}.row input[type=range]{width:45%;accent-color:#355e4d}.row select,.row input[type=text]{max-width:60%;padding:9px;border:1px solid #cbd4c1;border-radius:7px;background:#fffdf5;color:var(--ink)}.row output{width:60px;text-align:right;font-size:12px}.muted{font-size:12px;color:#6e8175;line-height:1.7}.cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{background:#ececdf;border:1px solid #d9dfcf;border-radius:12px;padding:16px}.card .icon{font-size:30px;color:#527965}.card h3{font-size:14px;margin:9px 0}.card p{font-size:11px;line-height:1.7;color:#6c7e71}.card button,.buttons button{background:#305847;color:#fff5da;padding:11px 15px;border-radius:8px;font-size:11px}.buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.buttons .secondary{background:#e3e7d6;color:#355747}.statLine{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.badge{font-size:9px;background:#e1e6d4;padding:4px 8px;border-radius:5px}.guideList{padding-left:20px;line-height:1.9;font-size:13px}.warning{padding:12px;background:#ece2c5;border-radius:9px;font-size:11px;line-height:1.7}#connection{position:fixed;top:0;left:0;right:0;background:#8a3e30;color:white;padding:10px;text-align:center;z-index:20;font-size:12px}
@media(max-width:900px){.brand{display:none}.sceneTitle{top:96px}.sceneTitle h1{font-size:20px}.sceneTitle p{max-width:40vw;white-space:normal;margin:auto}.leftHud{width:165px;left:15px;top:93px}.tools{right:15px;top:93px}.tools button{width:60px;min-height:56px}.tools small{font-size:7px}.bottom{left:15px;right:15px;bottom:35px}.ghost{padding:12px 10px;font-size:9px}.primary{min-width:140px;padding:14px;font-size:10px}.primary span{margin-left:6px}.catchCounter{padding:10px 15px}header{top:15px;left:15px;right:15px}.fightHud{top:175px}.joystick{bottom:125px}.ease{bottom:130px}.prototype{font-size:7px;letter-spacing:.5px}}
@media(max-width:600px){header{top:10px;left:10px;right:10px}.profile{padding:6px 12px 6px 6px}.avatar{width:33px;height:33px;font-size:24px}.profile b{font-size:12px}.profile small{font-size:7px}.wallet{padding:11px;font-size:12px}.leftHud{top:76px;left:10px;width:140px;gap:7px}.vitals{padding:11px}.vitals>div:first-child,.vitals b{font-size:8px}.strengthRow{font-size:8px}.place{padding:9px;gap:6px}.place b{font-size:10px}.place small{font-size:8px}.place>span{font-size:20px}.session{padding:11px}.session b{font-size:21px}.session small{font-size:8px}.tools{right:10px;top:76px;gap:5px}.tools button{width:53px;min-height:50px;padding:6px 2px}.tools span{font-size:20px}.tools small{font-size:6px}.sceneTitle{top:auto;bottom:285px;width:90%;white-space:normal}.sceneTitle h1{font-size:19px;margin:6px}.sceneTitle p{max-width:80vw;font-size:10px}.sceneTitle>span{font-size:8px}.bottom{bottom:35px;left:10px;right:10px;flex-wrap:wrap;gap:7px;align-items:center}.bottomLeft{order:2;flex:1}.bottomRight{order:3;flex:1;justify-content:flex-end}.catchCounter{order:1;width:100%;background:transparent;padding:0 0 9px;text-shadow:0 1px 5px #fffd}.catchCounter b{font-size:23px}.ghost{font-size:8px;padding:12px 9px}.bottomLeft .ghost span{font-size:8px}.bottomRight{gap:4px}.primary{min-width:125px;font-size:9px;padding:13px 11px}.bottomRight .ghost{max-width:74px;padding:9px;line-height:1.4}.joystick{left:20px;bottom:150px;width:95px;height:95px}.joystick:before{left:41px}.joystick:after{top:38px}.joystick #stick{left:26px;top:26px}.ease{right:20px;bottom:155px;width:80px;height:80px}.floatInset{top:30%;width:106px;height:153px;left:54%}.fightHud{top:30%;width:190px;left:52%;padding:12px}.fightHud>div:first-child{font-size:8px}.fightHud>small{font-size:8px}.fishRow{font-size:9px}#notice{bottom:255px;font-size:11px}.prototype{bottom:8px;font-size:6px}.cards{gap:8px}.card{padding:12px}dialog{padding:18px}.row{gap:6px}.row label{font-size:11px}.row output{font-size:10px;width:46px}}
html,body{width:100%;height:100%}
@media(max-height:500px) and (min-width:600px){header{top:8px}.profile{padding:5px 12px 5px 5px}.avatar{width:30px;height:30px;font-size:22px}.profile b{font-size:11px}.profile small{font-size:7px}.wallet{padding:10px}.leftHud{top:70px;width:145px;gap:5px}.vitals{padding:10px}.place{padding:8px}.place b{font-size:10px}.place small{font-size:8px}.session{padding:9px}.session b{font-size:18px;margin:3px 0}.session small{font-size:8px}.tools{top:68px;display:flex;gap:5px}.tools button{width:48px;min-height:44px;padding:5px 1px}.tools span{font-size:18px}.tools small{font-size:6px}.sceneTitle{top:70px}.sceneTitle h1{font-size:17px}.sceneTitle p{font-size:9px;max-width:210px;white-space:normal}.floatInset{top:135px;width:90px;height:125px}.fightHud{top:145px;width:230px;padding:10px}.joystick{width:80px;height:80px;bottom:105px}.joystick:before{left:34px}.joystick:after{top:31px}.joystick #stick{left:19px;top:19px}.ease{width:68px;height:68px;bottom:110px}.bottom{bottom:30px}.catchCounter{padding:6px 15px}.catchCounter b{font-size:19px}#notice{bottom:95px}.prototype{font-size:6px;bottom:7px}}