html,body{color:#d8d0c0;background:#070605;height:100%;margin:0;font:16px/1.5 Sarabun,system-ui,sans-serif;overflow:hidden}#game canvas{display:block}.vignette{pointer-events:none;background:radial-gradient(ellipse at center, transparent 45%, rgba(0, 0, 0, var(--vig,.22)) 100%);position:fixed;inset:0}#intro{cursor:pointer;-webkit-user-select:none;user-select:none;background:#050403c7;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#intro[hidden]{display:none}#intro h1{letter-spacing:.1em;color:#b8a888;margin:0;font-size:72px;font-weight:600}#intro .start{color:#e8dcc0;margin:4px 0 28px}#intro dl{color:#a89c88;grid-template-columns:auto auto;gap:2px 18px;margin:0;font-size:14px;display:grid}#intro dt{text-align:right;color:#d8c8a8;font-family:ui-monospace,monospace}#intro dd{margin:0}#crosshair{pointer-events:none;background:#fff5e18c;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:fixed;top:50%;left:50%}#perf{color:#cfe8c8;pointer-events:none;background:#0009;margin:0;padding:8px 10px;font:12px/1.45 ui-monospace,monospace;position:fixed;top:8px;left:8px}#perf.bad{color:#ff9a8a}#perf[hidden]{display:none}#lobby{background:radial-gradient(at 50% 40%,#1a1712 0%,#070605 70%);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0}#lobby[hidden]{display:none}#lobby h1{letter-spacing:.1em;color:#b8a888;margin:0;font-size:84px;font-weight:600}#lobby .tag{color:#8f8470;margin:0 0 18px;font-size:15px}#lobby label{color:#a89c88;flex-direction:column;gap:6px;width:300px;font-size:14px;display:flex}#lobby input{font:inherit;color:#efe6d2;background:#120f0b;border:1px solid #4a4236;border-radius:6px;outline:none;padding:9px 12px;font-size:17px}#lobby input:focus{border-color:#b8a888}#lobby #code{text-transform:uppercase;letter-spacing:.25em;text-align:center;width:150px}#lobby .row{justify-content:center;gap:8px;width:300px;display:flex}#lobby button{font:inherit;color:#16130f;cursor:pointer;background:#b8a888;border:0;border-radius:6px;flex:1;padding:9px 18px;font-size:16px;font-weight:600}#lobby button:hover:not(:disabled){background:#d4c4a0}#lobby button:disabled{opacity:.45;cursor:default}#lobby .or{color:#6f6656;margin-top:6px;font-size:13px}#lobby-status{color:#e0a890;min-height:1.5em;margin:8px 0 0}#room-tag{color:#d8cdb8;pointer-events:none;background:#00000073;border-radius:6px;padding:5px 10px;font-size:13px;position:fixed;top:66px;right:12px}#room-tag[hidden],#net-banner[hidden]{display:none}#net-banner{color:#fff2e8;cursor:pointer;background:#781e14d9;border-radius:6px;padding:8px 16px;font-size:15px;position:fixed;top:14px;left:50%;transform:translate(-50%)}#crosshair.active{background:#ffecbee6;width:8px;height:8px;margin:-4px 0 0 -4px;box-shadow:0 0 6px #ffdca099}#prompt{color:#f0e6d0;pointer-events:none;white-space:nowrap;background:#00000073;border-radius:4px;padding:3px 10px;font-size:15px;position:fixed;top:calc(50% + 22px);left:50%;transform:translate(-50%)}#prompt.blocked{color:#b8a898}#prompt[hidden]{display:none}#toast{color:#ffe8c8;opacity:0;pointer-events:none;background:#0009;border-radius:6px;padding:6px 14px;font-size:15px;transition:opacity .25s;position:fixed;bottom:110px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#inventory{pointer-events:none;gap:6px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}#inventory .slot{color:#eadfc8;background:#0a08068c;border:1px solid #d8c8a840;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:64px;height:64px;font-size:12px;display:flex;position:relative}#inventory .slot.empty{opacity:.5}#inventory .swatch{border-radius:3px;width:26px;height:8px}#inventory .count{font-size:13px;font-weight:600;position:absolute;top:2px;right:5px}#progress{pointer-events:none;background:#00000080;border-radius:3px;width:180px;height:6px;position:fixed;top:calc(50% + 50px);left:50%;overflow:hidden;transform:translate(-50%)}#progress[hidden]{display:none}#progress>div{background:#d8c48a;width:0;height:100%;transition:width .2s linear}#hp{pointer-events:none;background:#00000080;border-radius:5px;width:160px;height:10px;position:fixed;bottom:22px;left:18px}#hp>div{background:#a83a2a;border-radius:5px;width:100%;height:100%;transition:width .3s}#hp>span{color:#e8d8c8;font-size:13px;position:absolute;top:-4px;left:168px}#hp.hurt{animation:.6s hurt}@keyframes hurt{0%{box-shadow:0 0 #dc2814e6}to{box-shadow:0 0 0 12px #dc281400}}#battery{pointer-events:none;background:#00000080;border-radius:3px;width:160px;height:6px;position:fixed;bottom:40px;left:18px}#battery>div{background:#8a8270;border-radius:3px;height:100%;transition:width .5s}#battery.on>div{background:#f0dc9a}#battery.low>div{background:#c86a3a}#battery>span{color:#c8bca8;white-space:nowrap;font-size:12px;position:absolute;bottom:9px;left:0}#status-line{color:#ece0c8;pointer-events:none;white-space:nowrap;background:#00000073;border-radius:6px;padding:5px 14px;font-size:15px;position:fixed;top:12px;left:50%;transform:translate(-50%)}#status-line:empty{display:none}#banner{text-align:center;pointer-events:none;text-shadow:0 2px 12px #000000e6;position:fixed;top:28%;left:50%;transform:translate(-50%)}#banner[hidden]{display:none}#banner h2{color:#f2e4c4;letter-spacing:.05em;margin:0;font-size:52px;font-weight:600}#banner p{color:#d8c8a8;margin:6px 0 0;font-size:18px}#alert{color:#ffe0d0;pointer-events:none;white-space:nowrap;background:#5a0a05b3;border-radius:6px;padding:5px 14px;font-size:17px;font-weight:600;animation:1s ease-in-out infinite alternate pulse;position:fixed;top:50px;left:50%;transform:translate(-50%)}#alert:empty{display:none}@keyframes pulse{0%{opacity:.75}to{opacity:1}}#subtitle{color:#cfd8c0;text-shadow:0 1px 8px #000000f2;opacity:0;pointer-events:none;white-space:nowrap;font-size:18px;font-style:italic;transition:opacity .8s;position:fixed;bottom:150px;left:50%;transform:translate(-50%)}#subtitle.show{opacity:.9}#note{color:#2a2218;pointer-events:none;background:#d9ccab;border-radius:4px;width:min(520px,100vw - 32px);padding:22px 26px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #000000b3}#note[hidden]{display:none}#note pre{white-space:pre-wrap;margin:0;font:17px/1.6 Sarabun,system-ui,sans-serif}#note p{color:#6a5a44;text-align:right;margin:14px 0 0;font-size:13px}#inventory .slot.selected{border-color:#ffe2a0f2;box-shadow:0 0 8px #ffd28c80}#inventory .key,#craft .key{color:#eadfc899;font-size:11px;position:absolute;top:2px;left:5px}#inventory .name{text-align:center;font-size:11px;line-height:1.1}#craft{color:#eadfc8;background:#0e0b08eb;border:1px solid #d8c8a840;border-radius:8px;gap:22px;width:min(860px,100vw - 32px);max-height:calc(100vh - 80px);padding:18px 22px;display:flex;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}#craft[hidden]{display:none}#craft .col{flex:1;min-width:0}#craft h3{color:#d8c8a8;margin:0 0 8px;font-weight:600}#craft .hint{color:#9a8e7a;margin:-4px 0 10px;font-size:12px}#craft .slots{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}#craft .slot{cursor:grab;-webkit-user-select:none;user-select:none}#craft .slot.hot{border-color:#e6d2a073}#craft .slot.picked{border-color:#f0d890;box-shadow:0 0 8px #ffdc9699}#craft .slot{background:#282018b3;border:1px solid #d8c8a833;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:58px;font-size:12px;display:flex;position:relative}#craft .slot.empty{opacity:.4}#craft .slot .count{font-weight:600;position:absolute;top:2px;right:5px}#craft .swatch{border-radius:3px;width:22px;height:8px;display:inline-block}#craft .recipes{flex-direction:column;gap:5px;display:flex}#craft .recipe{color:inherit;font:inherit;text-align:left;cursor:pointer;background:#30281c99;border:1px solid #d8c8a838;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:28px 1fr auto;align-items:center;column-gap:8px;padding:7px 10px;display:grid}#craft .recipe:hover:not(.blocked){background:#54462ebf;border-color:#e6d2a099}#craft .recipe .swatch{grid-row:span 2}#craft .recipe .out{font-weight:600}#craft .recipe .in{color:#b8ac94;grid-column:2;font-size:12px}#craft .recipe .can{color:#c8d890;grid-area:1/3;font-size:12px}#craft .short{color:#e09070}#craft .station{margin-left:4px}#hotbar{pointer-events:none;flex-direction:column;align-items:flex-end;gap:5px;display:flex;position:fixed;bottom:26px;right:18px}#hotbar .hb-row{color:#e8dec880;align-items:center;gap:8px;height:26px;font-size:13px;transition:opacity .4s,color .2s;display:flex}#hotbar .hb-ico{opacity:0;width:30px;height:22px;transition:opacity .4s}#hotbar .hb-name{opacity:0;min-width:0;transition:opacity .4s}#hotbar .hb-ico,#hotbar .hb-name{opacity:1}#hotbar .hb-row:not(.sel) .hb-ico{opacity:.55}#hotbar .hb-row.empty .hb-ico{display:none}#hotbar .hb-key{border:1px solid #e8dec859;border-radius:3px;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:inline-flex}#hotbar .hb-row.sel{color:#f2e6c8}#hotbar .hb-row.sel .hb-key{background:#f2e6c826;border-color:#f2e6c8}#hotbar .hb-label{letter-spacing:.08em;color:#e8dcc0;margin-top:4px;font-size:13px;font-weight:600}#buildbar{pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}#buildbar[hidden]{display:none}#buildbar .kbd,#craft .kbd{color:#e8dcc0;border:1px solid #e8dec873;border-radius:3px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-right:5px;padding:0 5px;font-size:11px;display:inline-flex}#buildbar .bb-head{color:#efe4c8;background:#0a0806b3;border-radius:4px;align-items:center;gap:8px;padding:4px 12px;font-size:15px;display:flex}#buildbar .bb-tag{letter-spacing:.16em;color:#b8a888;font-size:11px}#buildbar .bb-name{font-weight:600}#buildbar .bb-turn{color:#a89c88;min-width:34px;font-size:13px}#buildbar .bb-bad{color:#e88a70;font-size:13px}#buildbar .bb-bad:empty{display:none}#buildbar .bb-cards{gap:6px;display:flex}#buildbar .bb-card{color:#eadfc8;background:#0e0b08b8;border:1px solid #d8c8a838;border-radius:5px;flex-direction:column;align-items:center;gap:3px;width:78px;padding:6px 4px 5px;display:flex}#buildbar .bb-card.sel{background:#3c301ed9;border-color:#f0d890;box-shadow:0 0 8px #ffdc9659}#buildbar .bb-card.poor{opacity:.55}#buildbar .bb-ico{width:30px;height:30px}#buildbar .bb-cname{font-size:12px}#buildbar .bb-cost{gap:4px;font-size:11px;display:flex}#buildbar .bb-chip{color:#cfc4a8;align-items:center;gap:1px;display:inline-flex}#buildbar .bb-chip.lack{color:#e8785a}#buildbar .bb-cico{width:13px;height:13px;display:inline-block}#buildbar .bb-hints{color:#b8ac94;gap:14px;font-size:12px;display:flex}#buildbar.invalid .bb-head{background:#460e08b8}#craft .ico{color:#e2d6b8;width:28px;height:28px;display:inline-block}#craft .recipe .ico{grid-row:span 2;width:24px;height:24px}#craft{background:#0c0a07f2;grid-template-columns:210px 1fr 340px;gap:18px;width:min(1180px,100vw - 32px);height:min(640px,100vh - 60px);padding:16px 20px 40px;display:grid}#craft .col{flex-direction:column;gap:8px;min-height:0;display:flex;overflow:hidden}#craft h3{letter-spacing:.12em;border-bottom:1px solid #d8c8a82e;margin:0;padding-bottom:6px;font-size:15px}#craft .lo{color:#c8bca4;border:1px solid #d8c8a826;border-radius:5px;align-items:center;gap:8px;margin-bottom:5px;padding:6px 8px;font-size:12px;display:flex}#craft .lo b{color:#eadfc8;font-weight:600}#craft .lo.sel{background:#3c301e99;border-color:#f0d890}#craft input{font:inherit;color:#efe6d2;background:#1e1812cc;border:1px solid #d8c8a840;border-radius:5px;outline:none;padding:6px 10px;font-size:14px}#craft .tabs{gap:5px;display:flex}#craft .tab.sel{color:#f2e6c8;border-color:#f0d890}#craft .detail,#craft .recipe-box{color:#cfc4ac;background:#1e181299;border:1px solid #d8c8a82e;border-radius:6px;margin-top:auto;padding:10px 12px;font-size:13px}#craft .recipes{flex:1;overflow-y:auto}#craft .recipe.blocked{opacity:.7;cursor:pointer}#craft .qty .go{color:#16130f;background:#b8a888;border-color:#b8a888;margin-left:auto;font-weight:600}#craft{gap:16px;width:min(1180px,100vw - 32px);height:min(640px,100vh - 60px);max-height:none;padding:16px 18px 38px}#craft .col{flex-direction:column;min-height:0;display:flex}#craft .c-loadout{flex:0 0 210px}#craft .c-pack{flex:1.25}#craft .c-craft{flex:1}#craft h3{letter-spacing:.18em;border-bottom:2px solid #c8784699;padding-bottom:4px;font-size:14px}#craft .lo{color:#cfc4a8;background:#2820188c;border:1px solid #d8c8a82e;border-radius:4px;grid-template-columns:22px 30px 1fr;align-items:center;gap:6px;margin-bottom:5px;padding:6px 8px;font-size:12px;display:grid}#craft .lo b{color:#eadfc8;letter-spacing:.06em;font-size:11px;font-weight:600}#craft .lo.sel{border-color:#f0d890}#craft .lo.empty{opacity:.55}#craft .lo.torch{margin-top:12px}#craft .lo .ico{width:26px;height:26px}#craft input{font:inherit;color:#efe6d2;background:#120f0b;border:1px solid #4a4236;border-radius:4px;outline:none;margin-bottom:6px;padding:6px 10px;font-size:14px}#craft .tabs{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}#craft .tab{font:inherit;color:#b8ac94;cursor:pointer;background:0 0;border:1px solid #d8c8a840;border-radius:3px;padding:3px 9px;font-size:12px}#craft .tab.sel{color:#f2e6c8;background:#783c1e59;border-color:#e0a070}#craft .slots{grid-template-columns:repeat(6,1fr)}#craft .slot.dim{opacity:.3}#craft .slot.shown{border-color:#f0d890b3}#craft .detail,#craft .recipe-box{color:#cfc4a8;background:#1e1812a6;border:1px solid #d8c8a82e;border-radius:4px;min-height:92px;margin-top:10px;padding:10px 12px;font-size:13px}#craft .detail p,#craft .recipe-box p{margin:6px 0 0}#craft .d-head{color:#f2e6c8;align-items:center;gap:8px;font-size:15px;display:flex}#craft .d-head .ico{width:26px;height:26px}#craft .d-src{color:#9a8e7a;margin-left:auto;font-size:12px}#craft p.d-src{margin-left:0}#craft .d-keys,#craft .d-empty{color:#8f846e;font-size:12px}#craft .recipes{flex:1;overflow:auto}#craft .group{letter-spacing:.14em;color:#c08a60;margin:8px 0 4px;font-size:11px}#craft .recipe.sel{background:#54462ebf;border-color:#f0d890}#craft .recipe.blocked{cursor:pointer}#craft .qty{align-items:center;gap:6px;margin-top:8px;display:flex}#craft .qty button{font:inherit;color:#eadfc8;cursor:pointer;background:#32281ccc;border:1px solid #d8c8a859;border-radius:3px;padding:4px 10px;font-size:13px}#craft .qty span{text-align:center;min-width:24px;font-weight:600}#craft .qty .go{letter-spacing:.06em;background:#9a4a2a;border-color:#c86a40;margin-left:auto;font-weight:600}#craft .qty .go:disabled{opacity:.4;cursor:default}#craft .close{color:#9a8e7a;font-size:12px;position:absolute;bottom:10px;right:18px}#hotbar[hidden],#hp{display:none}#battery{bottom:96px}#status-line{font-size:14px;top:58px}#compass{pointer-events:none;width:460px;height:52px;position:fixed;top:8px;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}#compass .cp-ticks{border-top:1px solid #e8dec859;height:20px;position:absolute;top:30px;left:0;right:0}#compass .cp-h{color:#e8dec8b3;font-size:11px;position:absolute;top:3px;transform:translate(-50%)}#compass .cp-h.main{color:#f2e6c8;font-size:13px;font-weight:600}#compass .cp-t{background:#e8dec873;width:1px;height:5px;position:absolute;top:0}#compass .cp-m{white-space:nowrap;color:#f0e4c8;text-shadow:0 1px 3px #000;align-items:center;gap:3px;font-size:11px;display:flex;position:absolute;top:0;transform:translate(-50%)}#compass .cp-m i{border-radius:50%;width:7px;height:7px;display:inline-block}#minimap{pointer-events:none;opacity:.92;border-radius:50%;width:150px;height:150px;position:fixed;top:14px;left:14px}#daytimer{text-align:right;pointer-events:none;text-shadow:0 1px 6px #000c;position:fixed;top:14px;right:18px}#daytimer[hidden]{display:none}#daytimer b{letter-spacing:.12em;color:#f2e6c8;font-size:20px;display:block}#daytimer b.dusk{color:#f0a868}#daytimer b.night{color:#9aa8d8}#daytimer span{letter-spacing:.1em;color:#d8ccb0;font-size:13px}#vitals{pointer-events:none;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:20px;left:18px}#vitals .v-hp{color:#f2e6c8;text-shadow:0 1px 6px #000c;font-size:34px;font-weight:600;line-height:1}#vitals .v-hp span{margin-right:2px;font-size:26px}#vitals .v-hp.low{color:#e86a50}#vitals.hurt .v-hp{animation:.6s hurtText}@keyframes hurtText{0%{color:#ff4a2a;transform:scale(1.12)}to{transform:scale(1)}}#vitals .v-stamina{gap:3px;margin-bottom:6px;display:flex}#vitals .v-stamina i{background:linear-gradient(90deg, #e8dcc0 calc(var(--f,1) * 100%), #e8dcc026 0);width:18px;height:7px}#vitals .v-stamina.winded i{background:linear-gradient(90deg, #c86a3a calc(var(--f,1) * 100%), #c86a3a26 0)}#feed{pointer-events:none;flex-direction:column;gap:3px;display:flex;position:fixed;bottom:130px;left:18px}#feed div{color:#f0d8a8;text-shadow:0 1px 4px #000;font-size:13px;transition:opacity .8s}#feed div.gone{opacity:0}#keyhint{color:#efe4c8;pointer-events:none;background:#0a080699;border-radius:4px;align-items:center;gap:6px;padding:4px 12px;font-size:14px;display:flex;position:fixed;bottom:120px;left:50%;transform:translate(-50%)}#keyhint[hidden]{display:none}#keyhint .kbd{border:1px solid #e8dec899;border-radius:3px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;display:inline-flex}#buildbar:not([hidden])~#keyhint{bottom:190px}#perf{top:176px}#mapscreen{background:#0e0b08f0;border:1px solid #d8c8a840;border-radius:8px;gap:14px;padding:14px;display:flex;position:fixed;inset:30px}#mapscreen[hidden]{display:none}#mapscreen canvas{cursor:crosshair;border-radius:4px;flex:1;min-width:0;height:100%}#mapscreen .ms-side{color:#d8ccb0;width:230px;font-size:13px}#mapscreen h3{letter-spacing:.18em;color:#e8dcc0;border-bottom:2px solid #c8784699;margin:0 0 10px;padding-bottom:4px;font-size:14px}#mapscreen .ms-legend div{align-items:center;gap:8px;margin-bottom:5px;display:flex}#mapscreen .ms-legend i{border-radius:50%;width:12px;height:12px;display:inline-block}#mapscreen i.you{clip-path:polygon(50% 0,100% 100%,50% 75%,0 100%);background:#b02a1a;border-radius:0}#mapscreen i.friend{background:#8aa4c9}#mapscreen i.flag{background:#3ab0a0;border-radius:0}#mapscreen i.ping{border:2px solid #f0c040}#mapscreen i.danger{border:2px solid #e04a30}#mapscreen i.deck{background:#5a3c1ee6;border-radius:0}#mapscreen i.lick{background:#966e46cc}#mapscreen i.water{background:#5a7882}#mapscreen .ms-keys{color:#a89c88;margin-top:18px;line-height:2}#mapscreen .kbd{color:#e8dcc0;border:1px solid #e8dec873;border-radius:3px;margin-right:6px;padding:0 5px;font-size:11px;line-height:18px;display:inline-flex}#worldmarks span{text-shadow:0 1px 4px #000;pointer-events:none;white-space:nowrap;flex-direction:column;align-items:center;font-size:12px;font-weight:600;display:flex;position:fixed;transform:translate(-50%,-100%)}#worldmarks i{background:currentColor;width:10px;height:10px;margin-bottom:3px;transform:rotate(45deg)}#worldmarks small{color:#e8dcc0;font-weight:400}body.menu-open #compass,body.menu-open #minimap,body.menu-open #daytimer,body.menu-open #vitals,body.menu-open #feed,body.menu-open #keyhint,body.menu-open #worldmarks,body.menu-open #buildbar,body.menu-open #status-line,body.menu-open #battery{visibility:hidden}body.hide-minimap #minimap,body.hide-compass #compass,body.hide-hints #keyhint{display:none!important}#intro{cursor:default;box-sizing:border-box;padding:24px 16px;overflow-y:auto}#intro .room{color:#d8c8a8;letter-spacing:.04em;min-height:1em;margin:2px 0 22px}#intro .pause-body{flex-direction:column;align-items:center;gap:12px;width:min(640px,100%);display:flex}#intro button{font:inherit;color:#e8dcc0;cursor:pointer;background:#282018e6;border:1px solid #5a4a36;border-radius:4px;padding:8px 18px}#intro button:hover{background:#463828f2;border-color:#8a7458}#intro button.big{background:#6a4a24;border-color:#a07a44;padding:12px 48px;font-size:20px}#intro .row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}#intro .hint{color:#8a7e6a;margin:4px 0 0;font-size:13px}#intro .panel{box-sizing:border-box;background:#1c1610eb;border:1px solid #4a3c2c;border-radius:6px;width:100%;padding:16px 20px}#intro h2{color:#e8dcc0;margin:0 0 12px;font-size:20px;font-weight:600}#intro h2 small{color:#8a7e6a;margin-left:8px;font-size:12px;font-weight:400}#intro dl.keys{grid-template-columns:auto 1fr;gap:5px 16px;max-height:56vh;margin:0 0 14px;display:grid;overflow-y:auto}#intro dl.keys dt{text-align:right}#intro .kbd{color:#e8dcc0;text-align:center;background:#2a2218;border:1px solid #6a5a44;border-bottom-width:2px;border-radius:3px;min-width:1.4em;padding:1px 6px;font-size:12px;display:inline-block}#intro .tabs{border-bottom:1px solid #4a3c2c;flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}#intro .tab{color:#a89c88;background:0 0;border:none;border-radius:4px 4px 0 0;padding:6px 14px}#intro .tab.sel{color:#f0e4c8;background:#4a3a26}#intro .tabbody{min-height:180px;max-height:52vh;margin-bottom:14px;overflow-y:auto}#intro .set{color:#d8c8a8;border-bottom:1px solid #5a4a3666;grid-template-columns:1fr minmax(120px,220px) 56px;align-items:center;gap:12px;padding:8px 2px;display:grid}#intro .set small{color:#8a7e6a;font-size:11px;display:block}#intro .set em{color:#e8dcc0;text-align:right;font-variant-numeric:tabular-nums;font-style:normal}#intro .set input[type=range]{accent-color:#c08a3c;width:100%}#intro .set .toggle,#intro .set .seg{grid-column:2/4;justify-self:start}#intro .toggle.on{background:#6a4a24;border-color:#a07a44}#intro .seg button{border-radius:0;margin-right:-1px;padding:6px 16px}#intro .seg button.sel{background:#6a4a24;border-color:#a07a44}#intro .binds{grid-template-columns:1fr 1fr;gap:4px 16px;display:grid}#intro .bind{color:#d8c8a8;justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}#intro .bind button{min-width:110px;padding:4px 10px;font-size:13px}#intro .bind button.wait{background:#8a5a1c;border-color:#e0a050}@media (width<=560px){#intro .binds{grid-template-columns:1fr}#intro .set{grid-template-columns:1fr 1fr 48px}}#intro{z-index:100;background:#050403db}#intro:has(.panel) h1{font-size:40px}#buildbar .bb-card{position:relative}#buildbar .bb-num{color:#b8ac94;font-size:11px;position:absolute;top:3px;left:5px}#buildbar .bb-card.sel .bb-num{color:#f0d890;font-weight:600}#dawncard{text-align:center;color:#f2e6c8;pointer-events:none;z-index:20;background:linear-gradient(#3c2814e0,#18120ce0);border:1px solid #a07a44;border-radius:6px;min-width:320px;padding:18px 34px 16px;transition:opacity 1.2s;animation:.8s ease-out dawnIn;position:fixed;top:22%;left:50%;transform:translate(-50%)}#dawncard[hidden]{display:none}#dawncard.out{opacity:0}#dawncard small{letter-spacing:.3em;color:#f0b868;font-size:13px}#dawncard h2{margin:4px 0 10px;font-size:34px;font-weight:600}#dawncard p{color:#d8ccb0;margin:3px 0;font-size:14px}@keyframes dawnIn{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}#quickbar{pointer-events:none;gap:6px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}#quickbar[hidden]{display:none}#quickbar .qb{color:#eadfc8;background:#0e0b08a8;border:1px solid #d8c8a840;border-radius:5px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}#quickbar .qb.empty{opacity:.45}#quickbar .qb.none{color:#eadfc866}#quickbar .qb.lit{border-color:#f0b050;box-shadow:0 0 8px #ffb45066}#quickbar .qb-key{color:#b8ac94;font-size:11px;position:absolute;top:2px;left:4px}#quickbar .qb-ico{width:28px;height:28px}#quickbar .qb-n{font-size:12px;font-weight:600;position:absolute;bottom:2px;right:4px}#buildbar{bottom:78px}#hotbar .hb-wheel{color:#e8dec88c;letter-spacing:.05em;font-size:11px}#craft .quick{flex-direction:column;gap:5px;margin-top:14px;display:flex}#craft .quick h4{color:#e8dcc0;margin:0 0 2px;font-size:14px;font-weight:600}#craft .quick h4 small{color:#8a7e6a;font-size:11px;font-weight:400;display:block}#craft .quick .q{color:#e8dcc0;border:1px dashed #d8c8a840;border-radius:4px;align-items:center;gap:8px;min-height:30px;padding:4px 8px;font-size:13px;display:flex}#craft .quick .q:not(.empty){background:#28201899;border-style:solid}#craft .quick .q .ico{width:22px;height:22px}#craft .quick .q small{color:#8a7e6a}#craft .quick .q .hint{color:#6a604e;font-size:12px}#craft .c-loadout{min-height:0;overflow-y:auto}#craft .quick{gap:3px;margin-top:8px}#craft .quick .q{white-space:nowrap;min-height:24px;padding:2px 6px;font-size:12px;overflow:hidden}#craft .quick .q .kbd{min-width:16px;height:16px;font-size:10px}#craft .quick .q .ico{flex:none;width:18px;height:18px}#craft .c-loadout .lo{margin-bottom:4px;padding:4px 8px}#mapscreen .ms-legend i.camp{background:0 0;border-bottom:10px solid #462d19d9;border-left:6px solid #0000;border-right:6px solid #0000;border-radius:0;width:0;height:0}#mapscreen .ms-legend i.house{background:#3c2816e6;border-radius:1px}#mapscreen .ms-legend i.temple{background:0 0;border:1px solid #968c78e6;border-radius:1px}#buildbar .bb-cards{display:none}#quickbar .qb.active{background:#3c301ed9;border-color:#f0d890;box-shadow:0 0 8px #ffdc9659}#craft .slots{flex:0 auto;grid-template-columns:repeat(8,1fr);gap:4px;min-height:0;max-height:52vh;padding-right:2px;overflow-y:auto}#craft .slot{gap:1px;height:50px;font-size:10px}#craft .slot .ico{width:22px;height:22px}#craft .slot .name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 3px;overflow:hidden}#craft .slot .count{font-size:11px;top:1px;right:3px}#craft .slot:nth-child(6){margin-bottom:0}#room-list{width:300px;margin-top:6px}#room-list[hidden]{display:none}#dress{width:300px;font:inherit;color:#e8dcc0;cursor:pointer;background:#3c3022e6;border:1px solid #6a5638;border-radius:4px;padding:8px}#dress:hover{border-color:#b08a50}#dress[hidden]{display:none}#creator{color:#e4d8bc;z-index:20;background:#15130f;display:flex;position:fixed;inset:0}#creator[hidden]{display:none}#creator .view{cursor:grab;touch-action:none;flex:auto;min-width:0;position:relative}#creator .view.dragging{cursor:grabbing}#creator .view canvas{width:100%;height:100%;display:block}#creator .panel{background:#1d1a15;border-left:1px solid #3a3024;flex-direction:column;flex:0 0 360px;gap:10px;min-height:0;padding:18px 18px 12px;display:flex}#creator h2{letter-spacing:.05em;color:#c8b890;margin:0;font-weight:600}#creator h3{color:#a89878;margin:6px 0 0;font-size:14px;font-weight:600}#creator button{font:inherit;color:#e4d8bc;cursor:pointer;background:#2a251e;border:1px solid #4a3e2e;border-radius:4px;padding:6px 10px}#creator button:hover{border-color:#9a7a48}#creator button.sel{color:#fff4dc;background:#5a4630;border-color:#c09a5a}#creator .seg,#creator .tabs{gap:6px;display:flex}#creator .seg button,#creator .tabs button{flex:1}#creator .body{flex-direction:column;flex:auto;gap:8px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}#creator .body>*{flex-shrink:0}#creator .sl{grid-template-columns:92px 42px 1fr 42px 30px;align-items:center;gap:6px;font-size:14px;display:grid}#creator .sl b{color:#a89878;text-align:right;font-variant-numeric:tabular-nums;font-size:12px;font-weight:400}#creator .sl em{color:#8a7c64;text-align:center;font-size:12px;font-style:normal}#creator .sl input{accent-color:#b08a50;width:100%}#creator .items{grid-template-columns:1fr 1fr;gap:6px;display:grid}#creator .swatches{flex-wrap:wrap;gap:8px;display:flex}#creator .swatches button{border:2px solid #4a3e2e;border-radius:50%;width:34px;height:34px;padding:0}#creator .swatches button.sel{border-color:#f0d8a0;box-shadow:inset 0 0 0 2px #15130f}#creator .swatches button.own{color:#fff;text-shadow:0 0 3px #000;font-size:11px}#creator .foot{gap:6px;display:flex}#creator .foot .go{background:#6a5030;border-color:#c09a5a;flex:1}#creator .hint{color:#7a6c56;margin:0;font-size:12px}#creator button:disabled{opacity:.4;cursor:default;border-color:#4a3e2e}#creator .top{justify-content:space-between;align-items:center;display:flex}#creator .hist{gap:4px;display:flex}#creator .hist button{padding:2px 10px;font-size:18px;line-height:1.2}#creator .tabs button{padding:6px 4px}#creator .tools{gap:6px;display:flex}#creator .tools button{flex:1}#creator .foot .cancel{flex:none}#creator .note{color:#8a7c64;margin:0;font-size:13px}#creator .slot{grid-template-columns:1fr auto auto auto;align-items:center;gap:6px;font-size:14px;display:grid}#creator .slot span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#creator .slot i{color:#6a5e4a}#creator .overlay{pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:12px;left:12px}#creator .overlay .row{pointer-events:auto;flex-wrap:wrap;gap:4px;display:flex}#creator .overlay button{background:#1e1a14cc;padding:4px 9px;font-size:13px}@media (width<=720px){#creator{flex-direction:column}#creator .view{flex:0 0 45vh}#creator .panel{border-top:1px solid #3a3024;border-left:0;flex:auto}}.pause-body .leave{color:#d8b8a0}.pause-body .leave.sure{color:#f0c8b0;border-color:#c06040}#room-list .rows{flex-direction:column;gap:5px;max-height:210px;display:flex;overflow-y:auto}#room-list .room-row{text-align:left;font:inherit;color:#d8ccb0;cursor:pointer;background:#282018cc;border:1px solid #4a3c2c;border-radius:4px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:7px 10px;font-size:14px;display:grid}#room-list .room-row:hover{background:#463828e6;border-color:#a07a44}#room-list .room-row b{color:#f0e4c8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#room-list .room-row b small{letter-spacing:.12em;color:#9c8c70;margin-left:6px;font-weight:400}#room-list .room-row.live span:first-of-type{color:#b8d890}#room-list .room-row:disabled{opacity:.5;cursor:default}#chatbox{z-index:30;align-items:center;gap:6px;display:flex;position:fixed;bottom:96px;left:18px}#chatbox[hidden]{display:none}#chatbox input{width:360px;font:inherit;color:#f0e4c8;background:#0e0b08d9;border:1px solid #a07a44;border-radius:4px;outline:none;padding:6px 10px;font-size:14px}#chatbox .kbd{color:#e8dcc0;border:1px solid #e8dec873;border-radius:3px;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:11px;display:inline-flex}:root{--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);--st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px)}html:has(body.touch){overscroll-behavior:none;height:100dvh}body.touch{--u:calc(1px * var(--tc,1));overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100dvh}body.touch #game,body.touch #game canvas{touch-action:none}#touch{display:contents}#touch [hidden],#touch.off>*,#touch.menu>:not(.tc-close),#touch:not(.menu) .tc-close{display:none!important}.tc-surface{z-index:5;touch-action:none;position:fixed;inset:0}.tc-probe{width:var(--sl);pointer-events:none;height:0;position:fixed;top:0;left:0}.tc-stick{z-index:7;pointer-events:none;width:0;height:0;position:fixed;top:0;left:0}.tc-stick:before{content:"";left:calc(-56 * var(--u));top:calc(-56 * var(--u));width:calc(112 * var(--u));height:calc(112 * var(--u));box-sizing:border-box;background:#14100c47;border:2px solid #e8dcc059;border-radius:50%;position:absolute}.tc-stick.sprint:before{background:#50381457;border-color:#f0c878cc}.tc-knob{left:calc(-24 * var(--u));top:calc(-24 * var(--u));width:calc(48 * var(--u));height:calc(48 * var(--u));background:#f0e4c880;border:2px solid #fff4dcb3;border-radius:50%;position:absolute}.tc-stick.sprint .tc-knob{background:#fad282a6}.tc-btn{box-sizing:border-box;text-align:center;width:calc(46 * var(--u));height:calc(46 * var(--u));color:#efe4c8;font:600 calc(12 * var(--u))/1.1 Sarabun, system-ui, sans-serif;touch-action:none;-webkit-tap-highlight-color:transparent;background:#14100c7a;border:2px solid #e8dcc073;border-radius:50%;outline:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative}.tc-btn>span{pointer-events:none}.tc-btn.down{background:#f0d89061;border-color:#f0d890}.tc-btn.on{color:#fff4d8;background:#f0d8904d;border-color:#f0d890}.tc-col{z-index:8;align-items:center;gap:calc(8 * var(--u));flex-direction:column-reverse;display:flex;position:fixed}.tc-col-a{right:calc(var(--sr) + 18 * var(--u));bottom:calc(var(--sb) + 16 * var(--u))}.tc-col-b{right:calc(var(--sr) + 82 * var(--u));bottom:calc(var(--sb) + 16 * var(--u))}.tc-jump{width:calc(56 * var(--u));height:calc(56 * var(--u));font-size:calc(13 * var(--u));background:#2820168c}.tc-use{width:calc(56 * var(--u));height:calc(56 * var(--u));font-size:calc(15 * var(--u));color:#fff0cc;background:#5a401a99;border-color:#fad68cd9}.tc-cancel{background:#5018108c}.tc-torch{z-index:8;left:calc(40% - 58 * var(--u));bottom:calc(var(--sb) + 70 * var(--u));position:fixed}.tc-run{z-index:8;left:calc(40% - 63 * var(--u));bottom:calc(var(--sb) + 124 * var(--u));width:calc(56 * var(--u));height:calc(56 * var(--u));font-size:calc(15 * var(--u));position:fixed}.tc-small{z-index:8;top:calc(var(--st) + 8 * var(--u));width:calc(44 * var(--u));height:calc(44 * var(--u));border-radius:calc(10 * var(--u));position:fixed}.tc-pause{right:calc(var(--sr) + 8 * var(--u));letter-spacing:1px}.tc-pack{right:calc(var(--sr) + 58 * var(--u))}.tc-more{right:calc(var(--sr) + 108 * var(--u));font-size:calc(22 * var(--u))}.tc-tray{z-index:9;top:calc(var(--st) + 58 * var(--u));right:calc(var(--sr) + 8 * var(--u));gap:calc(4 * var(--u));padding:calc(5 * var(--u));border-radius:calc(10 * var(--u));background:#0c0906d1;border:1px solid #d8c8a84d;grid-template-columns:1fr 1fr;display:grid;position:fixed}.tc-tray-item{width:auto;min-width:calc(80 * var(--u));height:calc(42 * var(--u));border-radius:calc(8 * var(--u));padding:0 calc(8 * var(--u));font-size:calc(13 * var(--u))}.tc-close{z-index:60;top:calc(var(--st) + 8 * var(--u));right:calc(var(--sr) + 8 * var(--u));width:calc(56 * var(--u));height:calc(48 * var(--u));border-radius:calc(10 * var(--u));font-size:calc(15 * var(--u));background:#462814d9;position:fixed}body.touch #minimap{pointer-events:auto;z-index:6;width:calc(84 * var(--u));height:calc(84 * var(--u));left:calc(var(--sl) + 14 * var(--u));top:calc(var(--st) + 8 * var(--u));touch-action:none}body.touch #quickbar{pointer-events:auto;z-index:6;bottom:calc(var(--sb) + 8 * var(--u));gap:calc(2 * var(--u));touch-action:none}body.touch #quickbar .qb{width:calc(36 * var(--u));height:calc(46 * var(--u));border-radius:calc(5 * var(--u))}body.touch #quickbar .qb-key{display:none}body.touch #quickbar .qb-ico{width:calc(22 * var(--u));height:calc(22 * var(--u))}body.touch #quickbar .qb-n{font-size:calc(11 * var(--u))}body.touch #hotbar{pointer-events:auto;z-index:6;right:calc(var(--sr) + 8 * var(--u));top:calc(var(--st) + 62 * var(--u));gap:calc(3 * var(--u));touch-action:none;align-items:flex-end;bottom:auto}body.touch #hotbar .hb-row{width:calc(46 * var(--u));height:calc(40 * var(--u));border-radius:calc(6 * var(--u));box-sizing:border-box;background:#0e0b0880;border:1px solid #d8c8a840;justify-content:center}body.touch #hotbar .hb-row.sel{background:#3c301ecc;border-color:#f0d890}body.touch #hotbar .hb-row.empty{opacity:.6;border-style:dashed}body.touch #hotbar .hb-ico{width:calc(30 * var(--u));height:calc(26 * var(--u))}body.touch #hotbar .hb-name,body.touch #hotbar .hb-wheel,body.touch #hotbar .hb-label{display:none}body.touch #compass{top:calc(var(--st) + 2 * var(--u));transform-origin:top;transform:translate(-50%)scale(.62)}body.touch #daytimer{right:auto;left:calc(var(--sl) + 14 * var(--u));top:calc(var(--st) + 96 * var(--u));text-align:left}body.touch #daytimer b{font-size:calc(15 * var(--u))}body.touch #daytimer span{font-size:calc(11 * var(--u))}body.touch #status-line{top:calc(var(--st) + 36 * var(--u));font-size:calc(12 * var(--u));padding:3px 10px}body.touch #alert{top:calc(var(--st) + 58 * var(--u));font-size:calc(14 * var(--u))}body.touch #room-tag{text-overflow:ellipsis;white-space:nowrap;max-width:46vw;padding:1px 8px;font-size:10px;inset:auto auto 2px 50%;overflow:hidden;transform:translate(-50%)}body.touch #prompt{white-space:normal;text-align:center;max-width:52vw;font-size:calc(14 * var(--u))}body.touch #toast{bottom:auto;top:calc(var(--st) + 84 * var(--u));font-size:calc(14 * var(--u))}body.touch #subtitle{bottom:calc(var(--sb) + 84 * var(--u));font-size:calc(15 * var(--u))}body.touch #keyhint{bottom:calc(var(--sb) + 62 * var(--u));font-size:calc(12 * var(--u))}body.touch #keyhint .kbd{display:none}body.touch #buildbar{bottom:calc(var(--sb) + 58 * var(--u))}body.touch #buildbar .bb-hints{display:none}body.touch #buildbar:not([hidden])~#keyhint{bottom:calc(var(--sb) + 110 * var(--u))}body.touch #vitals{left:calc(var(--sl) + 14 * var(--u));bottom:calc(var(--sb) + 12 * var(--u));transform-origin:0 100%;transform:scale(.7)}body.touch #vitals .v-stamina i{width:7px}body.touch #battery{left:calc(var(--sl) + 14 * var(--u));bottom:calc(var(--sb) + 54 * var(--u));width:calc(110 * var(--u))}body.touch #feed{left:calc(var(--sl) + 14 * var(--u));bottom:calc(var(--sb) + 80 * var(--u))}body.touch #worldmarks span{font-size:11px}body.touch #intro{justify-content:flex-start;padding:10px 16px}body.touch #intro h1{margin:0;font-size:36px}body.touch #intro button{min-height:44px}#tc-turn{z-index:300;color:#e8dcc0;text-align:center;background:#070605;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;font-size:20px;display:none;position:fixed;inset:0}#tc-turn .tc-turn-ico{color:#b8a888;font-size:64px;line-height:1}@media (orientation:portrait) and (width<=600px){body.touch #tc-turn{display:flex}}body.touch #lobby{box-sizing:border-box;touch-action:pan-y;justify-content:flex-start;padding:8px 0 20px;overflow-y:auto}body.touch #lobby>*{flex-shrink:0}body.touch #lobby>:first-child{margin-top:auto}body.touch #lobby>:last-child{margin-bottom:auto}body.touch #lobby h1{font-size:44px;line-height:1.1}body.touch #lobby .tag{margin-bottom:4px;font-size:13px}.tc-ready{z-index:8;left:50%;bottom:calc(var(--sb) + 66 * var(--u));width:calc(140 * var(--u));height:calc(52 * var(--u));border-radius:calc(26 * var(--u));font-size:calc(21 * var(--u));color:#fff0cc;background:#6e4a18b8;border-color:#fad68ce6;position:fixed;transform:translate(-50%)}.tc-ready.on{background:#325c24bf;border-color:#b8d890}.tc-ready.on>span:after{content:" ✓"}.tc-chat{right:calc(var(--sr) + 158 * var(--u));font-size:calc(11 * var(--u))}body.touch.chat-open #intro{display:none}body.touch #chatbox{left:calc(var(--sl) + 8px);right:calc(var(--sr) + 8px);bottom:calc(var(--sb) + 10px);touch-action:manipulation;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}#chatbox .chat-phrases{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#chatbox .chat-phrases[hidden],#chatbox button[hidden],#chatbox input[hidden]{display:none}#chatbox .phrase{color:#f4e8cc;cursor:pointer;touch-action:manipulation;background:#0e0b08eb;border:1px solid #a07a44;border-radius:24px;min-width:56px;min-height:46px;padding:0 16px;font:600 17px/1 Sarabun,system-ui,sans-serif}#chatbox .phrase:active{background:#785422f2;border-color:#f0d890}#chatbox .phrase.type{color:#d8c8a8;border-style:dashed}#chatbox .phrase.x{color:#e0a890}#chatbox .typing-x{display:none}#chatbox .chat-phrases[hidden]~.typing-x{display:block}body.touch.chat-open #quickbar,body.touch.chat-open #hotbar,body.touch.chat-open #vitals{visibility:hidden}#chatbox.touch input{width:min(60vw,380px);min-height:44px;font-size:16px}#craft.touch{box-sizing:border-box;touch-action:none;width:100vw;height:100dvh;max-height:none;padding:calc(var(--st) + 6px) calc(var(--sr) + 8px) calc(var(--sb) + 6px) calc(var(--sl) + 8px);background:#0a0806f7;border:0;border-radius:0;grid-template-rows:minmax(0,1fr);grid-template-columns:1fr 1fr;gap:10px;top:0;left:0;overflow:hidden;transform:none}#craft.touch .c-loadout,#craft.touch .close,#craft.touch input,#craft.touch .c-pack h3{display:none}#craft.touch .col{flex:none;gap:6px;min-width:0;min-height:0}#craft.touch .c-craft h3{box-sizing:border-box;align-items:center;height:44px;margin:0;padding:0 64px 0 2px;font-size:15px;display:flex}#craft.touch .tabs{touch-action:pan-x;scrollbar-width:none;flex-wrap:nowrap;flex:none;gap:4px;margin:0;overflow-x:auto}#craft.touch .tab{white-space:nowrap;border-radius:6px;flex:none;min-height:44px;padding:0 12px;font-size:14px}#craft.touch .slots{touch-action:pan-y;overscroll-behavior:contain;flex:1 1 0;grid-template-columns:repeat(6,1fr);align-content:start;gap:4px;min-height:0;max-height:none;padding-right:0;overflow-y:auto}#craft.touch .slot{cursor:pointer;height:46px;min-height:44px}#craft.touch .slot .ico{width:20px;height:20px}#craft.touch .slot .name{font-size:9px}#craft.touch .slot.picked{background:#5a4624cc;border-color:#f0d890;box-shadow:0 0 0 2px #f0d8908c}#craft.touch .slot.shown{background:#3c301ee6;border-color:#f0d890}#craft.touch .detail,#craft.touch .recipe-box{flex:none;min-height:0;margin:0;padding:6px 8px}#craft.touch .detail p,#craft.touch .recipe-box p{margin:3px 0 0;font-size:12px;line-height:1.3}#craft.touch .detail p:not(.d-move):not(.d-empty){-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}#craft.touch .detail p.d-src{display:none!important}#craft.touch .d-head{font-size:14px}#craft.touch .d-move{color:#f0d890}#craft.touch .acts{gap:4px;margin-top:6px;display:flex}#craft.touch .act{white-space:nowrap;color:#efe6d2;cursor:pointer;touch-action:manipulation;background:#3c3020e6;border:1px solid #d8c8a866;border-radius:6px;flex:auto;min-width:0;min-height:44px;padding:0 6px;font:600 13px/1.1 Sarabun,system-ui,sans-serif}#craft.touch .act.use{background:#7a5a24;border-color:#e0b060}#craft.touch .act.on{background:#6e5a28f2;border-color:#f0d890}#craft.touch .act.drop.on{background:#8a3020;border-color:#e08060}#craft.touch .act:active,#craft.touch .qty button:active,#craft.touch .recipe:active,#craft.touch .tab:active{filter:brightness(1.5)}#craft.touch .recipes{touch-action:pan-y;overscroll-behavior:contain;flex:1 1 0;gap:4px;min-height:0;overflow-y:auto}#craft.touch .group{margin:4px 0 2px}#craft.touch .recipe{touch-action:pan-y;cursor:pointer;grid-template-columns:24px 1fr auto;min-height:46px;padding:4px 8px}#craft.touch .recipe .in{font-size:11px}#craft.touch .recipe.sel{border-color:#f0d890;box-shadow:0 0 0 2px #f0d89080}#craft.touch .qty{gap:4px;margin-top:6px}#craft.touch .qty button{touch-action:manipulation;min-width:44px;min-height:44px;padding:0 8px;font-size:15px}#craft.touch .qty .go{flex:1;min-width:0;font-size:15px}#craft.touch .made{color:#c8e090;font-weight:600}.cp-sheet{z-index:5;touch-action:none;background:#000000b8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cp-sheet[hidden]{display:none}.cp-sheet .sheet-box{background:#1a1610;border:1px solid #d8c8a866;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:10px 12px;display:flex}.cp-sheet h4{color:#f0e4c8;margin:0;font-size:14px}.cp-sheet .qgrid{grid-template-columns:repeat(5,64px);gap:6px;display:grid}.cp-sheet .qs{height:58px;font:inherit;color:#e8dcc0;touch-action:manipulation;background:#32281ce6;border:1px solid #d8c8a84d;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;display:flex;position:relative}.cp-sheet .qs b{color:#f0d890;font-size:11px;position:absolute;top:1px;left:4px}.cp-sheet .qs .ico{width:24px;height:24px;display:block}.cp-sheet .qs small{text-overflow:ellipsis;white-space:nowrap;color:#b8ac94;max-width:60px;font-size:10px;overflow:hidden}.cp-sheet .qs.on{background:#6e5624f2;border-color:#f0d890}.cp-sheet .sheet-x{min-height:44px;font:inherit;color:#e8dcc0;background:#3c3020e6;border:1px solid #d8c8a866;border-radius:6px;padding:0 28px}#mapscreen.touch{touch-action:none;background:#2a2218;border:0;border-radius:0;gap:0;padding:0;inset:0}#mapscreen.touch canvas{touch-action:none;cursor:default;border-radius:0}#mapscreen.touch .ms-side{z-index:3;right:calc(var(--sr) + 8px);top:calc(var(--st) + 64px);bottom:calc(var(--sb) + 64px);box-sizing:border-box;touch-action:pan-y;background:#0e0b08f2;border:1px solid #d8c8a84d;border-radius:8px;width:250px;padding:10px 12px;display:none;position:absolute;overflow-y:auto}#mapscreen.touch.show-legend .ms-side{display:block}#mapscreen.touch .ms-keys{margin-top:10px;line-height:1.7}#mapscreen .ms-ctl{z-index:4;left:calc(var(--sl) + 10px);bottom:calc(var(--sb) + 10px);gap:6px;display:flex;position:absolute}#mapscreen .ms-ctl button{color:#f0e4c8;touch-action:manipulation;background:#14100ce0;border:1px solid #d8c8a880;border-radius:8px;min-width:46px;min-height:46px;padding:0 12px;font:600 14px/1 Sarabun,system-ui,sans-serif}#mapscreen .ms-ctl .ms-zoom{width:46px;padding:0;font-size:24px}#mapscreen .ms-ctl button:active{background:#785422f2}#mapscreen.show-legend .ms-ctl .ms-legend-btn{border-color:#f0d890}#a2hs{z-index:400;left:50%;bottom:calc(var(--sb) + 8px);color:#f4e8cc;background:#281e0ef2;border:1px solid #c0985a;border-radius:10px;align-items:center;gap:10px;max-width:80vw;padding:6px 6px 6px 14px;font-size:14px;display:flex;position:fixed;transform:translate(-50%)}#a2hs button{color:#e8dcc0;background:0 0;border:0;min-width:44px;min-height:44px;font-size:18px}body.touch #intro .tabs button,body.touch #intro .set button,body.touch #intro .seg button,body.touch #intro .row button{min-height:44px}body.touch #intro .tabbody{touch-action:pan-y;flex:auto;min-height:0;max-height:none;overflow-y:auto}body.touch #intro .pause-body{min-height:0}body.touch #intro .panel{flex-direction:column;min-height:0;max-height:calc(100dvh - 70px);display:flex}body.touch #intro dl.keys{touch-action:pan-y;flex:auto;min-height:0;max-height:none;overflow-y:auto}body.touch #intro .set input[type=range]{min-height:32px}@media (width<=720px) and (orientation:landscape){body.touch #creator{flex-direction:row}body.touch #creator .view{flex:auto}body.touch #creator .panel{border-top:0;border-left:1px solid #3a3024;flex:0 0 min(340px,56vw);gap:5px;padding:6px 10px}}@media (height<=460px){body.touch #creator .panel{grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-columns:1fr auto;gap:5px 6px;padding-top:6px;padding-bottom:6px;display:grid}body.touch #creator .panel>.seg{grid-area:1/1}body.touch #creator .panel>.top{grid-area:1/2}body.touch #creator .top h2,body.touch #creator .hint{display:none}body.touch #creator .panel>.tabs{grid-area:2/1/auto/-1}body.touch #creator .panel>.body{grid-area:3/1/auto/-1}body.touch #creator .panel>.tools{grid-area:4/1/auto/-1}body.touch #creator .panel>.foot{grid-area:5/1/auto/-1}body.touch #creator .body{gap:6px}body.touch #creator .sl{grid-template-columns:76px 34px 1fr 34px 28px;font-size:13px}}body.touch #creator .panel{touch-action:pan-y}body.touch #creator .body{touch-action:pan-y;overscroll-behavior:contain}body.touch #creator button{min-height:44px}body.touch #creator .hist button{min-width:44px}body.touch #creator .swatches button{width:44px;height:44px}body.touch #creator .sl input{min-height:36px}body.touch #creator .overlay button{min-height:40px}@media (height<=460px){body.touch #creator .overlay{gap:4px;bottom:6px;left:8px;right:8px}body.touch #creator .overlay .row{touch-action:pan-x;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}body.touch #creator .overlay button{flex:none;min-height:40px;padding:0 9px;font-size:12px}}body.touch #feed{max-width:36vw}body.touch #status-line{white-space:normal;text-align:center;max-width:50vw;line-height:1.25}