:root{--wood-dark:#3a2314;--wood:#6b4226;--wood-mid:#8d5a33;--wood-light:#c38a4f;--paper:#f4e3bb;--paper-dark:#e2c893;--ink:#4a2d1a;--sea:#1b6aa0;--gold:#ffd35a;--px:3px}*{box-sizing:border-box}html,body{background:#0b1a2a;height:100%;margin:0;overflow:hidden}body{color:var(--ink);-webkit-font-smoothing:none;font-smooth:never;-webkit-user-select:none;user-select:none;font-family:FusionPixel,monospace;font-size:24px}#game{position:fixed;inset:0}#game canvas{image-rendering:pixelated;display:block}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}.hidden{display:none!important}.panel{background:var(--paper);box-shadow:0 0 0 var(--px) var(--wood-light), 0 0 0 calc(var(--px) * 2) var(--wood), 0 0 0 calc(var(--px) * 3) var(--wood-dark), 0 calc(var(--px) * 4) 0 calc(var(--px) * 2) #00000059;padding:12px 16px}.small-panel{padding:6px 12px;font-size:24px}button{cursor:pointer;font-family:inherit;font-size:24px}.btn{background:var(--wood-mid);color:#fff4d6;box-shadow:inset 0 calc(var(--px) * -1) 0 var(--wood), inset 0 var(--px) 0 var(--wood-light), 0 0 0 var(--px) var(--wood-dark);text-shadow:0 2px 0 var(--wood-dark);border:0;padding:6px 18px}.btn:hover{background:#a36b3d}.btn:active{transform:translateY(2px)}.btn.big{padding:10px 36px;font-size:36px}.btn:disabled{filter:grayscale(.8)brightness(.8);cursor:default}.screen{background:radial-gradient(at 50% 30%,#2c8fc0 0%,#134a78 55%,#071a30 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.logo{color:#fff3d0;text-shadow:0 6px #0d3558,0 0 40px #78dcff80;letter-spacing:12px;font-size:96px}.logo.small{color:var(--ink);text-shadow:0 4px 0 var(--wood-light);text-align:center;font-size:60px}.sub{color:#9fdcff;letter-spacing:16px;margin-top:4px;font-size:24px}.bar{background:#0b2a48;width:360px;height:18px;margin-top:36px;box-shadow:0 0 0 3px #6fc3ee}.bar i{background:repeating-linear-gradient(90deg,#ffd35a 0 12px,#ffbf3a 12px 24px);width:0%;height:100%;transition:width .2s;display:block}.tip{color:#bfe6ff;margin-top:18px}#login{pointer-events:none;position:fixed;inset:0}#login>.panel,#login input,#login button{pointer-events:auto}.tl-shade{background:radial-gradient(75% 70% at 60%,#0000 55%,#03081080 100%),linear-gradient(90deg,#030a149e 0%,#030a144d 30%,#0000 45%);position:absolute;inset:0}.tl-bar{background:#04070d;height:9vh;position:absolute;left:0;right:0}.tl-bar.top{animation:1.2s ease-out both bar-in;top:0}.tl-bar.bottom{justify-content:space-between;align-items:center;padding:0 4vw;animation:1.2s ease-out both bar-in-b;display:flex;bottom:0}@keyframes bar-in{0%{transform:translateY(-100%)}}@keyframes bar-in-b{0%{transform:translateY(100%)}}#title-cap{color:#e8f4ff;opacity:0;white-space:nowrap;align-items:baseline;gap:18px;display:flex;overflow:hidden}#cap-no{color:#7fb6d8;letter-spacing:2px;font-size:12px}#cap-title{color:#ffe7a8;text-shadow:0 3px #3a2314;font-size:36px}#cap-text{color:#cfe3f2;text-overflow:ellipsis;font-size:24px;overflow:hidden}#title-dots{flex:none;gap:8px;display:flex}#title-dots i{background:#2a3a4c;width:10px;height:10px}#title-dots i.on{background:#ffd35a;box-shadow:0 0 10px #ffd35a99}.tl-logo{animation:1.6s ease-out both logo-in;position:absolute;top:14vh;left:5vw}@keyframes logo-in{0%{opacity:0;transform:translateY(-14px)}}.tl-name{color:#fff3d0;letter-spacing:16px;text-shadow:0 6px #0d3558,0 10px #00000059,0 0 48px #78dcff73;font-size:120px;line-height:1}.tl-en{color:#9fdcff;letter-spacing:22px;text-shadow:0 2px #0d3558;margin:14px 0 0 6px;font-size:24px}.tl-lead{color:#eaf6ff;text-shadow:0 2px #040e1ce6,0 0 12px #040e1ccc;margin:22px 0 0 4px;font-size:24px;line-height:1.6}.login-panel{grid-template-columns:144px 1fr;align-items:start;gap:10px 16px;width:470px;animation:1.2s ease-out .3s both panel-in;display:grid;position:absolute;bottom:calc(9vh + 36px);left:5vw}@keyframes panel-in{0%{opacity:0;transform:translateY(24px)}}.lp-form{flex-direction:column;gap:8px;display:flex}.lp-id{box-shadow:inset 0 var(--px) 0 var(--paper-dark), 0 0 0 var(--px) var(--wood);background:#fff8e4;padding:6px 10px}.lp-id-text{flex-direction:column;gap:2px;min-width:0;display:flex}.lp-id-hi{color:#8a6a48;font-size:12px}.lp-id-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:24px;overflow:hidden}.lp-tip{color:#8a6a48;text-align:center;grid-column:1/-1;font-size:12px}#login-go{margin-top:4px;padding:6px 0}@media (max-height:820px){.tl-logo{top:11vh}.tl-name{font-size:84px}.tl-lead{display:none}}@media (max-width:1100px){.tl-name{font-size:72px}.tl-lead,#cap-text{display:none}}label,.label{flex-direction:column;gap:6px;display:flex}input{color:var(--ink);box-shadow:inset 0 var(--px) 0 var(--paper-dark), 0 0 0 var(--px) var(--wood);background:#fff8e4;border:0;outline:none;padding:6px 10px;font-family:inherit;font-size:24px}.hues{flex-wrap:wrap;gap:5px;display:flex}.hues button{width:28px;height:28px;box-shadow:0 0 0 3px var(--wood-dark);border:0}.hues button.on{box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--wood-dark)}#login-preview{image-rendering:pixelated;box-shadow:0 0 0 3px var(--wood);object-fit:contain;background:radial-gradient(at 50% 35%,#cfeaf5 0%,#9fd0e6 70%);align-self:center;width:144px;height:160px}#clock{text-align:center;min-width:190px;position:fixed;top:20px;right:20px}#clock .row{justify-content:space-between;gap:12px;display:flex}#clock-time{color:var(--ink);font-size:48px;line-height:1.1}.coins{color:#7a4a10;align-items:center;justify-content:center!important}.coin{background:var(--gold);width:18px;height:18px;margin-right:6px;display:inline-block;box-shadow:inset -3px -3px #d69a1f,0 0 0 3px #7a4a10}#hotbar{background:var(--wood);box-shadow:0 0 0 3px var(--wood-light), 0 0 0 6px var(--wood-dark), 0 10px 0 4px #0000004d;gap:6px;padding:8px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.slot{background:#2e1b10;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative;box-shadow:inset 3px 3px #1d100a,inset -3px -3px #4a2e1b}.slot.sel{box-shadow:inset 3px 3px 0 #1d100a, 0 0 0 3px var(--gold), 0 0 12px 2px #ffd25a99;background:#3d2515}.slot .ico{image-rendering:pixelated;pointer-events:none}.slot .n{color:#fff;text-shadow:2px 2px #000,-1px -1px #000;font-size:24px;position:absolute;bottom:0;right:3px}.slot .k{color:#c9a57a;font-size:12px;position:absolute;top:1px;left:4px}#hint{color:#fff3d6;white-space:nowrap;background:#1e120ad1;padding:6px 16px;position:fixed;bottom:110px;left:50%;transform:translate(-50%);box-shadow:0 0 0 3px #caa06a}#hint b{color:var(--gold)}#toasts{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:110px;left:50%;transform:translate(-50%)}.toast{box-shadow:0 0 0 3px var(--wood);background:#fff4d6f2;padding:6px 16px;animation:2.6s forwards toast}.toast.catch{color:#0d3558;background:#dff6ff;box-shadow:0 0 0 3px #1b6aa0}@keyframes toast{0%{opacity:0;transform:translateY(-8px)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}#chat{flex-direction:column;gap:6px;width:440px;display:flex;position:fixed;bottom:18px;left:18px}#chat-log{color:#fff;text-shadow:2px 2px #000c;pointer-events:none;flex-direction:column;justify-content:flex-end;gap:2px;max-height:220px;display:flex;overflow:hidden}#chat-log .sys{color:#ffe39a}#chat-log .who{color:#9fe0ff}#chat-input{opacity:.35}#chat-input:focus{opacity:1}#help{color:var(--ink);opacity:.85;font-size:12px;position:fixed;top:20px;left:20px}#help b{color:var(--wood)}#sea-hud .gauge{background:#0b2238;width:30px;height:min(300px,34vh);position:fixed;top:110px;left:26px;box-shadow:0 0 0 3px #7fd6ff,0 0 0 6px #0b2238}.gauge-fill{background:repeating-linear-gradient(0deg,#5ee0ff 0 6px,#3fc4ee 6px 12px);height:100%;transition:height .2s linear;position:absolute;bottom:0;left:0;right:0}.gauge-fill.low{background:repeating-linear-gradient(0deg,#ff6b5e 0 6px,#e0463a 6px 12px);animation:.5s infinite blink}@keyframes blink{50%{opacity:.45}}.gauge-label{color:#bfeaff;text-shadow:2px 2px #000;position:absolute;top:-38px;left:-2px}#depth{text-align:center;background:#dff6ff;min-width:90px;position:fixed;top:104px;left:80px}#depth.warn{color:#b8442f;background:#ffd9d2;animation:.5s infinite blink}.zone-name{color:#e8fbff;letter-spacing:8px;text-shadow:0 4px #062440;opacity:0;pointer-events:none;font-size:48px;transition:opacity 1s;position:fixed;top:22%;left:50%;transform:translate(-50%)}.zone-name.show{opacity:1}.modal{background:#08142273;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.save-pick-panel{text-align:center;width:620px;max-width:92vw}.save-pick-panel h2{color:var(--ink);margin:0 0 4px;font-size:30px}.sp-lead{color:#8a6a48;margin:0 0 16px;font-size:15px}.sp-cards{gap:14px;display:flex}.sp-card{cursor:pointer;box-shadow:inset 0 var(--px) 0 var(--paper-dark), 0 0 0 var(--px) var(--wood);text-align:center;background:#fff8e4;border:0;flex:1;padding:16px 12px;font-family:inherit}.sp-card:hover{box-shadow:inset 0 var(--px) 0 var(--paper-dark), 0 0 0 var(--px) var(--wood), 0 0 0 5px var(--gold)}.sp-card:active{transform:translateY(2px)}.sp-tag{color:var(--ink);font-size:20px}.sp-time{color:#7a4a10;margin-top:6px;font-size:24px}.sp-info{color:#8a6a48;min-height:20px;margin-top:4px;font-size:14px}.sp-tip{color:#8a6a48;margin:16px 0 0;font-size:13px}.title{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:36px;display:flex}.x{color:var(--wood);background:0 0;border:0;font-size:36px}.shop-panel{width:880px}.shop-cols{gap:24px;display:flex}.col{flex:1}.col-title{color:var(--wood);margin-bottom:8px;font-size:12px}.buy-row{align-items:center;gap:10px;padding:4px 6px;display:flex}.buy-row:nth-child(odd){background:var(--paper-dark)}.buy-row .name{flex:1}.buy-row .price{color:#7a4a10;text-align:right;min-width:70px}.grid{grid-template-columns:repeat(6,60px);gap:6px;display:grid}.inv-panel .grid{grid-template-columns:repeat(8,60px)}.grid .slot{cursor:pointer}.grid .slot:hover{background:#4a2e1b}.inv-tip{color:var(--wood);margin-top:10px;font-size:12px}.tooltip{box-shadow:0 0 0 3px var(--wood);pointer-events:none;z-index:10;background:#fff8e4;padding:4px 10px;font-size:24px;position:fixed}#fade{opacity:0;pointer-events:none;background:#0a3050;transition:opacity .6s;position:fixed;inset:0}#fade.on{opacity:1}#offline{text-align:center;color:#fff;background:#b8442f;padding:6px;position:fixed;top:0;left:0;right:0}.dialog-modal{background:linear-gradient(#0000 55%,#08142259);align-items:flex-end}.dlg-wrap{width:min(1000px,92vw);margin-bottom:26px;position:relative}.dlg-face{image-rendering:pixelated;transform-origin:0 100%;z-index:2;filter:drop-shadow(0 4px #00000040);animation:3.2s ease-in-out infinite breathe;position:absolute;bottom:0;left:8px}@keyframes breathe{50%{transform:var(--face-scale) translateY(-1px)}}.dlg-box{margin-left:var(--face-w,260px);min-height:170px;padding:14px 22px 16px;position:relative}.dlg-name{color:var(--wood);align-items:baseline;gap:14px;margin-top:-4px;font-size:36px;display:flex}.dlg-title{color:#9a6a3c;font-size:24px}.dlg-text{min-height:72px;color:var(--ink);margin:6px 0 10px;font-size:24px;line-height:1.5}.dlg-options{flex-wrap:wrap;gap:10px;display:flex}.dlg-options .btn{padding:4px 16px;font-size:24px}.dlg-options .btn .num{color:var(--gold);margin-right:6px}.empty-note{color:#9a6a3c;grid-column:1/-1;padding:8px 0}.ico{image-rendering:pixelated}.cook-panel{width:820px}.cook-row{cursor:pointer;align-items:center;gap:12px;padding:6px 8px;display:flex}.cook-row:nth-child(odd){background:var(--paper-dark)}.cook-row:hover{background:#f7d9a0}.cook-row.off{opacity:.45;cursor:default}.cook-row .num{color:var(--wood);width:18px}.cook-row .ico-box{justify-content:center;align-items:center;width:64px;height:44px;display:flex}.cook-row .name{width:130px}.cook-row .need{color:#8a6a48;flex:1}.cook-row .need .miss{color:#c0392b}.cook-row .val{color:#7a4a10;text-align:right;min-width:90px}.cook-row .wait{color:#fff;background:#e0503a;padding:0 8px}.cook-dish{align-items:center;gap:24px;margin:6px 0 18px;font-size:36px;display:flex}.cook-dish .ico-box{justify-content:center;align-items:center;width:72px;height:60px;display:flex}.cook-bar{height:44px;box-shadow:inset 0 3px 0 #e3bf85, inset 0 -3px 0 #8d5a33, 0 0 0 3px var(--wood-dark);cursor:pointer;background:#caa06a;margin:0 6px;position:relative}.cook-zone{background:repeating-linear-gradient(90deg,#7fd26a 0 6px,#6cbf58 6px 12px);position:absolute;top:0;bottom:0;box-shadow:inset 3px 0 #4f9a40,inset -3px 0 #4f9a40}.cook-zone.perfect{background:repeating-linear-gradient(90deg,#ffe07a 0 6px,#ffd35a 6px 12px);box-shadow:inset 3px 0 #c9962a,inset -3px 0 #c9962a}.cook-knife{background:#eef3f7;width:6px;margin-left:-3px;position:absolute;top:-12px;bottom:-12px;box-shadow:0 0 0 3px #3a4250}.cut{background:#5a3620;width:3px;margin-left:-1px;position:absolute;top:4px;bottom:4px}.cook-hint{color:var(--wood);margin-top:18px;font-size:24px}.cook-hint b{color:#c0392b}#holding{color:#fff3d6;white-space:nowrap;pointer-events:none;background:#1e120ad9;align-items:center;gap:10px;padding:4px 14px 4px 6px;display:flex;position:fixed;bottom:118px;left:50%;transform:translate(-50%);box-shadow:0 0 0 3px #caa06a}#holding .ico-box{justify-content:center;align-items:center;width:44px;height:36px;display:flex}#holding .q2,#holding b{color:#ffd35a}.upgrade-panel{width:880px}.gear-cards{gap:20px;display:flex}.gear-card{background:var(--paper-dark);flex-direction:column;flex:1;gap:10px;padding:12px 16px 16px;display:flex}.gear-head{align-items:center;gap:12px;display:flex}.gear-head .ico-box{width:60px;height:60px;box-shadow:0 0 0 3px var(--wood);background:#fff8e4;justify-content:center;align-items:center;display:flex}.gear-kind{color:var(--wood);font-size:12px}.gear-name{font-size:36px;line-height:1}.pips{align-self:flex-start;gap:4px;margin-left:auto;display:flex}.pips i{width:12px;height:12px;box-shadow:0 0 0 2px var(--wood);background:#d8bf92}.pips i.on{background:var(--gold)}.gear-stats{color:#6b4428;font-size:24px;line-height:1.4}.gear-stats b{color:#2f8f3a}.gear-next{border-top:3px dashed #caa06a;flex-direction:column;gap:6px;padding-top:10px;display:flex}.gear-sub{font-size:24px}.gear-sub b{color:#7a4a10}.gear-desc{color:#9a6a3c;font-size:12px}.gear-cost{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:4px;font-size:24px;display:flex}.cost-coin{color:#7a4a10}.cost-item{align-items:center;gap:4px;display:flex}.cost-item .ico-box{justify-content:center;align-items:center;width:52px;height:30px;display:flex}.gear-cost .miss{color:#c0392b}.gear-buy{align-self:flex-end;margin-top:4px;padding:4px 22px;font-size:24px}.gear-buy:disabled{opacity:.5;cursor:default}.gear-done{color:#2f8f3a;font-size:24px}#hurt{pointer-events:none;opacity:0;position:fixed;inset:0;box-shadow:inset 0 0 120px 40px #c81e1ebf}#hurt.on{animation:.7s ease-out hurt}@keyframes hurt{0%{opacity:1}to{opacity:0}}.catalog-panel{width:1120px;max-width:96vw}.catalog-coins{color:#7a4a10;align-items:center;gap:6px;margin-left:18px;font-size:24px;display:inline-flex}.catalog-tip{color:#8a6a48;margin:-2px 0 10px;font-size:12px}.catalog-cols{align-items:flex-start;gap:18px;display:flex}.catalog-cols>div{flex:1;max-height:62vh;overflow-y:auto}.catalog-row{align-items:center;gap:8px;padding:3px 6px;display:flex}.catalog-row:nth-child(odd){background:var(--paper-dark)}.catalog-row .ico-cell{justify-content:center;align-items:center;width:58px;height:46px;display:flex}.catalog-row .name{flex:1;font-size:24px}.catalog-row .price{color:#7a4a10;text-align:right;min-width:54px}.catalog-row .btn{padding:2px 12px;font-size:24px}.catalog-row.poor .price{color:#c0392b}.chest-panel{width:900px;max-width:96vw}.chest-cols{gap:28px;display:flex}#tracker{color:#fff3d6;pointer-events:none;background:#1e120ab8;width:300px;padding:6px 10px;font-size:12px;line-height:1.6;position:fixed;top:180px;right:20px;box-shadow:0 0 0 2px #caa06a99}#tracker .tq{color:var(--gold);font-size:24px}#tracker .ok{color:#9be36a}.journal-panel{width:900px;max-width:96vw}.tabs{gap:6px;display:inline-flex}.tab{background:var(--paper-dark);color:var(--wood);box-shadow:0 0 0 2px var(--wood-light);border:0;padding:2px 16px}.tab.on{background:var(--wood-mid);color:#fff4d6}.journal-body{max-height:64vh;margin-top:10px;overflow-y:auto}.quest{align-items:flex-start;gap:12px;padding:8px;display:flex}.quest:nth-child(odd){background:var(--paper-dark)}.quest .qt{color:var(--ink);font-size:24px}.quest .qd{color:#7a5a3a;white-space:pre-wrap;margin:2px 0 4px;font-size:12px}.quest .qo{color:#4a2d1a;font-size:12px}.quest .qo .ok{color:#3f8a2f}.quest .qr{color:#7a4a10;font-size:12px}.quest .kind{color:#fff4d6;background:#6b4428;margin-right:6px;padding:0 6px;font-size:12px}.quest .kind.story{background:#2d5582}.face{width:56px;height:56px;image-rendering:pixelated;box-shadow:0 0 0 2px var(--wood-light);background-color:#e8d2a2;flex:none}.empty-note{color:#8a6a48;text-align:center;padding:20px}.npc-row{align-items:center;gap:14px;padding:6px 8px;display:flex}.npc-row:nth-child(odd){background:var(--paper-dark)}.npc-row .who{width:170px}.npc-row .who .nm{font-size:24px}.npc-row .who .tt{color:#8a6a48;font-size:12px}.hearts{letter-spacing:1px;color:#c9b08a;white-space:nowrap;font-size:24px}.hearts .on{color:#e0503a}.npc-row .st{color:#7a5a3a;font-size:12px;line-height:1.6}.npc-row .st .ok{color:#3f8a2f}.board-panel{width:640px;max-width:96vw}.notice{background:#fbf2d6;gap:14px;margin:8px 6px 14px;padding:14px 18px;display:flex;box-shadow:0 0 0 3px #caa06a,3px 5px 0 3px #00000040}.notice .qt{font-size:24px}.notice .qd{color:#5a3d24;white-space:pre-wrap;margin:6px 0;font-size:24px;line-height:1.5}.notice .qr{color:#7a4a10;font-size:12px}.mail-panel{width:960px;max-width:96vw}.mail-cols{gap:16px;min-height:360px;display:flex}#mail-list{width:300px;max-height:60vh;overflow-y:auto}.mail-item{cursor:pointer;align-items:center;gap:8px;padding:6px 8px;display:flex}.mail-item:nth-child(odd){background:var(--paper-dark)}.mail-item.on{background:#f7d9a0}.mail-item .dot{background:#e0503a;flex:none;width:10px;height:10px}.mail-item .dot.read{background:0 0}.mail-item .mt{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:24px;overflow:hidden}.mail-item .mf{color:#8a6a48;font-size:12px}#mail-letter{white-space:pre-wrap;color:#4a2d1a;background:#fbf5e3;flex:1;max-height:60vh;padding:16px 20px;font-size:24px;line-height:1.6;overflow-y:auto;box-shadow:0 0 0 3px #d9c28f}#mail-letter .lt{color:var(--wood);margin-bottom:8px;font-size:24px}.attach{background:#f0e2bd;align-items:center;gap:10px;margin-top:14px;padding:8px;display:flex}.dlg-more{color:var(--wood);animation:.8s steps(2,end) infinite dlgmore}@keyframes dlgmore{50%{transform:translateY(3px)}}.restore-panel{width:1040px;max-width:96vw}.rs-steps{gap:8px;margin-bottom:12px;display:flex}.rs-step{background:var(--paper-dark);color:#9a7a58;box-shadow:0 0 0 2px var(--wood-light);white-space:nowrap;flex:1;padding:4px 10px;font-size:24px}.rs-step .n{text-align:center;color:#fff4d6;background:#c9b08a;width:26px;margin-right:6px;display:inline-block}.rs-step.done{color:#3f6a2a;background:#cfe6b0}.rs-step.done .n{background:#5c9a3a}.rs-step.now{color:var(--ink);background:#fbf2d6;box-shadow:0 0 0 3px #e0a040}.rs-step.now .n{background:#d9822b}.rs-cols{gap:18px;display:flex}#restore-body{flex:1;max-height:62vh;padding-right:6px;overflow-y:auto}#restore-side{width:250px}.rs-head{margin-bottom:8px}.rs-name{color:var(--ink);font-size:36px}.rs-desc{color:#5a3d24;margin:4px 0;font-size:12px;line-height:1.6}.rs-unlock{color:#2d5582;font-size:12px}.rs-funded{color:#3f6a2a;background:#cfe6b0;margin:6px 0;padding:6px 12px}.rs-bundle{background:#fbf2d6;margin:12px 4px;padding:8px 12px;box-shadow:0 0 0 3px #caa06a}.rs-bt{color:#7a4a10;margin-bottom:4px;font-size:24px}.rs-req{align-items:center;gap:10px;padding:3px 0;display:flex}.rs-req .ico-cell{justify-content:center;align-items:center;width:36px;height:36px;display:flex}.rs-req .name{width:150px;font-size:24px}.rs-bar{background:#e2c893;flex:1;height:22px;position:relative;box-shadow:inset 0 0 0 2px #b08a5a}.rs-bar i{background:repeating-linear-gradient(90deg,#7cc454 0 10px,#6ab244 10px 20px);position:absolute;top:0;bottom:0;left:0}.rs-bar span{text-align:center;color:#3a2314;font-size:12px;line-height:22px;position:absolute;inset:0}.rs-req .btn{padding:3px 10px;font-size:12px}.rs-have{color:#8a6a48;white-space:nowrap;min-width:64px;font-size:12px}.rs-ok{color:#3f8a2f;width:140px;font-size:12px}.rs-all{text-align:center;color:#3f6a2a;padding:60px 0;font-size:36px;line-height:1.6}.rs-top{gap:8px;padding:3px 6px;font-size:24px;display:flex}.rs-top:nth-child(2n){background:var(--paper-dark)}.rs-top .rk{color:#b07a3a;width:22px}.rs-top .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.rs-top .pt{color:#7a4a10}.rs-note{color:#8a6a48;margin-top:14px;font-size:12px;line-height:1.6}.lp-form{min-width:0}.lp-form input{width:100%;min-width:0}#game canvas{touch-action:none}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#touch{pointer-events:none;z-index:5;position:fixed;inset:0}#touch.hide .stick-zone,#touch.hide .tb,#touch.hide .tb-extra{display:none}.stick-zone{pointer-events:auto;touch-action:none;width:42vw;height:62vh;position:absolute;bottom:0;left:0}.stick-base{left:calc(env(safe-area-inset-left) + 96px);opacity:.6;background:#0814224d;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;position:absolute;top:calc(100% - 96px);box-shadow:0 0 0 3px #fff3d659,inset 0 0 0 20px #fff3d60f}.stick-base.on{opacity:1}.stick-knob{background:radial-gradient(circle at 50% 35%,#fff8e4,#d8c29a);border-radius:50%;width:50px;height:50px;margin:-25px 0 0 -25px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 3px #3a2314,0 4px 0 3px #0000004d}.tb{pointer-events:auto;touch-action:none;color:#fff4d6;text-shadow:0 2px #3a2314;border:0;border-radius:50%;padding:6px;font-family:inherit;font-size:12px;line-height:1.3;position:absolute}.tb.down{transform:translateY(3px)scale(.96)}.tb-act{right:calc(env(safe-area-inset-right) + 24px);background:radial-gradient(circle at 50% 35%,#ffd76a,#d98a1f);width:96px;height:96px;bottom:26px;box-shadow:0 0 0 4px #3a2314,0 5px 0 4px #00000059}.tb-act.off{filter:grayscale(.85)brightness(.7)}.tb-use{right:calc(env(safe-area-inset-right) + 134px);background:radial-gradient(circle at 50% 35%,#8fdcff,#2a7fc0);width:70px;height:70px;bottom:16px;box-shadow:0 0 0 4px #10304a,0 5px 0 4px #00000059}.tb-use.gone{display:none}.tb-extra{right:calc(env(safe-area-inset-right) + 24px);pointer-events:auto;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:140px}.tb-top{left:calc(env(safe-area-inset-left) + 8px);pointer-events:auto;gap:6px;display:flex;position:absolute;top:8px}.tb-s{color:#fff3d6;touch-action:manipulation;background:#1e120acc;border:0;padding:6px 12px;font-family:inherit;font-size:12px;box-shadow:0 0 0 2px #caa06abf}.tb-s:active{background:#5a3a1ee6}.touch #help{display:none}.touch #hotbar{zoom:.72;z-index:6;bottom:12px}.touch #hotbar .slot .k{display:none}.touch #hint{z-index:6;pointer-events:auto;padding:6px 14px;font-size:12px;bottom:72px}.touch #clock{zoom:.62;top:10px;right:10px}.touch #tracker{width:220px;max-height:30vh;top:110px;right:8px;overflow:hidden}.touch #tracker .tq{font-size:12px}.touch #chat{pointer-events:none;width:min(420px,44vw);top:6px;bottom:auto;left:50%;transform:translate(-50%)}.touch #chat-log{max-height:54px;font-size:12px}.touch #chat-input{display:none}.touch #chat.chatting #chat-input{opacity:1;pointer-events:auto;display:block}.touch .inv-tip{display:none}.slot.picked{box-shadow:inset 3px 3px 0 #1d100a, inset -3px -3px 0 #4a2e1b, 0 0 0 3px var(--gold)}@media (max-height:540px){.modal>.panel{zoom:.7;max-width:136vw;max-height:136vh;overflow-y:auto}.catalog-row .name{white-space:nowrap}.dialog-modal .dlg-wrap{zoom:.78}.tl-logo{top:10vh}.tl-name{letter-spacing:8px;font-size:44px}.tl-en{letter-spacing:10px;margin-top:6px;font-size:12px}.login-panel{grid-template-columns:78px 1fr;gap:6px 12px;width:360px;padding:8px 12px;bottom:calc(9vh + 10px);left:3vw}#login-preview{width:78px;height:87px}.login-panel .label,.lp-tip,.lp-id-hi{display:none}.lp-id-name{font-size:24px}.lp-form{gap:6px}.login-panel .hues{gap:4px}.login-panel .hues button{width:22px;height:22px}.login-panel .btn.big{margin-top:0;padding:2px 0;font-size:24px}#cap-title{font-size:24px}#cap-text{font-size:12px}}#rotate{display:none}@media (orientation:portrait){.touch #rotate{z-index:100;color:#fff3d6;background:#04070d;flex-direction:column;justify-content:center;align-items:center;gap:28px;font-size:24px;display:flex;position:fixed;inset:0}}.rot-phone{border:4px solid #fff3d6;border-radius:8px;width:44px;height:76px;animation:2s ease-in-out infinite rot}@keyframes rot{0%,25%{transform:rotate(0)}55%,to{transform:rotate(-90deg)}}#hint b.ka{color:#3a2314;background:#ffc444;margin-right:4px;padding:0 6px}.touch .modal{z-index:10}.touch #sea-hud .gauge,.touch #depth{zoom:.72}#clock .energy{color:#7a4a10;align-items:center;gap:8px;margin-top:2px;font-size:12px}.en-bar{background:#e2c893;flex:1;height:10px;position:relative;box-shadow:inset 0 0 0 2px #b08a5a}.en-bar i{background:repeating-linear-gradient(90deg,#7cc454 0 6px,#6ab244 6px 12px);transition:width .3s;position:absolute;top:0;bottom:0;left:0}.en-bar i.low{background:repeating-linear-gradient(90deg,#f0a040 0 6px,#e08a2a 6px 12px)}#basket{text-align:center;background:#fff3d6;min-width:90px;font-size:24px;position:fixed;top:158px;left:80px}#basket.full{color:#b8442f;background:#ffd9d2}.touch #basket{zoom:.72}.upgrade-panel{width:1120px;max-width:96vw}