:root{--paper:#f1d49b;--card:#f8e3b6;--ink:#563c25;--muted:#8c6944;--line:#c69759;--olive:#5d7837;--olive-dark:#3c572c;--gold:#e6b44c;--radius:4px;--world-aspect:10/7;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;color:var(--ink);background:#314631;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#4b603d,#293f30 90%);min-height:100vh}button,input{font:inherit}button,a,input,canvas{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit;background:none}button:disabled{cursor:not-allowed}button,input{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #f4cd60}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg{pointer-events:none}[hidden]{display:none!important}h1,h2,h3,h4,p{margin:0}.rail{display:none}.app-shell{margin:0}
.topbar{height:74px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:5px solid #4f351f;background:linear-gradient(#a06b39 0 3px,#82522e 3px 50%,#794b28 50%);box-shadow:0 3px #c4944e,0 7px 0 #172b2433;color:#fae8b7}.wordmark{display:flex;align-items:center;gap:15px;flex-shrink:0}.wordmark strong{font-family:'Songti SC',Georgia,serif;font-size:32px;letter-spacing:5px;font-weight:700;text-shadow:2px 3px #58381e}.wordmark>span{font:10px/1.7 ui-monospace,monospace;letter-spacing:1.5px;color:#e2bc80;border-left:1px solid #b98548;padding-left:14px}.wordmark b{font-family:inherit;letter-spacing:2px;font-size:12px;color:#f4db9f;font-weight:400}.topbar-right{display:flex;gap:20px;align-items:center}.connection{display:flex;gap:7px;align-items:center;font-size:12px;color:#f0dba7;white-space:nowrap}.connection i,.live-dot{display:inline-block;width:6px;height:6px;background:#a7c05a;box-shadow:1px 1px #5b7631;flex-shrink:0}.connection.offline{color:#f7b88a}.connection.offline i{background:#e18c54}.text-button{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:inherit;padding:4px 0}.text-button svg{width:16px;height:16px}.text-button:hover{color:#b36d29}.topbar .text-button:hover{color:#fff4ce}.day-card{display:flex;align-items:center;gap:11px;padding:7px 14px;background:#f2d697;border:2px solid #4c351f;box-shadow:inset 0 0 0 2px #fbe9b6,2px 2px #5e3d20;color:#604322;min-width:172px}.day-icon{display:flex;color:#bd7e21}.day-icon svg{width:25px;height:25px}.day-card>div{display:grid;gap:3px}.day-card span:not(.day-icon){font-size:13px;font-weight:600}.day-card small{font:11px ui-monospace,monospace;color:#947046}main{max-width:1770px;margin:0 auto;padding:22px 22px 0}.page-heading{display:none}.play-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.world-column{min-width:0}.world-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:36px;margin-bottom:10px;color:#f3dfa6}.location-title{display:flex;align-items:center;gap:9px;min-width:0}.location-title>svg{width:17px;height:17px;color:#dbc17d}.location-title h2{font-size:17px;letter-spacing:1px;text-shadow:1px 2px #1c3424}.pill{font:10px ui-monospace,monospace;letter-spacing:1px;color:#c9d0a4;border-left:1px solid #778b5d;padding-left:10px}.weather{display:flex;align-items:center;gap:6px;font-size:12px;color:#d0d8ae;white-space:nowrap}.weather svg{width:17px;height:17px;color:#eac66f}
.world-card{border:5px solid #704725;box-shadow:0 0 0 2px #b58544,inset 0 0 0 2px #e3b775,4px 7px #192e244d;border-radius:4px;overflow:hidden;background:#c29450}.world-stage{position:relative;aspect-ratio:var(--world-aspect);overflow:hidden;background:#829c40}.world-stage canvas{width:100%;height:100%;display:block;outline-offset:-4px;cursor:crosshair;touch-action:manipulation;image-rendering:pixelated}.hud{position:absolute;top:12px;left:12px;display:flex;gap:10px;align-items:center;padding:9px 11px 9px 8px;background:#f7dea6f5;border:2px solid #79512d;box-shadow:inset 0 0 0 2px #fff0bf,3px 3px #3a502e55;pointer-events:none;border-radius:3px}.hud-avatar{width:34px;height:37px;background:#b9c67d;border:2px solid #c49b53;position:relative;overflow:hidden}.hud-avatar:before{content:'';position:absolute;width:21px;height:8px;left:5px;top:3px;background:#dfb859;box-shadow:-3px 5px #ba8a33,3px 5px #ba8a33}.hud-avatar:after{content:'';position:absolute;width:17px;height:12px;left:7px;top:15px;background:#efbc7a;box-shadow:0 12px #5b8398}.vitals{display:grid;gap:6px}.vital{display:flex;align-items:center;gap:6px;font:12px ui-monospace,monospace;color:#78542d}.vital>svg{width:13px;height:13px;color:#b55c43;fill:#b55c4333}.vital.stamina>svg{color:#7e993b;fill:#7e993b22}.vital>span:last-child{min-width:49px}.meter{width:62px;height:8px;border:1px solid #a08045;background:#d4bb7d;box-shadow:inset 0 1px #a17c4722;overflow:hidden}.meter i{height:100%;width:0;background:#c76d47;border-top:2px solid #e99b6b;display:block;transition:width .25s}.stamina .meter i{background:#7f9e3e;border-top-color:#b2c466}.hud-divider{height:31px;width:1px;background:#cda56a;margin:0 1px}.coin-total{display:flex;align-items:center;gap:6px}.coin-total svg{color:#bc8127;width:19px;height:19px}.coin-total strong{font:600 15px ui-monospace,monospace;color:#845326}.map-tools{position:absolute;top:12px;right:12px;display:flex;gap:7px}.map-button{height:34px;width:34px;border:2px solid #79512d;border-radius:3px;background:#f5d79d;box-shadow:inset 0 0 0 2px #ffe9b4,2px 3px #31503744;color:#6f512e;display:grid;place-items:center}.map-button svg{width:17px;height:17px}.map-button:hover,.map-button[aria-pressed=true]{background:#ffe7a7;box-shadow:inset 0 0 0 2px #fff2ca,2px 3px #31503744}.map-caption{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:7px;padding:7px 10px;background:#354a2ee6;color:#f3e8bf;border:1px solid #9aaf60;font-size:11px;pointer-events:none;max-width:60%}.map-caption .live-dot{background:#e6cf7a;box-shadow:none}.tile-tooltip{position:absolute;transform:translate(-50%,-100%);background:#fae7b8f7;border:2px solid #8a6131;color:#624724;font-size:12px;padding:6px 9px;border-radius:2px;box-shadow:2px 3px #253f2a33;pointer-events:none;white-space:nowrap}.world-loading,.world-ended{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:#496238e8;color:#fae8b5;font-size:15px;text-align:center;padding:28px}.world-loading svg{width:40px;height:40px;animation:breathe 2s ease-in-out infinite}.world-ended svg{width:35px;height:35px}.world-ended h3{font-size:24px}.world-ended p{max-width:350px;line-height:1.8}.dpad{position:absolute;right:12px;bottom:12px;display:grid;grid-template-columns:31px 31px 31px;grid-template-rows:31px 31px 31px;gap:3px;padding:4px;border:2px solid #5d482c;background:#6c6838b3;border-radius:4px;box-shadow:2px 3px #23412944}.dpad button,.dpad>span{display:grid;place-items:center;background:#f5d99d;border:1px solid #9c723e;box-shadow:inset 1px 1px #fff0bb,inset -1px -2px #c49855;border-radius:2px;color:#79542b;padding:0}.dpad button:disabled{opacity:.44;box-shadow:none}.dpad button:hover:enabled{background:#fff0b6}.dpad button:active:enabled{background:#dcb56d;box-shadow:inset 1px 2px #b88c48}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-row:2;grid-column:1}.dpad>span{grid-row:2;grid-column:2;color:#ad9052;background:#e1bf7c;box-shadow:none}.dpad button:nth-of-type(3){grid-column:3;grid-row:2}.dpad button:last-child{grid-row:3;grid-column:2}.dpad svg{width:16px;height:16px}
.hotbar{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;padding:10px 13px;background:linear-gradient(#b88a49,#aa793c);border-top:3px solid #6d4825;box-shadow:inset 0 2px #d9ad64}.quick-action{position:relative;display:flex;justify-content:center;align-items:center;gap:9px;min-width:0;min-height:47px;padding:10px 7px;border:2px solid #81552d;border-radius:3px;background:#edcd8d;box-shadow:inset 2px 2px #fff0b8,inset -2px -3px #c69951;color:#765029}.quick-action>svg{width:22px;height:22px;color:#76582e}.quick-action span{font-size:13px;font-weight:600;white-space:nowrap}.quick-action kbd{position:absolute;top:2px;right:4px;background:none;box-shadow:none;border:0;padding:0;font:10px ui-monospace,monospace;color:#9e7840}.quick-action:hover:enabled{background:#ffe5a5;transform:translateY(-1px)}.quick-action:active:enabled{transform:translateY(1px);box-shadow:inset 1px 2px #c59851}.quick-action:disabled{opacity:.53;filter:saturate(.65)}.map-instructions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;color:#d0d6ab;padding:13px 2px}.map-instructions>span{display:flex;gap:4px;align-items:center}.map-instructions .text-button{margin-left:auto;color:#ead4a0}.map-instructions .text-button:disabled{opacity:.45}kbd{font:11px ui-monospace,monospace;min-width:19px;padding:2px 4px;border:1px solid #c5a36a;border-bottom-width:2px;border-radius:2px;background:#f0dba6;color:#7a5c31;text-align:center}.field-note{display:flex;gap:12px;align-items:center;padding:13px 15px;background:#e6c88d;border:2px solid #926333;box-shadow:inset 0 0 0 2px #f5dfa8,2px 3px #1f372744;border-radius:3px}.note-icon{color:#718546;display:grid;place-items:center;flex-shrink:0}.note-icon svg{width:26px;height:26px}.note-heading{font-size:12px;font-weight:600;color:#7a552f}.note-heading span{font:10px ui-monospace,monospace;margin-left:10px;color:#a07948}.field-note p{font-size:12px;line-height:1.7;margin-top:4px;color:#866339}.field-note .icon-button{margin-left:auto;flex-shrink:0;color:#8f683b}
.below-map{min-width:0;display:flex;flex-direction:column;gap:13px}.inspector{display:flex;gap:11px;padding:15px 13px;position:relative;background:#e8ca91;border:2px solid #80572f;box-shadow:inset 0 0 0 2px #f6dda4,2px 3px #192f2444;border-radius:3px;min-height:109px}.inspector-icon{display:grid;place-items:center;flex-shrink:0;width:41px;height:43px;border:2px solid #ba8e4d;background:#f4dba4;box-shadow:inset 1px 1px #fff1c3;color:#8c6c37}.inspector-icon svg{width:24px;height:24px}.inspector-copy{min-width:0;padding-top:1px}.eyebrow{font-size:11px;letter-spacing:1px;color:#96713f}.inspector h3{font-size:14px;line-height:1.4;margin:6px 0;color:#664628}.inspector p{font-size:12px;line-height:1.75;color:#8b673e}.coordinate{position:absolute;right:9px;top:9px;font:10px ui-monospace,monospace;color:#a5824d}.side-panel{background:#f3dca9;border:3px solid #7b522b;border-radius:4px;box-shadow:inset 0 0 0 2px #ffe9b7,3px 4px #1b30254d;overflow:hidden}.panel-tabs{display:flex;background:#c49655;padding:7px 8px 0;gap:5px;box-shadow:inset 0 2px #e5ba78;border-bottom:2px solid #ab7c41}.panel-tabs button{display:flex;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 6px 11px;background:#d5ae6e;border:1px solid #aa7e42;border-bottom:0;border-radius:3px 3px 0 0;color:#866038;font-size:13px;min-width:0;box-shadow:inset 0 2px #eccc94}.panel-tabs button.active{background:#f3dca9;color:#64482a;box-shadow:inset 0 3px #ffedbd;border-color:#a37a40;font-weight:600;margin-bottom:-2px;border-bottom:2px solid #f3dca9}.panel-tabs svg{width:17px;height:17px}.panel-tabs button span{font:10px ui-monospace,monospace;padding:2px 3px;background:#dbc18a;color:#88643b;border-radius:2px}.tab-pane{padding:17px 12px 0}.panel-intro{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:13px}.panel-intro h3{font-size:14px;font-weight:600;letter-spacing:.5px}.panel-intro>span{font-size:11px;color:#a3824e;white-space:nowrap}.search-box{display:flex;gap:8px;align-items:center;padding:10px;background:#fbe9c0;border:1px solid #c8a36b;box-shadow:inset 1px 2px #dac08b55;margin-bottom:12px;border-radius:2px}.search-box>svg{width:15px;height:15px;color:#b08b53}.search-box input{width:100%;min-width:0;outline:none;border:0;background:transparent;font-size:12px;color:#71512c}.search-box input::placeholder{color:#ad8d5d}.search-box:focus-within{border-color:#9a6e35;box-shadow:0 0 0 2px #e0b65b55}.search-box kbd{font-size:10px;background:#eed59e;border-color:#d4b47a;min-width:15px}.filters{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px}.filter{font-size:12px;color:#9a7547;padding:7px 8px;min-height:33px;border:1px solid transparent;border-radius:2px;white-space:nowrap}.filter span{font:10px ui-monospace,monospace;margin-left:4px;color:#ac8c59}.filter.active{border-color:#b08b4e;background:#e2c185;color:#755226;box-shadow:inset 1px 1px #f5db9b;font-weight:600}.filter:hover{background:#ead09b}.action-list{max-height:330px;overflow:auto;scrollbar-width:thin;scrollbar-color:#c29c5e #eed5a2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:7px;padding:1px 3px 4px 0;overscroll-behavior:contain}.action-button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;flex-shrink:0;min-height:64px;background:#fae7ba;border:1px solid #d0ad73;border-bottom-width:2px;box-shadow:inset 0 1px #fff1d0;border-radius:3px;padding:9px}.action-button:hover:enabled{background:#fff0c6;border-color:#ac8143}.action-button:active:enabled{background:#ebce94;box-shadow:inset 0 2px #d9b579}.action-button:disabled{opacity:.48}.action-button:focus-visible,.inventory-slot:focus-visible{outline-offset:-3px}.action-icon{display:grid;place-items:center;flex-shrink:0;width:33px;height:35px;border:1px solid #c6b478;box-shadow:inset 1px 1px #f5efc1;background:#dce0a6;color:#778641;border-radius:3px}.action-icon svg{width:19px;height:19px}.action-icon.trade{border-color:#d7b76e;background:#f0d49b;box-shadow:inset 1px 1px #fff0bd;color:#b08637}.action-icon.combat{background:#e8c49a;color:#a96845;border-color:#c89968}.action-copy{display:grid;gap:4px;min-width:0;flex:1}.action-copy strong{font-size:13px;font-weight:500;line-height:1.45;color:#70502f}.action-copy small{font-size:10px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b29463;max-width:208px}.action-meta{font:11px ui-monospace,monospace;color:#aa7834;flex-shrink:0}.action-chevron{width:14px;height:14px;color:#ba985c}.panel-foot{display:flex;align-items:center;gap:7px;font-size:11px;color:#ad8b56;padding:13px 0 15px}.panel-foot .live-dot{background:#a4a656;box-shadow:none;width:5px;height:5px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;text-align:center;gap:12px;padding:20px}.empty-state svg{width:32px;height:32px;color:#b5a269}.empty-state p{font-size:12px;line-height:1.9;color:#ab8b58}.action-list:has(.empty-state){display:flex}.inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.inventory-grid:has(.empty-state){display:block}.inventory-slot{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;min-width:0;min-height:85px;padding:10px 3px 7px;background:#ebcc8d;border:2px solid #b78c4c;border-radius:3px;box-shadow:inset 2px 2px #fbe2a9,inset -2px -2px #d1aa64;color:#96703b}.inventory-slot:hover,.inventory-slot.active{border-color:#8d6a30;background:#f7dda1;box-shadow:inset 2px 2px #fff0bf,inset -2px -2px #c9a050}.inventory-slot svg{width:27px;height:27px;color:#9e793c}.inventory-slot span{max-width:100%;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-slot sup{position:absolute;right:5px;top:4px;font:11px ui-monospace,monospace;color:#aa8248}.item-detail{margin-top:17px;padding-top:15px;border-top:1px solid #d1b179}.item-detail h4{font-size:14px;margin-bottom:7px}.item-detail p{color:#a3814f;font-size:12px;margin-bottom:10px;line-height:1.7}.item-detail .action-button{margin-bottom:7px}.panel-help{font-size:12px;line-height:1.8;color:#a28250;margin:15px 0}.journal{height:428px;overflow:auto;scrollbar-width:thin;scrollbar-color:#c29c5e #eed5a2;padding-right:4px}.journal-entry{display:flex;gap:10px;border-bottom:1px dashed #d4b87d;padding:13px 0}.journal-entry>svg{width:15px;height:15px;color:#a9a263;margin-top:3px}.journal-entry p{font-size:12px;line-height:1.8;color:#977344;overflow-wrap:anywhere}.journal-entry.weather-event p{color:#b08e4f}.mini-journal{padding:12px 14px;background:#465636;border:1px solid #738044;box-shadow:inset 0 1px #7e8b4e;color:#d7d3a0;border-radius:3px}.mini-journal-title{display:flex;align-items:center;gap:7px;font-size:12px}.mini-journal-title>svg{width:15px;height:15px;color:#bbbf79}.mini-journal-title .text-button{margin-left:auto;font-size:11px;color:#bdc28f}.mini-journal-title .text-button svg{width:12px;height:12px}.mini-journal>p{font-size:12px;line-height:1.8;color:#c2c693;margin-top:7px;overflow-wrap:anywhere}
footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:19px 1px 18px;color:#9faa7d;font-size:11px}footer>span:first-child{display:flex;align-items:center;gap:6px}footer svg{width:14px;height:14px}footer i{font-style:normal;margin:0 7px;color:#7d8f67}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:20;max-width:90vw;padding:13px 20px;border:2px solid #89602e;background:#f7e2ae;color:#76522c;font-size:13px;line-height:1.6;text-align:center;box-shadow:inset 0 0 0 2px #fff0bf,4px 5px #1b302777;border-radius:3px}.icon-button{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;padding:0;border-radius:3px}.icon-button:hover{background:#d1ad6f55}.icon-button svg{width:18px;height:18px}dialog{position:relative;border:4px solid #8c5d2b;border-radius:5px;background:#f5dfac;box-shadow:inset 0 0 0 3px #ffedc0,8px 10px #1d312755;max-width:500px;width:calc(100% - 30px);padding:32px;color:#76532f}dialog::backdrop{background:#142e24bb}.dialog-close{position:absolute;top:12px;right:12px;color:#aa8250}.dialog-symbol{display:grid;place-items:center;width:49px;height:49px;border:2px solid #b69b58;background:#e3d49b;color:#8e944f;margin-bottom:18px}.dialog-symbol svg{width:27px;height:27px}dialog h2{font-size:24px;letter-spacing:1px;margin:12px 0 15px;font-family:'Songti SC',Georgia,serif}dialog>p{font-size:13px;color:#9b794b;line-height:1.9}.guide-row{display:flex;gap:13px;margin:22px 0}.guide-row>svg{width:22px;height:22px;color:#a39c58}.guide-row b{font-size:14px}.guide-row p{font-size:12px;line-height:1.9;color:#a08050;margin-top:6px}.guide-foot{font-size:11px!important;border-top:1px solid #d5b77c;padding-top:17px}.guide-foot a{color:#8c783e}.primary-button{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;font-size:14px;min-height:46px;margin-top:20px;padding:12px;background:#a8ad5e;color:#f9f2d3;border:2px solid #7c8544;border-radius:3px;box-shadow:inset 0 2px #cbd085,inset 0 -3px #8e964e}.primary-button:hover{background:#99a252}.primary-button svg{width:18px;height:18px}.world-card:fullscreen{width:100vw;height:100vh;border:0;box-shadow:none;border-radius:0;background:#243d2b;display:flex;align-items:center;justify-content:center;flex-direction:column}.world-card:fullscreen .world-stage{width:min(100vw,calc((100vh - 74px)*10/7));height:auto;flex-shrink:0}.world-card:fullscreen .hotbar{width:min(100vw,calc((100vh - 74px)*10/7));min-height:70px;flex-shrink:0}@keyframes breathe{50%{transform:translateY(-5px);opacity:.6}}
@media(min-width:1500px){main{padding:24px 27px 0}.action-list{max-height:418px}.action-copy strong{font-size:14px}.quick-action{min-height:53px}.quick-action span{font-size:14px}.field-note{padding:14px 17px}}
@media(max-width:1150px){.topbar{padding:0 19px}.topbar-right{gap:14px}.wordmark>span{font-size:9px;letter-spacing:1px}main{padding:18px 17px 0}.action-copy small{max-width:178px}.action-button{padding:9px 7px;gap:7px}.tab-pane{padding:15px 10px 0}.filters{gap:2px}.filter{padding:7px 7px;font-size:11px}.filter span{margin-left:3px}.hud-avatar,.hud-divider{display:none}.hud{gap:9px;padding:8px}.meter{width:43px}.coin-total strong{font-size:13px}.quick-action{gap:6px;min-height:47px;padding:9px 5px}.quick-action>svg{width:20px;height:20px}.quick-action span{font-size:12px}.quick-action kbd{display:none}.pill{display:none}.map-instructions>span:nth-child(2){display:none}.map-instructions{font-size:11px}.dpad{grid-template-columns:27px 27px 27px;grid-template-rows:27px 27px 27px;right:9px;bottom:9px}.dpad svg{width:14px;height:14px}.map-caption{font-size:10px;left:9px;bottom:9px}.action-list{max-height:300px}.inspector{padding:13px 11px}.inspector-icon{width:36px;height:39px}.inspector h3{font-size:13px}.inspector p{font-size:11px}.world-topline h2{font-size:15px}}
@media(max-width:900px){.topbar{height:69px;padding:0 15px}.topbar-right{gap:12px}.connection{font-size:11px}.topbar .help-trigger span{display:none}.day-card{min-width:155px;padding:6px 10px;gap:8px}.day-card span:not(.day-icon){font-size:12px}.day-card small{font-size:10px}main{padding:17px 14px 0}.hud{gap:7px;top:8px;left:8px;padding:6px}.vital{gap:4px;font-size:10px}.vital>span:last-child{min-width:40px}.meter{width:31px;height:6px}.vital>svg{width:11px;height:11px}.coin-total{gap:4px}.coin-total strong{font-size:12px}.coin-total svg{width:15px;height:15px}.map-tools{top:8px;right:8px;gap:5px}.map-button{width:29px;height:29px}.map-button svg{width:14px;height:14px}.action-copy strong{font-size:12px}.action-copy small{max-width:158px}.map-caption{font-size:9px;max-width:56%;padding:6px 7px}.field-note p{font-size:11px}.hotbar{gap:6px;padding:8px}.quick-action{flex-direction:column;gap:4px;padding:7px 3px;min-height:55px}.quick-action span{font-size:11px}.note-heading span{display:none}.inspector p{font-size:11px}.filter{font-size:11px;padding:7px 6px}.filter span{font-size:9px}.inventory-grid{gap:5px}.inventory-slot span{font-size:10px}}
@media(max-width:760px){main{padding:16px 13px 0}.world-topline{margin-bottom:9px;min-height:30px}.topbar{height:70px}.wordmark strong{font-size:29px}.wordmark{gap:11px}.wordmark>span{display:none}.day-card{min-width:151px;margin-right:1px}.topbar-right{gap:14px}.connection{font-size:10px}.connection span{max-width:65px}.side-panel{order:0}.inspector{order:1;min-height:91px}.mini-journal{order:2}.tab-pane{padding:17px 15px 0}.panel-tabs{padding:7px 11px 0;gap:7px}.panel-tabs button{padding:13px 8px;min-height:47px;font-size:14px}.action-list{max-height:300px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px}.action-copy small{max-width:180px}.action-copy strong{font-size:13px}.action-button{min-height:66px}.action-icon{width:31px;height:34px}.filters{gap:6px}.filter{font-size:12px;padding:8px 11px;min-height:36px}.filter span{font-size:10px}.search-box{padding:12px}.search-box input{font-size:13px}.inventory-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.inventory-slot{min-height:89px}.inventory-slot span{font-size:11px}.hud{top:10px;left:10px;padding:8px 9px;gap:10px}.hud-avatar,.hud-divider{display:block}.vital{font-size:11px;gap:5px}.vital>span:last-child{min-width:46px}.meter{width:52px;height:7px}.vital>svg{width:12px;height:12px}.coin-total strong{font-size:14px}.coin-total svg{width:18px;height:18px}.map-tools{top:11px;right:11px;gap:6px}.map-button{width:33px;height:33px}.map-button svg{width:16px;height:16px}.map-caption{left:10px;bottom:10px;font-size:10px;max-width:61%;padding:7px 9px}.dpad{right:10px;bottom:10px;grid-template-columns:30px 30px 30px;grid-template-rows:30px 30px 30px}.dpad svg{width:16px;height:16px}.hotbar{padding:10px 11px;gap:9px}.quick-action{flex-direction:row;gap:8px;min-height:48px;padding:9px 4px}.quick-action span{font-size:12px}.quick-action svg{width:21px;height:21px}.map-instructions{font-size:11px;padding:13px 1px}.map-instructions>span:nth-child(2){display:flex;font-size:10px}.map-instructions .text-button{font-size:11px}.field-note{padding:12px 14px}.field-note p{font-size:12px}.inspector h3{font-size:14px}.inspector p{font-size:12px}.inspector-icon{width:40px;height:43px}.panel-foot{font-size:12px}.journal{height:330px}.mini-journal{display:none}.world-card{border-width:4px}.weather{font-size:12px}footer{padding:17px 1px 19px;font-size:10px}.topbar .help-trigger{display:none}}
@media(max-width:480px){.topbar{padding:0 12px;height:67px}.wordmark strong{font-size:26px;letter-spacing:2px}.topbar-right{gap:10px}.day-card{min-width:144px;padding:6px 8px}.day-icon svg{width:22px;height:22px}.day-card span:not(.day-icon){font-size:11px}.day-card small{font-size:10px}.connection{font-size:9px;gap:4px}.connection i{width:5px;height:5px}main{padding:14px 10px 0}.world-topline{margin-bottom:8px}.location-title{gap:6px}.location-title h2{font-size:14px}.location-title>svg{width:15px;height:15px}.weather{font-size:11px}.weather svg{width:15px;height:15px}.hud{left:7px;top:7px;padding:6px;gap:7px}.hud-avatar,.hud-divider{display:none}.vital{font-size:10px;gap:4px}.vital>span:last-child{min-width:42px}.vital>svg{width:11px;height:11px}.meter{width:35px;height:6px}.coin-total{gap:4px}.coin-total svg{width:15px;height:15px}.coin-total strong{font-size:12px}.map-tools{top:8px;right:7px;gap:5px}.map-button{width:28px;height:28px}.map-button svg{width:14px;height:14px}.dpad{right:7px;bottom:8px;grid-template-columns:25px 25px 25px;grid-template-rows:25px 25px 25px;gap:2px;padding:3px}.dpad svg{width:14px;height:14px}.map-caption{left:7px;bottom:8px;font-size:8px;padding:6px 7px;max-width:60%;gap:5px}.map-caption .live-dot{width:4px;height:4px}.hotbar{gap:6px;padding:8px 8px}.quick-action{min-height:54px;gap:5px;flex-direction:column;padding:7px 3px}.quick-action span{font-size:11px}.quick-action svg{width:19px;height:19px}.map-instructions{font-size:10px;gap:6px}.map-instructions>span:nth-child(2){display:none}.map-instructions kbd{font-size:10px;min-width:17px;padding:1px 3px}.map-instructions .text-button{font-size:10px}.map-instructions .text-button kbd{display:none}.field-note{padding:11px;gap:10px}.field-note p{font-size:11px}.note-heading{font-size:11px}.note-icon svg{width:24px;height:24px}.action-list{display:flex;max-height:310px}.action-copy strong{font-size:13px}.action-copy small{max-width:230px;font-size:10px}.action-button{min-height:63px;padding:10px}.action-icon{width:33px;height:35px}.tab-pane{padding:16px 12px 0}.filters{gap:4px}.filter{font-size:11px;padding:8px 9px;min-height:36px}.panel-tabs{padding-left:8px;padding-right:8px;gap:5px}.panel-tabs button{font-size:13px;padding:12px 7px;gap:5px}.panel-tabs svg{width:16px;height:16px}.panel-intro h3{font-size:14px}.panel-intro>span{font-size:11px}.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.inventory-slot{min-height:85px}.inspector{padding:13px 11px}.inspector p{font-size:12px}.panel-foot{font-size:11px}.journal-entry p{font-size:12px}footer{font-size:9px;gap:7px}dialog{padding:27px 24px}.guide-row{margin:18px 0}.guide-row p{font-size:12px}.dialog-close{top:9px;right:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.zoom-controls{position:absolute;left:12px;bottom:52px;display:flex;align-items:center;gap:4px;padding:3px;background:#f3d89ced;border:2px solid #79512d;border-radius:3px;box-shadow:2px 3px #29492e44;color:#8f6631}.zoom-controls .map-button{width:27px;height:27px;border-width:1px;box-shadow:inset 1px 1px #fff0c1,inset -1px -2px #d2ac6e}.zoom-controls .map-button svg{width:14px;height:14px}.zoom-controls .map-button:disabled{opacity:.35;cursor:not-allowed}.zoom-controls>span{min-width:40px;text-align:center;font:11px ui-monospace,monospace}.zoom-controls .zoom-reset{width:40px;font-size:11px;margin-left:2px;background:#f8e5b5}
@media(max-width:760px){.zoom-controls{left:10px;bottom:49px}}
@media(max-width:480px){.zoom-controls{left:7px;bottom:43px;padding:2px;gap:3px}.zoom-controls .map-button{width:23px;height:23px}.zoom-controls .map-button svg{width:13px;height:13px}.zoom-controls .zoom-reset{width:35px;font-size:10px}.zoom-controls>span{min-width:34px;font-size:10px}}
@media(max-width:360px){.connection span{display:none}.connection{gap:0}.topbar-right{gap:13px}.wordmark strong{font-size:25px}.day-card{min-width:142px}}
footer .help-trigger{color:#e7c486;font-size:12px;min-height:30px}.world-stage canvas{image-rendering:pixelated}
@media(max-width:480px){.dpad{grid-template-columns:30px 30px 30px;grid-template-rows:30px 30px 30px}.zoom-controls .map-button{width:28px;height:28px}.zoom-controls .zoom-reset{width:36px}.map-tools .map-button{width:30px;height:30px}footer .help-trigger{min-height:40px}}
.dpad,.dpad button{touch-action:none;user-select:none;-webkit-user-select:none}.dpad button:active:not(:disabled){background:#e6b95d;box-shadow:inset 2px 2px #9d713e,inset -1px -1px #ffe0a0}.dpad button[aria-busy=true]{cursor:pointer}canvas:focus-visible{outline-offset:-4px}