#login-recovery{width:100%;min-height:40px;margin:0 0 12px;border:1px solid currentColor;border-radius:4px}
*{box-sizing:border-box}body{margin:0;background:#b5d3d5;color:#263f39;font:15px 'Microsoft YaHei',sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5}canvas{position:fixed;inset:0;width:100%;height:100%;outline:none;touch-action:none}.topbar{position:fixed;top:24px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;z-index:2}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px;font-size:22px;font-weight:bold}.brand small{display:block;font-size:10px;letter-spacing:3px;margin-top:5px}.brandmark{font:38px Georgia;position:relative}.brandmark span{font-size:15px}.top-right{display:flex;gap:18px;align-items:center;font-size:12px}.connection{background:#f3f5e9dd;padding:10px 16px;border-radius:30px}.connection i,.live-dot{display:inline-block;width:7px;height:7px;background:#4d977d;border-radius:50%;margin-right:7px}.quiet,.text-button{border:0;background:transparent;color:#2e6559}.landing{position:fixed;inset:0;display:flex;align-items:center;justify-content:space-between;padding:100px 9%;gap:60px;background:linear-gradient(90deg,#eaf0dfed,#eaf0df55 65%,#eaf0df99)}.intro{max-width:580px}.eyebrow,.card-index{font-size:10px;letter-spacing:2px;color:#637c66}.intro h1{font-family:Georgia,'Microsoft YaHei',serif;font-size:clamp(32px,4vw,58px);line-height:1.4;font-weight:500;margin:24px 0}.intro h1 span{color:#c58050}.intro p{color:#66776b;line-height:2}.island-note{display:flex;gap:12px;align-items:center;margin-top:35px}.compass{font-size:38px}.island-note small{display:block;margin-top:7px;font-size:11px;color:#728172}.join-card{width:350px;flex-shrink:0;background:#fbfcf2ed;border:1px solid #fff;padding:30px;box-shadow:0 20px 70px #284c4220;border-radius:8px}.join-card h2{font-size:25px;margin:16px 0 10px}.muted{color:#7a8578;font-size:12px;margin-bottom:28px}label{font-size:12px;display:block}input{border:1px solid #d8dfd0;background:#fffefa;border-radius:4px;padding:13px;width:100%;outline:none;color:#263f39}input:focus{border-color:#508778}#nickname{margin-top:10px}.color-heading{display:flex;justify-content:space-between;margin:24px 0 12px;font-size:11px;color:#7a8578}.colors{display:flex;gap:12px}.swatch{width:28px;height:28px;border:3px solid #f9fbef;border-radius:50%;outline:1px solid transparent}.swatch.selected{outline-color:#355e4c}.primary{background:#355e4c;color:#fff;border:0;border-radius:4px;padding:15px 18px;width:100%;display:flex;justify-content:space-between}.error{color:#b34d3d;font-size:12px;min-height:18px}.save-note{border-top:1px solid #dce2d3;margin-top:23px;display:flex;gap:10px;padding-top:12px}.save-note p{font-size:11px;color:#667864;line-height:1.8;margin:0}.save-note small{font-size:10px;display:block;color:#8a9584}footer{position:fixed;bottom:24px;left:32px;right:32px;display:flex;justify-content:space-between;font-size:11px;color:#647866}.location{position:fixed;top:110px;left:32px;background:#fbfcf0e8;padding:21px;width:220px;border-radius:6px}.location h2{font-size:21px;font-weight:500}.location h2 span{float:right;color:#b38455}.location p{font-size:11px;color:#7d8d7b}.location-rule{height:1px;background:#d8dfd2;margin:17px 0}.online-line{font-size:12px}.online-line button{float:right}#roster{padding-left:18px;line-height:2;font-size:12px}.welcome-tag{position:fixed;top:110px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#fff9e9e8;border-radius:30px;font-size:12px;white-space:nowrap}.world-caption{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:2px;white-space:nowrap;color:#305b5d}.world-caption span{margin:0 12px}.chat-panel{position:fixed;bottom:36px;left:32px;width:325px;background:#fcfdf4eb;border-radius:6px;overflow:hidden}.chat-head{display:flex;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #dfe5d8;font-size:13px}.chat-head small{font-size:10px;color:#89947d;margin-left:10px}#chat-log{height:145px;overflow:auto;padding:10px 18px;font-size:12px;line-height:1.7}#chat-log p{margin:5px 0;overflow-wrap:anywhere}.chat-empty{color:#85917d;font-size:11px}#chat-form{display:flex;padding:10px;gap:6px}#chat-form input{font-size:12px;background:#eff3e9;border:0}#chat-form button{border:0;border-radius:4px;background:#355e4c;color:white;width:42px}.controls{position:fixed;bottom:50px;right:35px;display:flex;gap:15px;align-items:center}.controls>div{text-align:center}kbd{display:inline-block;min-width:21px;border:1px solid #f8fff8;background:#eff4e9a0;border-radius:3px;padding:3px;font-size:10px}.key-row{display:block;margin-top:2px}.controls p{font-size:12px}.controls small{display:block;font-size:10px;margin-top:7px}.help-button{border:1px solid #e0eadc;background:#f7fbf0;width:36px;height:36px;border-radius:50%;margin-left:10px}#toast{position:fixed;top:75px;left:50%;transform:translateX(-50%);background:#263f39;color:#fff;padding:14px 24px;z-index:10;border-radius:6px;font-size:13px}dialog{border:0;border-radius:8px;max-width:420px;padding:35px;background:#fbfcf2;color:#345347;line-height:2}dialog::backdrop{background:#173e4270}dialog small{color:#7c8975}.dialog-close{float:right;border:0;background:none;font-size:25px}#joystick{display:none;position:fixed;bottom:195px;left:26px;width:110px;height:110px;background:#ffffff40;border:1px solid #fff8;border-radius:50%;touch-action:none}#stick{position:absolute;width:44px;height:44px;left:32px;top:32px;border-radius:50%;background:#fff9;border:1px solid #fff}[hidden]{display:none!important}@media(max-width:800px){:where(body:not(.mobile-desktop)) .topbar{top:18px;left:18px;right:18px}:where(body:not(.mobile-desktop)) .season{display:none}:where(body:not(.mobile-desktop)) .brand{font-size:18px}:where(body:not(.mobile-desktop)) .top-right{gap:5px}:where(body:not(.mobile-desktop)) .landing{padding:90px 22px 55px;gap:15px;justify-content:center}:where(body:not(.mobile-desktop)) .intro{display:none}:where(body:not(.mobile-desktop)) .join-card{max-width:370px;width:100%;padding:25px}:where(body:not(.mobile-desktop)) footer{left:20px;right:20px;bottom:15px;font-size:9px}:where(body:not(.mobile-desktop)) footer span:last-child{display:none}:where(body:not(.mobile-desktop)) .location{top:90px;left:15px;width:175px;padding:15px}:where(body:not(.mobile-desktop)) .location h2{font-size:17px}:where(body:not(.mobile-desktop)) .welcome-tag{top:260px;max-width:94vw;font-size:10px}:where(body:not(.mobile-desktop)) .chat-panel{left:15px;bottom:18px;width:270px}:where(body:not(.mobile-desktop)) #chat-log{height:85px}:where(body:not(.mobile-desktop)) .controls{right:15px;bottom:22px}:where(body:not(.mobile-desktop)) .controls>div,:where(body:not(.mobile-desktop)) .controls p,:where(body:not(.mobile-desktop)) .world-caption{display:none}:where(body:not(.mobile-desktop)) #joystick{display:block}:where(body:not(.mobile-desktop)) .quiet{font-size:10px}:where(body:not(.mobile-desktop)) .connection{padding:8px;font-size:10px}}

/* Quiet botanical game tools: the world stays the primary surface. */
:root{--paper:#fbfcf2;--ink:#263f39;--leaf:#355e4c;--muted:#71816c;--line:#d8dfd0;--gold:#c6a752}
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}
button{transition:background-color .15s,border-color .15s,box-shadow .15s}button:hover:not(:disabled){filter:brightness(.97)}button:focus-visible,input:focus-visible{outline:2px solid #355e4c;outline-offset:3px}canvas:focus-visible{outline:2px solid #355e4c;outline-offset:-4px}
.placing{cursor:crosshair}.quiet,.text-button{min-height:44px}.dialog-close{min-width:44px;min-height:44px;margin:-15px -15px 0 0}.help-button{min-width:44px;min-height:44px}
.location{width:205px}.location h2{margin:14px 0 10px}.land-note{border-top:1px solid var(--line);padding-top:13px;margin-bottom:0!important;font-size:10px!important}.online-line{display:flex;align-items:center;gap:3px}.online-line .text-button{margin-left:auto}.online-line .live-dot{flex-shrink:0}.location-rule{margin:12px 0 4px}
.inventory-panel{position:fixed;top:110px;right:32px;width:106px;padding:13px 12px 10px;border:1px solid #f9fbef;background:#f8faefed;box-shadow:0 7px 30px #34534b10;border-radius:7px;text-align:center}.wallet{display:flex;justify-content:center;align-items:center;gap:8px;padding-bottom:10px}.wallet strong{display:block;font:600 23px Georgia,serif;color:#665834;line-height:1.1;max-width:70px;overflow-wrap:anywhere}.wallet small{font-size:9px;letter-spacing:2px;color:#88764d}.coin-icon{display:flex;align-items:center;justify-content:center;width:25px;height:25px;flex-shrink:0;border:2px solid #c7a449;border-radius:50%;background:#ead48c;color:#8a6d2f;font:15px Georgia,serif;box-shadow:inset 0 0 0 2px #f6e4aa}.shop-open{border:1px solid #cad7c2;border-radius:4px;min-height:44px;width:100%;padding:6px 2px;background:#e9efdc;color:#355e4c;font-size:11px}.inventory-panel h2{font-size:11px;font-weight:500;margin:17px 0 10px;display:flex;justify-content:space-between;align-items:center}.inventory-panel h2 small{font-size:9px;color:#7a8973}.inventory{display:grid;grid-template-columns:1fr;gap:7px}.inventory-slot{position:relative;height:64px;width:100%;border:1px solid #d9dfcd;background:#edf1e3;border-radius:5px;padding:5px;display:flex;align-items:center;justify-content:center;color:#6d7b62}.inventory-slot:hover{background:#e3ebd7;border-color:#92ab82}.inventory-slot.selected{background:#f4e9bc;border:2px solid #8a9155;box-shadow:0 0 0 2px #fff9df}.slot-number{position:absolute;left:5px;top:4px;font:9px Georgia,serif;color:#718168}.slot-count{position:absolute;right:5px;bottom:3px;font-size:10px;background:#fbfcf1e0;border-radius:3px;padding:1px 3px;color:#65562c}.slot-empty{font:24px Georgia,serif;color:#a2b096}.wheat-icon{width:39px;height:45px}.bag-tip{font-size:9px;color:#7c896f;line-height:1.8;margin:11px 0 0}.placement-bar{position:fixed;top:100px;left:50%;transform:translateX(-50%);background:#fff9e6f5;border:1px solid #ded9b8;border-radius:6px;display:flex;align-items:center;gap:12px;padding:9px 14px;box-shadow:0 8px 26px #344b3a14;z-index:3;max-width:calc(100vw - 30px);font-size:12px}.placement-bar>svg{width:25px;height:37px;flex-shrink:0}.placement-bar small{display:block;color:#8c815e;margin-top:5px;font-size:10px}.placement-bar .text-button{white-space:nowrap;font-size:11px;padding:0 2px}.placement-bar kbd{font-size:9px;min-width:auto;background:#f3eed9;border-color:#d8d5b8;margin-left:5px}.welcome-tag{max-width:calc(100vw - 300px);white-space:normal;text-align:center;line-height:1.7}.chat-panel{z-index:1}#roster{max-height:180px;overflow:auto}#shop{width:400px;max-width:calc(100vw - 28px);padding:30px;line-height:1.6}#shop h2{font-size:27px;font-family:Georgia,'Microsoft YaHei',serif;font-weight:500;margin:18px 0 8px}.shop-intro{font-size:12px;color:#7a876d;margin-bottom:25px}.shop-product{display:flex;align-items:center;gap:20px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.seed-illustration{background:#eee9cf;width:92px;height:102px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.seed-illustration svg{width:59px;height:73px}.shop-product h3{font-size:16px;font-weight:500;margin:0 0 10px}.shop-product h3 small{font-size:11px;margin-left:10px}.shop-product p{font-size:11px;color:#76816c;line-height:1.9;margin:0}.shop-product b{color:#79612e}.shop-balance{margin:20px 0 0;color:#75816c;font-size:11px}.shop-balance strong{color:#806832;font:600 20px Georgia,serif;margin-left:8px}.shop-balance>span{display:block;font-size:10px;margin-top:7px;color:#89937d}#shop-error{margin:12px 0;min-height:18px}.shop-note{font-size:10px;color:#879077;line-height:1.9;margin:15px 0 0}#toast{max-width:calc(100vw - 30px);line-height:1.6;text-align:center;width:max-content}dialog{max-height:calc(100dvh - 36px);overflow:auto}.controls{right:35px;bottom:42px}footer{pointer-events:none}
@media(max-width:1100px) and (min-width:801px){:where(body:not(.mobile-desktop)) .intro{max-width:440px}:where(body:not(.mobile-desktop)) .intro h1{font-size:39px}:where(body:not(.mobile-desktop)) .landing{padding-left:6%;padding-right:6%;gap:25px}:where(body:not(.mobile-desktop)) .world-caption{bottom:18px;font-size:9px;letter-spacing:1px}:where(body:not(.mobile-desktop)) .controls p{display:none}:where(body:not(.mobile-desktop)) .welcome-tag{max-width:calc(100vw - 520px)}}
@media(max-width:800px){:where(body:not(.mobile-desktop)) .topbar{top:16px;left:16px;right:12px}:where(body:not(.mobile-desktop)) .brand{gap:8px;font-size:16px}:where(body:not(.mobile-desktop)) .brandmark{font-size:30px}:where(body:not(.mobile-desktop)) .brand small{font-size:8px;letter-spacing:2px}:where(body:not(.mobile-desktop)) .top-right{gap:3px}:where(body:not(.mobile-desktop)) .connection{padding:8px;font-size:9px}:where(body:not(.mobile-desktop)) .quiet{padding:0 3px;font-size:10px}:where(body:not(.mobile-desktop)) .location{top:88px;left:12px;width:162px;padding:12px}:where(body:not(.mobile-desktop)) .location h2{font-size:16px;margin:9px 0}:where(body:not(.mobile-desktop)) .location .eyebrow{font-size:8px}:where(body:not(.mobile-desktop)) .location p{font-size:10px}:where(body:not(.mobile-desktop)) .location-rule{margin:8px 0 0}:where(body:not(.mobile-desktop)) .online-line{font-size:10px}:where(body:not(.mobile-desktop)) .online-line .text-button{font-size:10px;padding:0 2px}:where(body:not(.mobile-desktop)) .location .land-note{font-size:9px!important;padding-top:9px}:where(body:not(.mobile-desktop)) .inventory-panel{top:88px;right:12px;width:76px;padding:9px 7px}:where(body:not(.mobile-desktop)) .wallet{gap:4px;padding-bottom:8px}:where(body:not(.mobile-desktop)) .wallet strong{font-size:21px;max-width:47px}:where(body:not(.mobile-desktop)) .wallet small{font-size:8px;letter-spacing:1px}:where(body:not(.mobile-desktop)) .coin-icon{width:20px;height:20px;font-size:12px;border-width:1px}:where(body:not(.mobile-desktop)) .shop-open{font-size:9px;padding:3px 0}:where(body:not(.mobile-desktop)) .inventory-panel h2{font-size:10px;margin:11px 0 8px}:where(body:not(.mobile-desktop)) .inventory-panel h2 small{font-size:8px}:where(body:not(.mobile-desktop)) .inventory{gap:6px}:where(body:not(.mobile-desktop)) .inventory-slot{height:54px}:where(body:not(.mobile-desktop)) .slot-number{font-size:8px;left:4px;top:3px}:where(body:not(.mobile-desktop)) .slot-count{font-size:9px;right:3px;bottom:2px}:where(body:not(.mobile-desktop)) .wheat-icon{width:31px;height:37px}:where(body:not(.mobile-desktop)) .bag-tip{font-size:8px;margin-top:8px}:where(body:not(.mobile-desktop)) .placement-bar{top:auto;bottom:235px;width:calc(100vw - 28px);padding:8px 11px;gap:8px;font-size:11px;justify-content:space-between}:where(body:not(.mobile-desktop)) .placement-bar small{font-size:9px}:where(body:not(.mobile-desktop)) .placement-bar>svg{width:22px}:where(body:not(.mobile-desktop)) .placement-bar kbd{display:none}:where(body:not(.mobile-desktop)) .welcome-tag{top:258px;max-width:calc(100vw - 112px);left:12px;transform:none;font-size:10px;padding:8px 12px;z-index:1}:where(body:not(.mobile-desktop)) .chat-panel{left:12px;bottom:16px;width:min(270px,calc(100vw - 78px))}:where(body:not(.mobile-desktop)) .chat-head{padding:8px 12px;align-items:center;min-height:44px}:where(body:not(.mobile-desktop)) .chat-head small{font-size:9px;margin-left:7px}:where(body:not(.mobile-desktop)) .chat-head .text-button{padding:0 5px;font-size:16px;min-height:32px;min-width:32px}:where(body:not(.mobile-desktop)) #chat-log{height:72px;padding:6px 12px;font-size:11px}:where(body:not(.mobile-desktop)) #chat-form{padding:7px}:where(body:not(.mobile-desktop)) #chat-form input{min-height:44px;padding:10px}:where(body:not(.mobile-desktop)) #chat-form button{min-width:44px;min-height:44px}:where(body:not(.mobile-desktop)) #joystick{bottom:224px;left:22px;width:100px;height:100px}:where(body:not(.mobile-desktop)) #stick{left:27px;top:27px}:where(body:not(.mobile-desktop)) .controls{bottom:24px;right:13px}:where(body:not(.mobile-desktop)) .controls .help-button{margin-left:0}:where(body:not(.mobile-desktop)) .join-card{max-height:calc(100dvh - 142px);overflow:auto}:where(body:not(.mobile-desktop)) .colors{justify-content:space-between;gap:4px}:where(body:not(.mobile-desktop)) .swatch{width:32px;height:32px}:where(body:not(.mobile-desktop)) .landing{padding:90px 22px 55px}:where(body:not(.mobile-desktop)) .intro{display:none}:where(body:not(.mobile-desktop)) #shop{padding:25px}:where(body:not(.mobile-desktop)) .shop-product{gap:16px}:where(body:not(.mobile-desktop)) .seed-illustration{width:78px;height:92px}:where(body:not(.mobile-desktop)) .shop-product p{font-size:10px}:where(body:not(.mobile-desktop)) .shop-product h3{font-size:15px}:where(body:not(.mobile-desktop)) .dialog-close{margin:-12px -12px 0 0}:where(body:not(.mobile-desktop)) #toast{top:70px;font-size:11px;padding:10px 16px}:where(body:not(.mobile-desktop)) .world-caption{display:none}}
@media(max-height:650px){:where(body:not(.mobile-desktop)) .inventory-panel{top:85px}:where(body:not(.mobile-desktop)) .inventory-slot{height:44px}:where(body:not(.mobile-desktop)) .inventory-panel h2{margin-top:9px}:where(body:not(.mobile-desktop)) .bag-tip{display:none}:where(body:not(.mobile-desktop)) .inventory{gap:4px}:where(body:not(.mobile-desktop)) .wallet{padding-bottom:5px}:where(body:not(.mobile-desktop)) .inventory-panel{padding-top:7px;padding-bottom:8px}:where(body:not(.mobile-desktop)) .chat-panel{bottom:12px}:where(body:not(.mobile-desktop)) #chat-log{height:65px}:where(body:not(.mobile-desktop)) .welcome-tag{top:85px}:where(body:not(.mobile-desktop)) .placement-bar{top:85px;bottom:auto}:where(body:not(.mobile-desktop)) #joystick{bottom:205px;width:90px;height:90px}:where(body:not(.mobile-desktop)) #stick{left:22px;top:22px}}
/* Combat extends the existing paper-and-leaf toolkit, not the five-slot bag. */
[hidden]{display:none!important}
.mod-login-label{display:flex;align-items:center;gap:8px;min-height:44px;color:#647462;cursor:pointer;margin-top:12px}.mod-login-label input{width:17px;height:17px;margin:0;accent-color:#7d5b91}#mod-password-wrap{margin:4px 0 12px}#mod-password{margin-top:7px}.save-note small{line-height:1.7}.join-card{max-height:calc(100dvh - 150px);overflow-y:auto}.mod-badge{color:#8752a6;font-weight:bold}
.combat-hud{position:fixed;left:32px;top:350px;width:205px;background:#fbfcf2ed;border:1px solid #fff;border-radius:6px;padding:13px 15px;box-shadow:0 7px 30px #34534b10}.health-heading{display:flex;justify-content:space-between;font-size:11px}.health-heading strong{font:600 14px Georgia,serif}.hp-bar{margin-top:8px;height:7px;background:#dae1cf;border-radius:5px;overflow:hidden}.hp-bar>span{display:block;height:100%;width:100%;background:#789d6b;transition:width .15s}.hp-bar.low>span{background:#b46b65}.combat-hud p{font-size:10px;line-height:1.6;color:#71816c;margin:9px 0}.attack-button{width:100%;min-height:44px;border:1px solid #aebf98;background:#e9efdc;color:#355e4c;border-radius:4px;font-size:12px}.attack-button kbd{margin-left:8px;font-size:9px}.attack-button:not(:disabled):active{background:#d8e3bf}
.equipment{border-top:1px solid #d8dfd0;margin-top:10px}.equipment h2{margin:10px 0 7px}.equipment-slot{height:60px}.shovel-icon{width:33px;height:42px}#equip-label{position:absolute;bottom:3px;right:4px;font-size:9px;background:#fbfcf1e8;padding:1px 3px;border-radius:3px}.shovel-product{border-top:1px solid #d8dfd0;padding-top:18px;margin-top:20px;gap:22px}.shovel-product>.shovel-icon{flex-shrink:0;width:64px;height:76px;margin:0 12px}dialog{max-height:calc(100dvh - 40px);overflow-y:auto}
.mod-panel{position:fixed;top:110px;left:50%;transform:translateX(-50%);display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center;max-width:430px;background:#fcf7ffeb;border:1px solid #c6afd4;border-radius:5px;padding:7px 10px;color:#8752a6;font-size:11px}.mod-panel strong{margin-right:5px}.mod-panel button{min-height:44px;padding:7px 10px;background:#efe5f4;border:1px solid #c6afd4;border-radius:4px;color:#79518f;font-size:11px}.mod-panel button[aria-pressed=true]{background:#dfcee9}.mod-panel small{width:100%;text-align:center;font-size:9px}
.death-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#dce5d84d;pointer-events:none;z-index:4}.death-overlay>div{padding:25px 30px;background:#fffdf1f5;border:1px solid #d8dfd0;border-radius:8px;box-shadow:0 15px 60px #344c3926;text-align:center;max-width:calc(100vw - 32px)}.death-overlay h2{font:500 24px Georgia,'Microsoft YaHei',serif}.death-overlay p{font-size:12px}.death-overlay small{font-size:10px;color:#71816c}#respawn-countdown{font:600 25px Georgia,serif}
@media(max-width:800px){:where(body:not(.mobile-desktop)) .join-card{max-height:none}:where(body:not(.mobile-desktop)) .combat-hud{top:298px;left:12px;width:162px;padding:10px 12px}:where(body:not(.mobile-desktop)) .combat-hud p{font-size:9px;margin:7px 0}:where(body:not(.mobile-desktop)) .health-heading{font-size:10px}:where(body:not(.mobile-desktop)) .attack-button{font-size:11px}:where(body:not(.mobile-desktop)) .attack-button kbd{display:none}:where(body:not(.mobile-desktop)) .equipment-slot{height:52px}:where(body:not(.mobile-desktop)) .equipment h2{margin-top:8px}:where(body:not(.mobile-desktop)) .equipment .shovel-icon{width:27px;height:35px}:where(body:not(.mobile-desktop)) .bag-tip{display:none}:where(body:not(.mobile-desktop)) .mod-panel{top:82px;left:auto;right:100px;transform:none;max-width:calc(100vw - 285px);padding:5px;gap:4px}:where(body:not(.mobile-desktop)) .mod-panel strong{font-size:9px}:where(body:not(.mobile-desktop)) .mod-panel button{width:100%;font-size:9px;padding:3px}:where(body:not(.mobile-desktop)) .mod-panel small{display:none}:where(body:not(.mobile-desktop)) .welcome-tag{top:258px}:where(body:not(.mobile-desktop)) .death-overlay>div{padding:18px}:where(body:not(.mobile-desktop)) .death-overlay h2{font-size:21px}}
@media(max-width:430px){:where(body:not(.mobile-desktop)) .mod-panel{top:auto;bottom:225px;right:12px;max-width:115px}:where(body:not(.mobile-desktop)) .combat-hud{top:292px}:where(body:not(.mobile-desktop)) .combat-hud p{max-width:135px}:where(body:not(.mobile-desktop)) .shovel-product{gap:10px}:where(body:not(.mobile-desktop)) .shovel-product>.shovel-icon{width:45px;margin:0 5px}}
@media(max-height:750px) and (min-width:801px){:where(body:not(.mobile-desktop)) .combat-hud{top:330px}:where(body:not(.mobile-desktop)) .inventory-slot{height:45px}:where(body:not(.mobile-desktop)) .equipment-slot{height:48px}:where(body:not(.mobile-desktop)) .bag-tip{display:none}:where(body:not(.mobile-desktop)) .inventory-panel h2{margin-top:10px}:where(body:not(.mobile-desktop)) .inventory{gap:5px}}
@media(max-height:650px){:where(body:not(.mobile-desktop)) .combat-hud{top:85px;left:255px;width:180px}:where(body:not(.mobile-desktop)) .mod-panel{top:auto;bottom:20px}:where(body:not(.mobile-desktop)) .equipment-slot{height:42px}:where(body:not(.mobile-desktop)) .equipment{margin-top:6px}:where(body:not(.mobile-desktop)) .equipment h2{margin:6px 0}:where(body:not(.mobile-desktop)) .inventory-panel{max-height:calc(100dvh - 100px);overflow-y:auto}}
@media(max-width:800px) and (max-height:650px){:where(body:not(.mobile-desktop)) .combat-hud{top:270px;left:12px;width:162px}:where(body:not(.mobile-desktop)) .combat-hud .attack-button{min-height:44px}:where(body:not(.mobile-desktop)) .combat-hud p{display:none}:where(body:not(.mobile-desktop)) .chat-panel{max-width:calc(100vw - 100px)}:where(body:not(.mobile-desktop)) .mod-panel{bottom:205px;right:12px;max-width:100px}:where(body:not(.mobile-desktop)) .join-card{max-height:none}}
.rest-schedule{font-size:12px;line-height:1.8;color:#647462;border-left:2px solid #93aa91;padding-left:10px}.rest-schedule small{font-size:10px}.sleep-card{text-align:center;padding:5px 0 12px}.sleep-illustration{display:block;width:180px;max-width:100%;height:99px;margin:auto}.sleep-card strong{font-size:17px;font-weight:500}.sleep-card p{font-size:12px;line-height:1.7;color:#647462}.sleeping .join-card{background:#f5f7edf5}.sleeping:not(.admin-testing) #join-form>.mobile-mode-hint,.sleeping:not(.admin-testing) #join-form>input,.sleeping:not(.admin-testing) .color-heading,.sleeping:not(.admin-testing) .colors,.sleeping:not(.admin-testing) #mod-password-wrap{display:none}.sleeping .muted,.sleeping .save-note{display:none}.clear-hint{position:fixed;top:220px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:10px 14px;border:1px solid #bc8875;border-radius:5px;background:#fff2e9f5;color:#935a45;font-size:12px}.clearing{cursor:crosshair}@media(max-width:800px){:where(body:not(.mobile-desktop)) .clear-hint{top:auto;bottom:175px;width:calc(100vw - 28px);font-size:10px}:where(body:not(.mobile-desktop)) .sleep-illustration{height:85px}:where(body:not(.mobile-desktop)) .sleep-card{padding-bottom:4px}}
/* Compact mobile status keeps the character's head and attack area unobscured. */
@media(max-width:800px){:where(body:not(.mobile-desktop)) .location .eyebrow,:where(body:not(.mobile-desktop)) .location .land-note,:where(body:not(.mobile-desktop)) .location .location-rule{display:none}:where(body:not(.mobile-desktop)) .location{padding:10px 12px}:where(body:not(.mobile-desktop)) .location h2{margin:0 0 6px;font-size:15px}:where(body:not(.mobile-desktop)) .location p{margin:0 0 4px}:where(body:not(.mobile-desktop)) .location .text-button{min-height:32px}:where(body:not(.mobile-desktop)) .combat-hud{top:186px}:where(body:not(.mobile-desktop)) .welcome-tag{top:312px}:where(body:not(.mobile-desktop)) .mod-panel{top:auto;bottom:224px;right:100px;left:auto;transform:none;width:150px;max-width:calc(100vw - 240px)}}
@media(max-width:800px) and (max-height:650px){:where(body:not(.mobile-desktop)) .location{top:80px}:where(body:not(.mobile-desktop)) .combat-hud{top:176px;padding:8px 12px}:where(body:not(.mobile-desktop)) .welcome-tag{display:none}:where(body:not(.mobile-desktop)) .mod-panel{bottom:205px}}
/* A shared island purchase, deliberately outside the backpack UI. */
.expansion-product{border-top:1px solid var(--line);padding-top:18px;margin-top:20px;gap:18px}
.land-illustration{position:relative;display:block;flex-shrink:0;width:80px;text-align:center;color:#829b67;font:76px Georgia,serif;line-height:1.1}
.land-illustration small{position:absolute;right:0;bottom:0;font:24px Georgia,serif;color:#9a7949}
#buy-expansion{min-height:44px}
@media(max-width:430px){:where(body:not(.mobile-desktop)) .expansion-product{gap:10px}:where(body:not(.mobile-desktop)) .land-illustration{width:55px;font-size:57px}}
/* Opt-in virtual desktop. Normal mode keeps the original fixed-position viewport. */
#app-shell{display:contents}
.nickname-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mobile-mode-label{display:flex;align-items:center;gap:7px;min-height:44px;cursor:pointer;white-space:nowrap}
.mobile-mode-label input{width:17px;height:17px;margin:0;accent-color:var(--leaf)}
.mobile-mode-hint{display:block;font-size:10px;line-height:1.6;color:var(--muted)}
.mobile-mode-toggle{white-space:nowrap;border:1px solid #cad7c2;border-radius:5px;padding:5px 10px}
.mobile-mode-toggle[aria-pressed=true]{background:#e9efdc}
.sleeping:not(.admin-testing) .nickname-heading>label:first-child,.sleeping:not(.admin-testing) .mobile-mode-hint{display:none}
body.mobile-desktop{position:fixed;inset:0;overflow:hidden;overscroll-behavior:none}
body.mobile-desktop #app-shell{display:block;position:fixed;left:0;top:0;transform-origin:0 0;isolation:isolate;overflow:hidden;background:#b5d3d5}
/* Fixed descendants use app-shell as their containing block, not the physical phone. */
body.mobile-desktop .topbar{top:12px;left:20px;right:20px}
body.mobile-desktop .landing{padding:72px 50px 32px;gap:40px}
body.mobile-desktop .intro{max-width:440px}
body.mobile-desktop .intro h1{font-size:39px;margin:16px 0}
body.mobile-desktop .intro p{font-size:13px}
body.mobile-desktop .island-note{margin-top:18px}
body.mobile-desktop .join-card{width:390px;max-height:calc(var(--app-height) - 108px);padding:24px;overflow-y:auto;overscroll-behavior:contain}
body.mobile-desktop footer{bottom:12px;left:20px;right:20px}
body.mobile-desktop .location{top:74px;left:20px;width:190px;padding:12px}
body.mobile-desktop .location .eyebrow,body.mobile-desktop .location .land-note,body.mobile-desktop .location-rule{display:none}
body.mobile-desktop .location h2{font-size:19px;margin:0 0 6px}
body.mobile-desktop .location p{margin:0 0 3px}
body.mobile-desktop .online-line .text-button{min-height:32px}
body.mobile-desktop #roster{max-height:80px}
body.mobile-desktop .combat-hud{top:184px;left:20px;width:190px;padding:12px}
body.mobile-desktop .combat-hud p{margin:7px 0;font-size:10px}
/* Two rows for five bag slots keep equipment and the shop reachable on a short desktop. */
body.mobile-desktop #attack-button{position:fixed;right:24px;bottom:24px;width:90px;height:64px;min-width:calc(44px / var(--app-scale));min-height:calc(44px / var(--app-scale));margin:0;z-index:3;touch-action:manipulation}
body.mobile-desktop .inventory-panel{top:74px;right:20px;width:190px;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px 8px;max-height:calc(var(--app-height) - 186px);overflow-y:auto;overscroll-behavior:contain}
body.mobile-desktop .wallet{padding:0;gap:6px}
body.mobile-desktop .wallet strong{font-size:23px}
body.mobile-desktop .inventory-panel h2{grid-column:1/-1;margin:3px 0 2px;font-size:11px}
body.mobile-desktop .inventory{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
body.mobile-desktop .inventory-slot{height:44px}
body.mobile-desktop .wheat-icon{width:28px;height:35px}
body.mobile-desktop .equipment{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:0;padding-top:6px;gap:8px}
body.mobile-desktop .equipment h2{display:flex;gap:12px;margin:0}
body.mobile-desktop .equipment-slot{width:50px;flex-shrink:0}
body.mobile-desktop .equipment .shovel-icon{width:28px;height:35px}
body.mobile-desktop .bag-tip{display:none}
body.mobile-desktop .chat-panel{left:250px;bottom:18px;width:310px;max-width:none}
body.mobile-desktop .chat-head{padding:7px 12px;align-items:center;min-height:44px}
body.mobile-desktop .chat-head .text-button{min-height:32px;min-width:32px}
body.mobile-desktop #chat-log{height:60px;padding:6px 12px}
body.mobile-desktop #chat-form{padding:7px}
body.mobile-desktop #chat-form input{min-width:0;min-height:44px;font-size:16px}
body.mobile-desktop #chat-form button{min-width:44px;min-height:44px}
body.mobile-desktop #joystick{display:block;bottom:18px;left:20px;width:110px;height:110px}
body.mobile-desktop #stick{left:32px;top:32px}
body.mobile-desktop .controls{bottom:18px;right:224px}
body.mobile-desktop .controls p,body.mobile-desktop .world-caption{display:none}
body.mobile-desktop .welcome-tag{top:74px;left:50%;transform:translateX(-50%);max-width:calc(var(--app-width) - 460px);font-size:11px}
body.mobile-desktop .placement-bar{top:74px;bottom:auto;left:50%;width:max-content;max-width:calc(var(--app-width) - 450px);transform:translateX(-50%)}
body.mobile-desktop .mod-panel{top:144px;bottom:auto;left:50%;right:auto;width:430px;max-width:calc(var(--app-width) - 450px);max-height:calc(var(--app-height) - 180px);overflow-y:auto;transform:translateX(-50%)}
body.mobile-desktop .clear-hint{top:74px;bottom:auto;max-width:calc(var(--app-width) - 450px)}
body.mobile-desktop .death-overlay>div{max-width:calc(var(--app-width) - 32px)}
body.mobile-desktop #toast{top:65px;max-width:calc(var(--app-width) - 40px)}
/* Modal top-layer boxes ignore ancestor transforms: rotate each box, never its backdrop. */
body.mobile-desktop dialog{position:fixed;inset:auto;left:var(--physical-center-x);top:var(--physical-center-y);margin:0;width:600px;max-width:calc(var(--app-width) - 40px);max-height:calc(var(--app-height) - 40px);padding:24px;overflow-y:auto;overscroll-behavior:contain;transform:translate(-50%,-50%) rotate(90deg) scale(var(--app-scale));transform-origin:center}
body.mobile-desktop #shop{width:600px;max-width:calc(var(--app-width) - 40px);padding:24px}
body.mobile-desktop dialog::backdrop{position:fixed;inset:0;transform:none;background:#173e4270}
body.mobile-desktop .dialog-close{position:sticky;top:0;z-index:1;background:var(--paper);margin:0 0 0 12px}
body.mobile-desktop #nickname,body.mobile-desktop #mod-password{font-size:16px}
/* Food stays in the existing action row, including the short rotated desktop. */
.combat-actions{display:flex;gap:6px;flex-wrap:nowrap}
.combat-actions .attack-button{flex:1;min-width:44px;width:auto}
.resource-counts{font-size:10px!important;line-height:1.6;margin:5px 0 0!important;color:var(--muted)}
.food-icon{width:32px;height:38px;flex-shrink:0;filter:drop-shadow(0 1px 1px #64432224)}
body.mobile-desktop .food-icon{width:28px;height:35px}
.eat-button{min-height:44px;min-width:44px;flex:0 0 auto;padding:5px 8px;border:1px solid #bdab7d;border-radius:4px;background:#f4e9c9;color:#75603b;font-size:11px;white-space:nowrap}
.combat-actions:has(.eat-button:not([hidden])) kbd{display:none}
body.mobile-desktop .combat-actions kbd{display:none}
/* Homes share the native top-layer rotation rule above. */
.house-product{border-top:1px solid var(--line);padding-top:18px;margin-top:20px;gap:18px}.house-illustration{font:72px Georgia;color:#a17150;min-width:80px;text-align:center}
.house-bar{position:fixed;top:170px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;gap:7px;align-items:center;flex-wrap:wrap;max-width:calc(100vw - 480px);padding:9px 12px;background:#fff6e4ed;color:#75583d;border:1px solid #cfb591;border-radius:7px;z-index:3;font-size:12px}.house-bar>span{width:100%;text-align:center;font-size:11px}
.house-bar button{min-height:44px;min-width:44px;background:#ecdbbc;border:1px solid #b99a6c;border-radius:5px;color:#614d35;padding:7px 12px}
#house-storage{width:620px;max-width:calc(100vw - 28px)}#house-storage p{font-size:12px;line-height:1.7}#house-storage h3{font-size:13px;margin:15px 0 8px}
.storage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.storage-slot{min-height:44px;min-width:44px;border:1px solid #bca67e;border-radius:5px;background:#ede0c4;color:#695037;padding:10px 5px;font-size:12px;overflow-wrap:anywhere}.storage-slot:disabled{opacity:.55}.bag-grid .storage-slot{background:#e7ecda}
.house-kit-icon{font:34px Georgia;color:#9f7250;line-height:1}.house-kit-count{font-size:9px}
body.mobile-desktop .house-bar{top:74px;max-width:calc(var(--app-width) - 460px);padding:6px 8px;font-size:11px;gap:5px}body.mobile-desktop .house-bar button{padding:6px 9px;min-height:calc(44px / var(--app-scale));min-width:calc(44px / var(--app-scale))}body.mobile-desktop .storage-slot{min-height:calc(44px / var(--app-scale));min-width:calc(44px / var(--app-scale))}
body.mobile-desktop #house-storage{width:620px;max-width:calc(var(--app-width) - 40px);max-height:calc(var(--app-height) - 40px)}
@media(max-width:800px){:where(body:not(.mobile-desktop)) .house-bar{top:auto;bottom:180px;left:auto;right:12px;transform:none;max-width:calc(100vw - 145px);width:220px;padding:7px}:where(body:not(.mobile-desktop)) .house-bar>span{font-size:10px}:where(body:not(.mobile-desktop)) .house-bar button{font-size:11px;padding:5px 8px}:where(body:not(.mobile-desktop)) .storage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Realm controls remain reachable without an always-open overlay. */
.portal-bar{position:fixed;left:50%;top:80px;transform:translateX(-50%);z-index:4;display:flex;gap:8px;max-width:calc(100vw - 480px);pointer-events:none}
.portal-bar button{pointer-events:auto;min-height:44px;min-width:44px;padding:9px 16px;border:1px solid #9b98bc;border-radius:6px;background:#f0eaf9ed;color:#51436e;font-size:12px;box-shadow:0 3px 12px #24254720}
#portal-dialog{width:520px;max-width:calc(100vw - 28px)}#portal-dialog p{font-size:12px;line-height:1.75}#portal-dialog button{min-height:44px;min-width:44px}#portal-dialog .primary{margin-top:12px;background:#6a5b91}#portal-dialog .primary:disabled{opacity:.5;cursor:not-allowed}
.portal-progress-heading{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-top:16px}.portal-progress-heading strong{font-variant-numeric:tabular-nums;color:#645283}
#portal-dialog progress{display:block;width:100%;height:13px;margin:7px 0 10px;accent-color:#8875b1;border:0;border-radius:10px;overflow:hidden}#portal-dialog progress::-webkit-progress-bar{background:#e2dfeb}#portal-dialog progress::-webkit-progress-value{background:linear-gradient(90deg,#729eb5,#9f7ac1)}
.portal-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.portal-inputs label{font-size:12px}.portal-inputs input{display:block;width:100%;min-height:44px;font-size:16px;padding:10px;margin-top:7px;border:1px solid #c3b9d3;background:#fffdf6;border-radius:4px;box-sizing:border-box}
#ancient-product{border-top:1px solid #d9d4e2;margin-top:22px;padding-top:16px}#ancient-product .food-icon{width:58px;height:65px;margin:0 18px}.sky-realm .location h2{color:#514478}.sky-realm .land-note{color:#645285}.sky-realm .location{background:#f3eff7ec}
body.mobile-desktop .portal-bar{top:74px;max-width:calc(var(--app-width) - 440px)}body.mobile-desktop .portal-bar button,body.mobile-desktop #portal-dialog button{min-height:calc(44px / var(--app-scale));min-width:calc(44px / var(--app-scale))}body.mobile-desktop #portal-dialog{max-height:calc(var(--app-height) - 32px);padding:20px}body.mobile-desktop .portal-inputs input{min-height:calc(44px / var(--app-scale))}
@media(max-width:800px){:where(body:not(.mobile-desktop)) .portal-bar{top:72px;left:50%;max-width:calc(100vw - 32px)}:where(body:not(.mobile-desktop)) .portal-bar button{font-size:11px;padding:8px 12px}}
/* Asset gallery is a separate page; never changes the rotated game shell. */
body.asset-gallery{overflow:auto;min-height:100dvh;background:#162c37;color:#d9ebe2;font:15px/1.7 system-ui,sans-serif}
.asset-gallery main{width:min(960px,calc(100% - 40px));margin:36px auto 64px}.asset-gallery a{color:#a5d9cb;display:inline-flex;align-items:center;min-height:44px}.asset-gallery h1{font:clamp(30px,6vw,52px) Georgia,serif;color:#f4e3bb}.asset-gallery .eyebrow{color:#a2c8be;margin-top:40px}.asset-gallery #asset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:22px;margin-top:28px}.asset-gallery article{min-width:0;background:#203d48;border:1px solid #49747a;border-radius:12px;padding:24px}.asset-gallery article img{display:block;width:100%;height:230px;object-fit:contain;background:linear-gradient(135deg,#40646d,#284956);border-radius:8px}.asset-gallery article h2{font-size:20px;font-weight:500;color:#edce9b}.asset-gallery article p{overflow-wrap:anywhere;font-size:13px;color:#c6dbd5}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}


/* Folded Orchard: material skin only. Existing positions/transforms are untouched. */
:root{--paper:#FFF9ED;--ink:#30443F;--leaf:#496E63;--muted:#56645C;--line:#D4D2BF;--gold:#B39261}
body{background:#D8E6DF;color:var(--ink);font-family:'Microsoft YaHei','PingFang SC',sans-serif}
.join-card,.location,.inventory-panel,.combat-hud,.chat-panel,dialog,.placement-bar,.house-bar,.welcome-tag,.death-overlay>div{background:#FFF9EDF5;border-color:#F6F0DE;border-radius:3px;box-shadow:5px 7px 0 #697C6E18}
.landing{background:linear-gradient(90deg,#ECEEDDEB,#ECEEDD15 66%,#ECEEDD80)}
.primary{background:var(--leaf);border-color:var(--leaf);color:#FFF9ED;border-radius:2px;box-shadow:3px 3px 0 #30443F20}
.inventory-slot,.storage-slot{background:#ECE9DC;border-color:#D1D2BC;border-radius:2px;color:var(--ink)}
.inventory-slot.selected{background:#E6D4AA;border-color:#8B704D;box-shadow:2px 3px 0 #8B704D22}
.shop-open,.attack-button,.eat-button,.house-bar button{background:#E1E6D3;border-color:#B3C0A7;color:#3C5D50;border-radius:2px}
.hp-bar{background:#D2D8C6;border-radius:1px}.hp-bar>span{background:#78998A}.hp-bar.low>span{background:#C76E66}
.connection{background:#FFF9EDEB;border:1px solid #E3E4D1;border-radius:2px}
.eyebrow,.card-index{color:#61746A}.muted,.bag-tip,.combat-hud p,.intro p,.location p{color:#56645C}
.coin-icon{font-size:0;background:#E9BE74;border:0;border-radius:0;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);box-shadow:inset -6px -4px #B39261}
.coin-icon:after{content:'';width:9px;height:14px;background:#F2DCA5;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.brandmark{display:block;width:34px;height:39px;font-size:0;background:#A4BBA2;clip-path:polygon(0 28%,50% 0,100% 28%,100% 75%,50% 100%,0 75%)}
.brandmark:before{content:'';position:absolute;inset:0;background:#6E927E;clip-path:polygon(50% 50%,100% 28%,100% 75%,50% 100%)}
.brandmark:after{content:'';position:absolute;inset:0;background:#D8C7AC;clip-path:polygon(0 28%,50% 0,100% 28%,50% 50%)}.brandmark span{display:none}
.compass{display:block;font-size:0;width:35px;height:35px;background:#B9CBA9;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.compass:after{content:'';display:block;width:50%;height:100%;background:#6E927E;clip-path:polygon(100% 0,100% 100%,0 50%)}
.land-illustration{font-size:0;height:70px;background:#C9D2AF;clip-path:polygon(0 35%,50% 8%,100% 35%,100% 70%,50% 98%,0 70%);box-shadow:inset -28px -18px #AA9B90}.land-illustration small{font-size:0}
.house-illustration,.house-kit-icon{font-size:0}.house-illustration svg{width:80px;height:80px}.house-kit-icon svg{width:38px;height:42px}
.karambit-icon{width:33px;height:42px}#karambit-equip-label{position:absolute;bottom:3px;right:4px;font-size:9px;background:#FFF9EDE8;padding:1px 3px}
#karambit-product{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}
.seed-illustration .karambit-icon{width:56px;height:62px}
.inventory-panel{max-height:calc(100dvh - 130px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
body.mobile-desktop .equipment-slot{min-width:calc(44px / var(--app-scale));min-height:calc(44px / var(--app-scale))}
body.mobile-desktop #karambit-equipment{gap:4px}
body.asset-gallery{background:#D8E6DF;color:#30443F}.asset-gallery article{background:#FFF9ED;border-color:#D4D2BF;border-radius:3px}.asset-gallery article img{background:#E4E5D9;border-radius:1px}.asset-gallery h1,.asset-gallery article h2{color:#30443F}.asset-gallery article p,.asset-gallery a,.asset-gallery .eyebrow{color:#496E63}
.help-button{background:#E7DDC9;border-color:#B9B1A4;border-radius:2px;color:#30443F}
#joystick{background:#FFF9ED60;border-color:#B3C0A7}#stick{background:#6E927EAA;border-color:#D8E6DF}
.rest-schedule{border-left:0;padding-left:0;color:#56645C}
.wallet strong{font-size:19px}
.inventory-panel:has(#karambit-equipment:not([hidden])) #equipment,.inventory-panel:has(#karambit-equipment:not([hidden])) #karambit-equipment{float:left;width:50%;padding-left:2px;padding-right:2px}
.inventory-panel:has(#karambit-equipment:not([hidden])) .bag-tip{clear:both}
.inventory-panel:has(#karambit-equipment:not([hidden])) .equipment h2{font-size:9px}
body.mobile-desktop .inventory-panel:has(#karambit-equipment:not([hidden])) #equipment,body.mobile-desktop .inventory-panel:has(#karambit-equipment:not([hidden])) #karambit-equipment{float:none;width:auto;grid-column:auto;flex-direction:column;align-items:stretch;gap:3px}
body.mobile-desktop .inventory-panel:has(#karambit-equipment:not([hidden])) .equipment-slot{width:100%}

.travel-loading{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#E6DFEFEF;color:#3B4056;pointer-events:auto}
.travel-loading>div{background:#FAF7F0;padding:32px;max-width:calc(100% - 40px);border:1px solid #EEE7E6;box-shadow:8px 10px 0 #8D96B633;text-align:center}
.travel-loading h2{font:500 25px Georgia,'Microsoft YaHei',serif}.travel-loading p{font-size:13px;line-height:1.8}.travel-loading button{min-height:44px;border:1px solid #8D96B6;color:#3B4056;background:#E7E3ED;padding:10px 20px}
.folded-travel-mark{display:block;margin:0 auto 20px;width:56px;height:62px;background:#B0B7D2;clip-path:polygon(0 25%,50% 0,100% 25%,100% 75%,50% 100%,0 75%);box-shadow:inset -28px -12px #8D96B6}