:root{--ink:#eff4e8;--muted:#aac6c2;--panel:rgba(16,42,46,.84);--line:rgba(207,234,224,.15);--gold:#efc77b;--green:#90bda4;--dark:#142e32;--serif:'Noto Serif SC','Songti SC',SimSun,serif}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#478e96;color:var(--ink);font-family:system-ui,-apple-system,'Microsoft YaHei',sans-serif;font-size:14px;overscroll-behavior:none;touch-action:none}button{font:inherit;color:inherit;border:0;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}i{display:inline-flex;align-items:center;justify-content:center;font-style:normal}#world{position:fixed;inset:0;width:100%;height:100%;outline:none;touch-action:none}#vignette{pointer-events:none;position:fixed;inset:0;background:linear-gradient(180deg,rgba(17,47,55,.2),transparent 27%,transparent 60%,rgba(8,35,40,.38))}#hud{position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity .6s}#hud.visible{opacity:1}#hud button,#joystick{pointer-events:auto}header{height:92px;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:linear-gradient(rgba(13,39,45,.36),transparent)}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:25px;letter-spacing:5px}.brand-mark{font-family:serif;font-size:52px;color:var(--gold);line-height:.7;transform:rotate(-10deg)}.brand small{display:block;font:8px system-ui;letter-spacing:2px;color:#c0d6cf;margin-top:4px}.version{font:9px system-ui;letter-spacing:1px;padding:5px 7px;border:1px solid var(--line);border-radius:3px;align-self:flex-start;margin-top:3px;color:#d0dfd5}.day-pill{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;font-size:12px;padding:12px 19px;background:rgba(21,51,53,.63);border:1px solid var(--line);border-radius:30px;backdrop-filter:blur(12px)}.day-pill i{color:var(--gold)}.day-pill b{font-weight:400;color:#d2dfd3;padding-left:12px;border-left:1px solid var(--line);font-variant-numeric:tabular-nums}.header-right{display:flex;align-items:center;gap:22px}.currency{display:flex;align-items:center;gap:9px}.currency i{color:var(--gold)}.currency b{font-size:19px;font-weight:500}.currency small{color:var(--muted);font-size:11px}.icon-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:rgba(24,52,55,.5);font-size:25px}.icon-button:hover{background:#375a5a}.survival{position:absolute;top:108px;left:36px;width:176px;padding:16px 17px 12px;background:var(--panel);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:10px}.stat{display:flex;align-items:center;gap:11px;margin-bottom:13px}.stat>i{width:22px}.stat>div{flex:1}.stat label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;margin-bottom:6px;color:#cfdfd6}.stat label span{letter-spacing:0;color:var(--ink);font-variant-numeric:tabular-nums}.bar{height:3px;background:rgba(211,233,219,.12);overflow:hidden;border-radius:2px}.bar b{height:100%;display:block;background:var(--green);width:100%;transition:width .3s}.health>i{color:#ef9b89}.health .bar b{background:#df9683}.hunger>i{color:#e2be76}.hunger .bar b{background:#d6b675}.thirst>i{color:#95cdd6}.thirst .bar b{background:#8ec2c9}.energy>i{color:#b2c99b}.energy .bar b{background:#aec494}.conditions{border-top:1px solid var(--line);padding-top:10px;font-size:9px;color:var(--muted);text-align:center}.conditions.danger{color:#ffaf98}.journey{position:absolute;top:108px;right:36px;width:224px;padding:17px 19px;background:var(--panel);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:10px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold)}.journey .eyebrow{display:flex;justify-content:space-between}.journey .eyebrow span{color:#7b9f99;letter-spacing:1px}.journey h3{font-family:var(--serif);font-weight:500;font-size:17px;margin:13px 0 6px}.journey p{font-size:11px;color:var(--muted);margin:0 0 15px}.quest-bottom{display:flex;align-items:center;gap:13px}.quest-bottom .bar{flex:1}.quest-bottom span{font-size:10px;color:var(--muted)}.small-button{background:#e4bf7a;color:#263b36;border-radius:4px;padding:7px 11px;margin-top:12px;font-size:11px;width:100%}.location{position:absolute;top:94px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;letter-spacing:1px;display:flex;align-items:center;gap:10px;color:#e2ece0;text-shadow:0 1px 4px #22565b}.location b{font-weight:400}.live-dot{width:5px;height:5px;border-radius:50%;background:#dfc790}.location>span:not(.live-dot){color:#b4cec3}.controls{position:absolute;bottom:39px;left:36px;right:36px;height:144px;display:flex;align-items:flex-end;justify-content:space-between}#joystick{position:relative;width:118px;height:118px;border:1px solid rgba(217,238,224,.24);border-radius:50%;background:rgba(23,59,62,.23);touch-action:none;user-select:none;flex-shrink:0}#joystick:before{content:'';position:absolute;inset:13px;border:1px dashed rgba(217,238,224,.17);border-radius:50%}#stick{position:absolute;width:45px;height:45px;top:calc(50% - 22.5px);left:calc(50% - 22.5px);background:rgba(183,211,197,.27);border:1px solid rgba(223,239,220,.36);border-radius:50%;box-shadow:0 3px 12px #11383d33}#stick:after{content:'';position:absolute;inset:15px;border:1px solid #d6e3d180;border-radius:50%}#joystick small{position:absolute;bottom:-22px;width:100%;text-align:center;font-size:9px;letter-spacing:2px;color:#c2d6c9}.joystick-cross:before,.joystick-cross:after{content:'';position:absolute;background:#e6eed21a;top:50%;left:15%;width:70%;height:1px}.joystick-cross:after{transform:rotate(90deg)}.dock{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;gap:2px;padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(12px);pointer-events:auto}.dock button{background:transparent;width:65px;height:59px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-radius:8px;color:#c5d7cb;position:relative;transition:.2s}.dock button:hover{background:#739d8f26;color:var(--gold)}.dock button span{font-size:10px;letter-spacing:2px}.dock .card-nav{color:var(--gold)}.card-nav b{position:absolute;right:11px;top:2px;background:#e2be79;color:#253b37;border-radius:8px;font-size:8px;padding:1px 4px}.right-controls{display:flex;align-items:flex-end;gap:17px}.quick-items{display:flex;flex-direction:column;gap:8px;padding-bottom:9px}.quick-items button{width:36px;height:36px;border-radius:50%;background:rgba(22,51,54,.64);border:1px solid var(--line);position:relative;display:flex;align-items:center;justify-content:center}.quick-items button b{font-size:8px;position:absolute;bottom:0;right:-3px;background:#203f40;border-radius:4px;padding:0 3px;color:#e3d1a0;font-weight:400}.quick-items svg{width:17px;height:17px}.action-wrap{width:108px;display:flex;flex-direction:column;align-items:center}#actionBtn{background:linear-gradient(145deg,#efd093,#d8ae67);color:#2d443e;width:95px;height:95px;border-radius:50%;border:5px solid #e7d1a52b;outline:1px solid #efd3a661;outline-offset:5px;box-shadow:0 6px 24px #173d4540;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;user-select:none;touch-action:none}#actionBtn svg{width:28px;height:28px}#actionBtn span{font-size:13px;letter-spacing:3px;padding-left:3px}#actionBtn.active{transform:scale(.96);filter:brightness(1.13)}#actionBtn.combat{background:linear-gradient(145deg,#e6a388,#c66c5d);color:#452c28}.rod-durability{width:94px;font-size:8px;color:#cfdfcf;margin-top:16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px}.rod-durability>b{font-weight:400}.rod-durability .bar{width:100%;height:2px}.rod-durability .bar b{background:#d8c597}.desktop-hint{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:1px;color:#c2d6ca88;white-space:nowrap}.desktop-hint span{padding:0 10px}#toasts{position:absolute;left:50%;top:145px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;width:310px}.toast{font-size:12px;padding:11px 19px;border-radius:7px;background:#183d3eea;border:1px solid #a8c7b53b;box-shadow:0 5px 20px #173a3b22;animation:toastIn .25s ease;max-width:100%;text-align:center}.toast.gold{color:var(--gold);border-color:#cdae6755}.toast.red{color:#ffb09a}.event-banner{position:absolute;top:125px;left:50%;transform:translateX(-50%);padding:10px 22px;background:#8e4942dc;border:1px solid #f5a38c80;border-radius:6px;font-size:12px;white-space:nowrap}.fish-panel{position:absolute;left:50%;bottom:155px;transform:translateX(-50%);width:330px;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:15px 19px;backdrop-filter:blur(10px);pointer-events:auto}.fish-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.fish-head>i{color:var(--gold)}.fish-head strong{font-size:12px;font-weight:500}.fish-head>span{font-size:9px;color:var(--muted);margin-left:auto}.tension-track{position:relative;height:15px;background:#754d4866;border-radius:3px;overflow:hidden}.safe-zone{position:absolute;left:16%;width:60%;height:100%;background:#8db4a244}.tension-track:before{content:'拉力';position:absolute;inset:1px 0;text-align:center;font-size:8px;letter-spacing:3px;z-index:2;color:#f0f0d688}#tensionFill{height:100%;background:#d3be7c55;width:30%}#tensionMarker{position:absolute;width:3px;height:100%;background:#f3e5be;left:30%;top:0}.fish-progress{height:3px;background:#ffffff15;margin-top:8px;overflow:hidden}.fish-progress b{display:block;height:100%;background:var(--gold);width:0}.fish-panel>small{display:block;font-size:10px;color:var(--muted);margin-top:9px}.fish-panel>button{position:absolute;right:15px;bottom:10px;font-size:9px;color:#b4cec4;background:transparent;text-decoration:underline;padding:5px}.build-panel{position:absolute;left:50%;bottom:158px;transform:translateX(-50%);display:flex;align-items:center;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 17px;pointer-events:auto}.build-panel strong{font-size:12px}.build-panel small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.build-panel .primary{white-space:nowrap;padding:10px 13px;font-size:11px}.build-panel .icon-button{width:27px;height:27px;flex-shrink:0}.modal-layer{position:fixed;inset:0;background:#0c272c7d;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:20;padding:24px;pointer-events:auto;touch-action:none}#modal{width:min(780px,100%);max-height:90dvh;background:#18373a;border:1px solid #9fc0ac40;box-shadow:0 25px 90px #092f3966;border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.modal-top{display:flex;align-items:center;justify-content:space-between;padding:26px 29px 20px;border-bottom:1px solid var(--line);flex-shrink:0}.modal-top h2{font-family:var(--serif);font-size:27px;font-weight:500;margin:6px 0 0;letter-spacing:2px}.modal-top .eyebrow{font-size:9px}#modalBody{overflow-y:auto;overscroll-behavior:contain;padding:24px 29px;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#7e9e8c #18373a}.panel-intro{color:var(--muted);font-size:12px;line-height:1.9;margin:0 0 19px}.inventory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.item-card{background:#a9c9b008;border:1px solid var(--line);border-radius:9px;padding:15px;position:relative}.item-card>.item-icon{font-size:28px;display:block;margin-bottom:10px}.item-card h4{margin:0 0 5px;font-size:12px;font-weight:500}.item-card p{font-size:10px;color:var(--muted);line-height:1.6;margin:0}.item-card .count{position:absolute;right:12px;top:14px;font-size:13px;color:var(--gold)}.item-card button{margin-top:12px;padding:7px 10px;font-size:10px;width:100%;border-radius:4px;background:#8bb09c22;color:#d0dfcd}.recipe-list{display:flex;flex-direction:column;gap:10px}.recipe{display:flex;align-items:center;gap:16px;padding:15px;border:1px solid var(--line);background:#a9c9b007;border-radius:9px}.recipe>.item-icon{font-size:28px;width:40px;text-align:center;flex-shrink:0}.recipe-info{flex:1}.recipe h4{font-size:13px;font-weight:500;margin:0 0 5px}.recipe p{font-size:10px;line-height:1.7;margin:0;color:var(--muted)}.recipe .cost{color:#e2c98e;margin-top:4px;font-size:10px}.recipe button{flex-shrink:0;min-width:82px}.primary{background:var(--gold);color:#263d36;border:1px solid #f6db9a55;border-radius:6px;padding:11px 18px;font-size:12px;font-weight:600}.primary:hover{filter:brightness(1.07)}.secondary{background:#c6dac70d;color:#d4e3d7;border:1px solid var(--line);border-radius:6px;padding:11px 18px;font-size:12px}.panel-tabs{display:flex;gap:8px;margin-bottom:17px}.panel-tabs button{padding:8px 15px;background:#a4c0a90d;border:1px solid var(--line);border-radius:5px;font-size:11px;color:var(--muted)}.panel-tabs .selected{border-color:#d1b77a88;color:var(--gold);background:#dec18a10}.trade-summary{display:flex;gap:15px;margin-bottom:17px;padding:13px 16px;background:#e4cc8b0a;border-radius:7px;color:var(--gold);font-size:12px;align-items:center}.trade-summary span{font-size:10px;color:var(--muted);margin-left:auto}.talent-grid,.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.talent-card,.draw-card{border:1px solid #b6cdb032;border-radius:10px;padding:23px 18px;background:linear-gradient(150deg,#aac7aa0a,#173437);text-align:left;min-height:222px;display:flex;flex-direction:column;align-items:flex-start;transition:.2s}.talent-card:hover,.draw-card:hover{border-color:var(--gold);transform:translateY(-3px);background:#a2b79713}.talent-card .talent-symbol,.draw-card .talent-symbol{font-size:33px;margin-bottom:24px}.talent-card h3,.draw-card h3{font-family:var(--serif);font-size:19px;font-weight:500;margin:0 0 10px}.talent-card p,.draw-card p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.talent-card small,.draw-card small{font-size:9px;color:var(--gold);margin-top:auto;padding-top:21px;letter-spacing:2px}.card-grid .draw-card{animation:cardIn .4s both}.draw-card:nth-child(2){animation-delay:.08s}.draw-card:nth-child(3){animation-delay:.16s}.owned-cards{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.owned-card{font-size:10px;border:1px solid var(--line);border-radius:5px;padding:8px 11px;color:#bdd0bc}.empty-state{text-align:center;padding:26px 5px;color:var(--muted);font-size:12px;line-height:1.9}.draw-intro{text-align:center;padding:13px 0 20px}.draw-intro .large-icon{font-size:57px;display:block;margin-bottom:12px}.draw-intro h3{font:23px var(--serif);margin:0 0 12px}.draw-intro p{color:var(--muted);font-size:12px;line-height:1.8}.draw-intro .primary{margin-top:9px;min-width:180px}.settings-row{padding:14px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;justify-content:space-between}.settings-row p{margin:5px 0 0;font-size:10px;color:var(--muted)}.settings-row h4{margin:0;font-size:12px;font-weight:500}.settings-row button{font-size:11px}.settings-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.settings-actions button{font-size:11px}.danger-button{color:#efac95;border-color:#d99a7755}.start-screen{position:fixed;inset:0;background:linear-gradient(90deg,rgba(13,40,46,.89),rgba(20,51,55,.69) 35%,transparent 75%);z-index:15;transition:opacity .7s}.start-content{position:absolute;left:8%;top:50%;transform:translateY(-50%)}.start-content>.eyebrow{font-size:9px;letter-spacing:3px;margin-bottom:24px;color:#d2cda2}.start-content h1{font-family:var(--serif);font-size:100px;line-height:1;letter-spacing:20px;font-weight:500;margin:0 0 25px;color:#f2ead3}.start-content h1 span{font:12px system-ui;display:block;letter-spacing:9px;margin-top:24px;margin-left:4px;color:#d4dec9}.start-intro{font-size:12px;line-height:2.2;color:#bccfc5;margin:0 0 27px}.start-button{width:220px;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;letter-spacing:3px}.start-button>span{font-size:22px;font-weight:400}.start-content .secondary{margin-top:10px;width:220px}.start-caption{display:block;font-size:9px;letter-spacing:1px;color:#8caaa2;margin-top:22px}.start-caption span{display:block;margin-top:7px;color:#8caaa288}.start-bottom{position:absolute;bottom:26px;left:8%;right:6%;display:flex;justify-content:space-between;font-size:9px;color:#c3d5c078;letter-spacing:2px}.hidden{display:none!important}#rotateHint{display:none;position:fixed;inset:0;background:#17383aee;z-index:50;align-items:center;justify-content:center;flex-direction:column;gap:25px;backdrop-filter:blur(8px)}#rotateHint svg{width:50px;height:50px;color:var(--gold)}#rotateHint span{font:20px var(--serif)}#rotateHint button{font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);background:transparent;padding:12px}#fatal{position:fixed;inset:20%;background:#193d40;padding:30px;border:1px solid var(--line);z-index:60;text-align:center;line-height:2}.reward-box{padding:20px;border:1px solid #e4c98555;border-radius:10px;background:#dac68d08;margin:16px 0;text-align:center;color:var(--gold);font-size:14px;line-height:2}.modal-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.section-label{font-size:10px;color:var(--gold);letter-spacing:2px;margin:22px 0 12px}.paused-chip{color:var(--muted);font-size:9px;margin-left:8px}.story-note{font:14px/2 var(--serif);color:#cbd8c5;border-left:2px solid #d7c08b66;padding:8px 16px;margin:18px 0}.progress-level{font:38px var(--serif);color:var(--gold);margin-right:12px}.device-note{font-size:10px;color:#8da99e;line-height:1.8}.danger-text{color:#f0ac97!important}.item-icon{font-family:system-ui,'Segoe UI Emoji',sans-serif}.completion{font:20px/1.8 var(--serif);text-align:center;color:var(--gold);margin:15px 0}.quest-reward{color:var(--gold);font-size:11px;margin-top:8px}@keyframes toastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{from{opacity:0;transform:translateY(16px) rotateY(25deg)}to{opacity:1;transform:translateY(0) rotateY(0)}}
@media (max-height:600px){header{height:65px;padding:0 23px}.brand{font-size:20px;gap:8px}.brand-mark{font-size:40px}.brand small{font-size:6px}.version{font-size:8px}.day-pill{padding:8px 13px;font-size:10px;gap:9px}.day-pill svg{width:17px;height:17px}.header-right{gap:15px}.currency b{font-size:16px}.currency small{font-size:9px}.survival{top:77px;left:23px;width:151px;padding:12px 13px 10px}.stat{margin-bottom:10px;gap:9px}.stat label{font-size:9px;margin-bottom:4px}.stat svg{width:17px;height:17px}.conditions{font-size:8px;padding-top:7px}.journey{top:77px;right:23px;width:192px;padding:13px 14px}.journey h3{font-size:14px;margin:10px 0 5px}.journey p{font-size:10px;margin-bottom:10px}.eyebrow{font-size:8px}.location{top:67px;font-size:9px;gap:7px}.controls{bottom:24px;left:27px;right:24px;height:120px}#joystick{width:94px;height:94px}#stick{width:38px;height:38px;top:calc(50% - 19px);left:calc(50% - 19px)}#stick:after{inset:12px}#joystick small{bottom:-17px;font-size:8px}.dock{padding:5px;border-radius:10px}.dock button{width:53px;height:48px;gap:5px}.dock button span{font-size:9px}.dock svg{width:19px;height:19px}.action-wrap{width:87px}#actionBtn{width:74px;height:74px;gap:3px}#actionBtn svg{width:23px;height:23px}#actionBtn span{font-size:11px}.rod-durability{width:78px;font-size:7px;margin-top:12px}.right-controls{gap:13px}.quick-items{gap:7px;padding-bottom:5px}.quick-items button{width:30px;height:30px}.quick-items svg{width:15px;height:15px}.desktop-hint{bottom:5px;font-size:7px}.fish-panel{bottom:110px;width:286px;padding:11px 14px}.fish-head{margin-bottom:8px}.fish-head strong{font-size:11px}.fish-head>span{font-size:8px}.fish-panel>small{font-size:9px}.build-panel{bottom:104px;padding:10px 12px;gap:10px}.modal-layer{padding:15px}#modal{max-height:94dvh;width:min(730px,100%)}.modal-top{padding:16px 23px 13px}.modal-top h2{font-size:22px;margin-top:4px}#modalBody{padding:17px 23px}.talent-card,.draw-card{min-height:174px;padding:15px}.talent-card .talent-symbol,.draw-card .talent-symbol{font-size:26px;margin-bottom:13px}.talent-card h3,.draw-card h3{font-size:17px}.talent-card p,.draw-card p{font-size:10px}.talent-card small,.draw-card small{padding-top:14px}.panel-intro{font-size:11px;margin-bottom:13px}.recipe{padding:11px 13px;gap:12px}.recipe h4{font-size:12px}.recipe>.item-icon{font-size:24px}.recipe-list{gap:8px}.recipe p{font-size:9px}.primary{padding:9px 14px;font-size:11px}.start-content{left:8%;top:47%}.start-content>.eyebrow{font-size:8px;margin-bottom:17px}.start-content h1{font-size:72px;letter-spacing:14px;margin-bottom:18px}.start-content h1 span{font-size:10px;margin-top:16px;letter-spacing:7px}.start-intro{font-size:10px;margin-bottom:17px}.start-button{width:186px;padding:10px 16px;font-size:11px}.start-content .secondary{width:186px;padding:8px 15px;font-size:10px}.start-caption{margin-top:14px;font-size:8px}.start-caption span{display:inline;margin-left:12px}.start-bottom{bottom:15px;font-size:8px}#toasts{top:105px;width:275px}.toast{padding:8px 13px;font-size:10px}.event-banner{top:92px;font-size:10px}.draw-intro{padding:4px 0 10px}.draw-intro .large-icon{font-size:35px}.draw-intro h3{font-size:20px}.draw-intro p{font-size:10px;margin:7px 0}.owned-cards{margin-top:10px}.item-card{padding:12px}.item-card>.item-icon{font-size:24px}.item-card h4{font-size:11px}.item-card p{font-size:9px}.small-button{margin-top:8px;padding:6px 9px}.modal-top .icon-button{width:30px;height:30px}.section-label{margin:15px 0 10px}.story-note{font-size:12px}.header-right .icon-button{width:31px;height:31px}.header-right svg{width:18px;height:18px}}
@media (pointer:coarse){.desktop-hint{display:none}button{min-height:32px}.controls{bottom:max(25px,env(safe-area-inset-bottom))}header{padding-left:max(23px,env(safe-area-inset-left));padding-right:max(23px,env(safe-area-inset-right))}.dock button{min-width:48px}}
@media (orientation:portrait) and (max-width:700px){body:not(.allow-portrait) #rotateHint{display:flex}header{padding:0 16px;height:73px}.brand{font-size:18px}.version{display:none}.day-pill{top:78px}.header-right{gap:10px}.currency small{display:none}.survival{left:13px;top:126px;width:136px;padding:12px}.journey{right:13px;top:126px;width:178px;padding:12px}.journey h3{font-size:13px}.location{top:113px;font-size:8px}.controls{left:18px;right:18px;bottom:100px}.dock{position:fixed;bottom:16px;width:calc(100% - 34px);justify-content:space-around}.dock button{width:55px;height:50px}.fish-panel{bottom:256px;width:280px}.build-panel{bottom:255px;width:300px;flex-wrap:wrap}.quick-items{gap:9px}.action-wrap{width:90px}#actionBtn{width:77px;height:77px}#joystick{width:100px;height:100px}#toasts{top:340px;width:270px}.event-banner{top:310px;font-size:10px}.inventory-grid{grid-template-columns:repeat(2,1fr)}.talent-grid,.card-grid{grid-template-columns:1fr}.talent-card,.draw-card{min-height:132px}.talent-card .talent-symbol,.draw-card .talent-symbol{margin-bottom:8px;font-size:25px}.talent-card h3,.draw-card h3{font-size:17px}.talent-card p,.draw-card p{font-size:11px}.talent-card small,.draw-card small{padding-top:12px}.recipe{gap:8px;padding:12px 9px}.recipe>.item-icon{width:28px;font-size:23px}.recipe button{min-width:62px;padding:9px;font-size:10px}.recipe p{font-size:9px}.recipe h4{font-size:11px}.recipe .cost{font-size:9px}.modal-layer{padding:12px}.modal-top{padding:18px}#modalBody{padding:18px}.modal-top h2{font-size:23px}.start-content{left:9%;top:48%}.start-content h1{font-size:85px}.start-content>.eyebrow{font-size:7px;letter-spacing:2px}.start-intro{font-size:12px}.start-caption span{display:block;margin-left:0}.start-bottom span:last-child{display:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media (pointer:coarse) and (orientation:landscape){.survival{left:max(23px,calc(env(safe-area-inset-left) + 8px))}.journey{right:max(23px,calc(env(safe-area-inset-right) + 8px))}.controls{left:max(27px,calc(env(safe-area-inset-left) + 8px));right:max(24px,calc(env(safe-area-inset-right) + 8px))}.modal-layer{padding-left:max(15px,calc(env(safe-area-inset-left) + 8px));padding-right:max(15px,calc(env(safe-area-inset-right) + 8px))}}