@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-0.ttf)format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-sans-1.ttf)format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/dm-sans-2.ttf)format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/dm-sans-3.ttf)format("truetype")}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-0.ttf)format("truetype")}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-1.ttf)format("truetype")}:root{color:#243d31;font-synthesis:none;--paper:#f4f1e5;--ink:#243d31;--green:#294f3d;--lime:#d4e7a4;--muted:#7d8271;--line:#dcdcc9;--slot-size:48px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#b9cec2;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #b7ca75}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0}#world{touch-action:none;width:100%;height:100%;image-rendering:pixelated;outline:0;position:fixed;inset:0}#app:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ededd4cc,#eeedd81f 63%,#0000),linear-gradient(#0000 60%,#eeebd8bf);transition:opacity .7s;position:fixed;inset:0}#app.playing:before{opacity:0}.hidden{display:none!important}.topbar{z-index:4;pointer-events:none;justify-content:space-between;align-items:center;gap:20px;padding:26px 38px;display:flex;position:fixed;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand{letter-spacing:-2.5px;align-items:center;gap:10px;font-size:35px;font-weight:700;display:flex}.brand-dot{color:#769359}.brand-bird{background:var(--green);color:#d9e9ad;border-radius:10px;place-items:center;width:43px;height:43px;display:grid;transform:rotate(-5deg)}.brand-bird svg{width:34px;height:34px}.brand-sub{letter-spacing:.3px;border-left:1px solid #aeb9a5;margin-left:14px;padding-left:21px;font-size:11px;font-weight:400}.world-label{letter-spacing:1.7px;white-space:nowrap;align-items:center;gap:9px;font-size:9px;font-weight:600;display:flex;position:absolute;left:50%;transform:translate(-50%)}.world-label i,.dot{background:#71925a;border-radius:50%;width:6px;height:6px;display:inline-block}.top-actions{gap:8px;display:flex}.icon-btn{background:#f6f4e580;border:1px solid #3c523942;border-radius:50%;width:36px;height:36px;font-size:17px}.icon-btn:hover{background:var(--paper);transform:translateY(-1px)}.welcome-copy{z-index:2;position:fixed;top:29%;left:7.4vw}.eyebrow{letter-spacing:2px;align-items:center;gap:9px;font-size:9px;font-weight:700;display:flex}.sun-icon{color:#7c9253;font-size:20px}.welcome-copy h1{letter-spacing:-3.5px;margin:21px 0 23px;font-family:Instrument Serif,Georgia,serif;font-size:clamp(65px,6.7vw,112px);font-weight:400;line-height:.98}.welcome-copy h1 em{color:#577548;font-weight:400}.welcome-copy p{color:#61705b;font-size:13px;line-height:1.9}.welcome-buttons{gap:11px;margin-top:29px;display:flex}.button{border-radius:5px;justify-content:space-between;align-items:center;gap:22px;min-height:46px;padding:15px 21px;font-size:12px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--green);color:#f0f3dc;box-shadow:0 3px #14321d26}.button.primary:hover{background:#38654a}.button.ghost{background:#f5f4e14d;border:1px solid #9eaf93}.button.secondary{background:#e5e7d6;border:1px solid #d6dac5}.button.secondary:hover{background:#d9e0c5}.button.danger{color:var(--paper);background:#a35c4b}.button.compact{gap:15px;min-height:34px;padding:9px 13px}.button.full{width:100%;margin-top:20px}.welcome-foot{color:#60715a;align-items:center;gap:8px;margin-top:23px;font-size:9px;display:flex}.divider{color:#8b9b7b;padding:0 8px}.text-button{font-size:inherit;background:0 0;padding:0;font-weight:500}.text-button:hover{text-decoration:underline}.postcard{z-index:2;background:#f3f1dce6;border:1px solid #ede9d5;width:218px;padding:20px 22px 22px;position:fixed;bottom:17%;right:6.2vw;transform:rotate(3deg);box-shadow:0 12px 35px #243b3020}.postcard:after{content:"";background:#d2d5ac99;width:75px;height:20px;position:absolute;top:-9px;left:65px;transform:rotate(-5deg)}.postcard-top{letter-spacing:1px;color:#7a8067;justify-content:space-between;font-size:6px;font-weight:600;display:flex}.postcard h3{letter-spacing:-.4px;margin:4px 0 5px;font-family:Instrument Serif,Georgia,serif;font-size:26px;font-weight:400}.postcard p{color:#7c826e;margin:0;font-size:10px}.postcard-arrow{color:#80945f;position:absolute;bottom:17px;right:18px}.mini-blocks{perspective:300px;height:112px;position:relative}.mini-block{background:#8a9d5e;width:44px;height:44px;display:block;position:absolute;top:43px;left:40px;transform:rotate(-30deg)skew(6deg,6deg);box-shadow:inset -12px -8px #0002}.mini-block:before{content:"";background:#b3c684;height:12px;position:absolute;inset:0 0 auto}.mini-block.two{background:#b8a171;top:27px;left:77px;box-shadow:inset -12px -8px #0002}.mini-block.two:before{background:#d3bb82}.mini-block.three{background:#859782;width:36px;height:36px;top:66px;left:84px}.mini-block.three:before{background:#b6c4a3}.home-footer{letter-spacing:1.5px;color:#65755e;justify-content:space-between;align-items:center;font-size:8px;font-weight:600;display:flex;position:fixed;bottom:29px;left:38px;right:38px}.home-footer b{color:#8e9e7b;margin:0 9px}.home-footer button{letter-spacing:0;font-size:10px}.home-footer button span{margin-left:13px}.playing .topbar{padding:19px 25px}.playing .brand{color:var(--paper);text-shadow:0 1px 5px #263d3355;font-size:28px}.playing .brand-bird{border-radius:8px;width:34px;height:34px}.playing .brand-bird svg{width:28px;height:28px}.playing .brand-sub{display:none}.playing .world-label{color:#f4f4dd;text-shadow:0 1px 5px #13291f;max-width:50%;font-size:8px;overflow:hidden}.playing .world-label i{background:#d4e7a4;box-shadow:0 0 5px #d4e7a4}.playing .icon-btn{background:#f3f2dde6}#hud{pointer-events:none;position:fixed;inset:0}#hud button{pointer-events:auto}#crosshair{filter:drop-shadow(0 1px 1px #162b24);width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair i{background:#fff9dd;width:2px;height:14px;position:absolute;top:2px;left:8px}#crosshair i+i{width:14px;height:2px;top:8px;left:2px}#target-label{letter-spacing:.4px;color:var(--paper);opacity:0;background:#234535a8;border-radius:4px;padding:6px 12px;font-size:10px;transition:opacity .2s;position:absolute;top:calc(50% + 29px);left:50%;transform:translate(-50%)}#target-label.visible{opacity:1}.coordinate-card{color:#f2f1dd;text-shadow:0 1px 4px #182b20;flex-direction:column;gap:5px;display:flex;position:absolute;top:83px;left:25px}.coordinate-card span{font-family:Instrument Serif,Georgia,serif;font-size:22px}.coordinate-card small{letter-spacing:1.6px;font-size:7px}.compass{color:#f2f1dd;text-shadow:0 1px 4px #182b20;flex-direction:column;align-items:center;gap:7px;display:flex;position:absolute;top:85px;right:26px}.compass>span{border:1px solid #ecf0d580;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.compass small{letter-spacing:1.4px;font-size:7px}.bottom-hud{width:490px;max-width:90vw;position:absolute;bottom:19px;left:50%;transform:translate(-50%)}.hotbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#203e34bb;border:1px solid #c8d0ab55;border-radius:7px;grid-template-columns:repeat(9,1fr);gap:4px;padding:6px;display:grid;box-shadow:0 6px 25px #14251e44}.slot{width:var(--slot-size);height:var(--slot-size);isolation:isolate;background:#e5e6d4;border:1px solid #c8cdb8;border-radius:3px;justify-content:center;align-items:center;padding:3px;display:flex;position:relative}.slot:hover{background:#d4ddbd;border-color:#819263}.slot img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.slot b{text-shadow:0 1px #fff8;color:#2c4434;font-size:11px;font-weight:700;position:absolute;bottom:2px;right:4px}.slot small{color:#778777;font-size:7px;position:absolute;top:2px;left:4px}.hotbar .slot{background:#eaedd5db;border-color:#c5d0ae77;width:100%;height:46px}.hotbar .slot.selected{outline-offset:1px;background:#f4f0cc;outline:2px solid #e6edb4;transform:translateY(-2px)}.wear{background:#80985d;height:3px;position:absolute;bottom:3px;left:0}.vitals{filter:drop-shadow(0 1px 1px #1b3329);justify-content:space-between;margin-bottom:6px;padding:0 8px;font-size:17px;line-height:1;display:flex}.hearts,.hunger{gap:3px;display:flex}.hearts span,.hunger span{color:#274338}.hearts .filled{color:#d78e78}.hunger .filled{color:#dbc187}.vitals.creative{display:none}.xp-track{background:#284b3b88;border-radius:3px;height:3px;margin:0 6px 6px;position:relative}.xp-track i{background:#c1d78c;height:100%;transition:width .3s;display:block}.xp-track span{color:#e2edb2;text-shadow:0 1px 2px #254432;font-size:13px;position:absolute;bottom:1px;left:50%}.hud-caption{color:#eff0d9;text-shadow:0 1px 4px #0b2419;justify-content:space-between;padding:7px 8px 0;font-size:8px;display:flex}.hud-caption kbd{border:1px solid #eef1da77;border-radius:2px;margin-left:7px;padding:0 3px;font-size:8px;display:inline-block}#mining{opacity:0;background:#2a483baa;width:60px;height:3px;position:absolute;top:calc(50% + 56px);left:50%;transform:translate(-50%)}#mining i{background:#e1dda8;height:100%;display:block}#air{color:#d5ece9;font-size:15px;position:absolute;bottom:132px;left:50%;transform:translate(-50%)}#click-hint{pointer-events:none;background:#122c202c;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}#click-hint>span{letter-spacing:2px;color:var(--paper);text-shadow:0 1px 3px #254134;font-size:9px}#click-hint small{color:#f4f2dd;text-shadow:0 1px 3px #254134;font-size:9px}#click-hint button{pointer-events:auto}.modal{z-index:10;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1a352a77;justify-content:center;align-items:center;padding:25px;animation:.16s fade-in;display:flex;position:fixed;inset:0}.dialog{background:var(--paper);border:1px solid #fbf8e9;border-radius:10px;width:540px;max-width:100%;max-height:calc(100dvh - 50px);padding:31px 34px 28px;position:relative;overflow:auto;box-shadow:0 18px 80px #11291f44}.dialog.wide{--slot-size:43px;width:940px}.dialog-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:25px;display:flex}.dialog-header h2{letter-spacing:-1px;margin:12px 0 0;font-family:Instrument Serif,Georgia,serif;font-size:39px;font-weight:400;line-height:1.12}.dialog-header p{color:#7b826c;margin:9px 0 0;font-size:11px;line-height:1.7}.dialog-header .eyebrow{color:#83926d;letter-spacing:1.7px;font-size:8px}.close-button{color:#7d896e;background:0 0;border:1px solid #d4d7c2;border-radius:50%;flex-shrink:0;width:29px;height:29px;font-size:20px;line-height:1}.close-button:hover{background:#dce3cc}.dialog label:not(.mode-picker label){letter-spacing:1.4px;flex-direction:column;gap:8px;margin:17px 0;font-size:8px;font-weight:700;display:flex}.dialog input:not([type=checkbox]):not([type=radio]):not([type=range]),.dialog select{width:100%;color:var(--ink);letter-spacing:0;background:#faf8ed;border:1px solid #d1d6bd;border-radius:4px;padding:12px 13px;font-size:12px}.two-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.optional{letter-spacing:0;color:#939984;font-size:7px;font-weight:400}.mode-picker{grid-template-columns:1fr 1fr;gap:12px;margin:7px 0 20px;display:grid}.mode-picker label{border:1px solid var(--line);cursor:pointer;background:#eeefe0;border-radius:5px;gap:10px;padding:16px 13px;display:flex;position:relative}.mode-picker label:has(input:checked){background:#e1e8cc;border-color:#7c9465}.mode-picker input{accent-color:#3f6848;margin-top:1px}.mode-picker span{flex-direction:column;gap:7px;display:flex}.mode-picker b{font-size:12px;font-weight:600}.mode-picker small{color:#7a846b;font-size:9px;line-height:1.5}.dialog .check-field{align-items:center;letter-spacing:0!important;flex-direction:row!important;gap:11px!important;font-size:10px!important;font-weight:500!important}.check-field input{accent-color:#456d4e}.check-field span{flex-direction:column;gap:5px;display:flex}.check-field small{color:#919680;font-size:8px;font-weight:400}.note{color:#8b917c;margin:15px 0 0;font-size:9px;line-height:1.7}.setup-note{background:#e8ead7;border-left:2px solid #a1b780;border-radius:3px;margin-top:23px;padding:15px 17px}.setup-note b{font-size:11px;font-weight:600}.setup-note p{color:#7b856b;margin:8px 0 0;font-size:10px;line-height:1.7}.button-row{flex-wrap:wrap;gap:9px;margin-top:20px;display:flex}.pause-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.pause-grid>.button:first-child{grid-column:1/-1}.pause-stats{color:#8b937b;border-top:1px solid var(--line);justify-content:space-between;gap:10px;margin-top:23px;padding-top:17px;font-size:8px;display:flex}.pause-stats b{color:#657958;margin-bottom:5px;font-size:15px;font-weight:500;display:block}.world-list{max-height:300px;overflow:auto}.world-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 0;display:flex}.world-row>div{flex:1;min-width:0}.world-row b{text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.world-row small{color:#8b937c;text-transform:capitalize;margin-top:6px;font-size:9px;display:block}.world-thumb{color:#7b925f;background:#dce4c4;border-radius:5px;place-items:center;width:42px;height:42px;font-size:25px;display:grid}.delete-world{color:#9b9e8a;background:0 0;padding:5px;font-size:18px}.empty-state{text-align:center;padding:20px 0 30px}.empty-state>span{color:#a8b888;font-size:40px}.empty-state h3{font-family:Instrument Serif,Georgia,serif;font-size:24px;font-weight:400}.empty-state p{color:#939783;font-size:11px}.controls-grid{grid-template-columns:1fr 1fr;gap:12px 18px;display:grid}.controls-grid>div{flex-direction:column;gap:6px;display:flex}.controls-grid kbd{color:#5f7954;font-size:9px;font-weight:600}.controls-grid span{color:#8a917a;font-size:10px}.settings-list label{margin:23px 0!important}.settings-list input[type=range]{accent-color:#7f985f;width:100%}.inventory-layout{grid-template-columns:1fr 280px;gap:28px;display:grid}.bag-section{min-width:0}.section-label{letter-spacing:1.1px;color:#8c947c;justify-content:space-between;gap:10px;margin:16px 0 10px;font-size:8px;font-weight:600;display:flex}.section-label span{letter-spacing:0;font-size:7px;font-weight:400}.bag-grid{grid-template-columns:repeat(9, var(--slot-size));gap:4px;display:grid}.bag-grid.quick{padding-top:4px}.armor-row{align-items:center;gap:5px;padding-bottom:4px;display:flex}.armor-row>.section-label{margin-right:auto}.craft-grid{gap:4px;display:grid}.manual-craft{align-items:center;gap:24px;min-height:105px;display:flex}.craft-arrow{color:#8c9b70;font-size:25px}.craft-output{background:#dce7c6;border-color:#98ad78}.recipes{border-left:1px solid var(--line);min-width:0;padding-left:24px}.recipes>.section-label{margin-top:0}.recipe-tabs{border-bottom:1px solid var(--line);gap:20px;margin:11px 0 8px;display:flex}.recipe-tabs button{color:#929880;background:0 0;padding:7px 0;font-size:9px}.recipe-tabs button.active{color:#49663f;border-bottom:2px solid #82985f}#recipe-list{height:285px;padding-right:4px;overflow-y:auto}.recipe{text-align:left;opacity:.47;background:0 0;border-bottom:1px solid #e2e4d2;align-items:center;gap:8px;width:100%;padding:8px 0;display:flex}.recipe.available{opacity:1}.recipe.available:hover{background:#e5ead4}.recipe img{width:32px;height:32px;image-rendering:pixelated}.recipe>span{flex:1}.recipe b{font-size:10px;font-weight:500;display:block}.recipe small{color:#939881;margin-top:3px;font-size:7px;line-height:1.5;display:block}.recipe em{color:#a08258;margin-top:2px;font-size:7px;font-style:normal;display:block}.recipe strong{color:#829563;padding:0 6px;font-size:17px;font-weight:400}.recipe-note{color:#909780;font-size:8px;line-height:1.6}.creative-grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.creative-grid .slot{aspect-ratio:1;width:100%;height:auto}.furnace-grid{justify-content:center;gap:15px;margin:15px 0;display:flex}.furnace-progress{background:#daddc9;width:140px;height:4px;margin:12px auto}.furnace-progress i{background:#caa36c;height:100%;display:block}.death-art{text-align:center;color:#b4c09c;font-size:70px}.death-art+.note{text-align:center;margin-bottom:20px}#toast{z-index:30;color:#42623f;opacity:0;pointer-events:none;text-align:center;background:#f6f2df;border:1px solid #dce1c9;border-radius:6px;max-width:calc(100vw - 32px);padding:13px 21px;font-size:11px;line-height:1.5;transition:opacity .2s,transform .2s;position:fixed;top:100px;left:50%;transform:translate(-50%,-10px);box-shadow:0 5px 30px #102f2222}#toast.visible{opacity:1;transform:translate(-50%)}#carried{z-index:50;pointer-events:none;width:40px;height:40px;position:fixed}#carried img{width:100%;image-rendering:pixelated}#carried b{text-shadow:0 1px #fff;font-size:11px;position:absolute;bottom:0;right:0}#chat-history{opacity:0;width:min(360px,65vw);transition:opacity .2s;position:absolute;bottom:155px;left:25px}#chat-history.visible{opacity:1}#chat-history>div{color:#f2f2dc;overflow-wrap:anywhere;background:#1c3a2b88;border-radius:2px;width:fit-content;max-width:100%;margin-top:2px;padding:3px 7px;font-size:10px;line-height:1.7}#chat-history b{color:#d1dfab;margin-right:7px;font-weight:500}.chat-log{height:210px;font-size:11px;line-height:1.8;overflow:auto}.chat-log b{color:#829461;margin-right:7px}.muted{color:#969c86}#chat-form{gap:10px;display:flex}.busy{opacity:.75;cursor:wait}.busy button,.busy input{pointer-events:none}.fatal{background:var(--paper);padding:40px;position:fixed;inset:10%}.fatal pre{white-space:pre-wrap}.hurt:after{content:"";z-index:5;pointer-events:none;position:fixed;inset:0;box-shadow:inset 0 0 100px #ac483750}#remote-labels span{color:var(--paper);background:#193a2caa;border-radius:3px;padding:4px 8px;font-size:9px;position:absolute;transform:translate(-50%,-100%)}#touch-controls{display:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#c0c9aa;border-radius:8px}@keyframes fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width>=1600px){.welcome-copy{left:10vw}.postcard{right:10vw}}@media (width<=1050px){.brand-sub{display:none}.world-label{max-width:44%;font-size:7px;overflow:hidden}.postcard{width:190px;bottom:18%;right:5vw}.welcome-copy h1{font-size:80px}.welcome-copy{left:7vw}.dialog.wide{--slot-size:36px}.inventory-layout{grid-template-columns:1fr 230px;gap:20px}.recipes{padding-left:20px}.bag-grid{gap:3px}}@media (width<=760px){.topbar{padding:21px 22px}.brand{font-size:30px}.brand-bird{width:36px;height:36px}.world-label{display:none}.welcome-copy{top:26%;left:7vw}.welcome-copy h1{letter-spacing:-3px;font-size:76px}.postcard{display:none}.home-footer{font-size:7px;bottom:24px;left:24px;right:24px}.home-footer>button{display:none}.welcome-copy p{font-size:12px}.welcome-copy .eyebrow{letter-spacing:1.5px;font-size:7px}.dialog{max-height:calc(100dvh - 28px);padding:24px}.modal{padding:14px}.dialog-header h2{font-size:33px}.dialog.wide{--slot-size:34px}.inventory-layout{grid-template-columns:1fr}.recipes{border-left:0;border-top:1px solid var(--line);padding-top:14px;padding-left:0}.bag-grid{justify-content:center}.recipes #recipe-list{height:170px}.creative-grid{grid-template-columns:repeat(7,1fr)}.creative-grid .slot{max-width:48px}.section-label span{font-size:6px}.bottom-hud{width:450px;bottom:15px}.coordinate-card{top:72px;left:20px}.coordinate-card span{font-size:19px}.compass{top:73px;right:20px}.hud-caption{font-size:7px}.playing .topbar{padding:15px 19px}.playing .top-actions{gap:6px}.playing .icon-btn{width:31px;height:31px}.slot b{font-size:9px}.welcome-foot{font-size:8px}.two-fields{gap:10px}.button{padding:14px 17px;font-size:11px}.controls-grid{gap:11px}.pause-grid{gap:7px}.pause-grid .button{padding:13px;font-size:10px}.dialog-header{margin-bottom:20px}}@media (width<=390px){.dialog.wide{--slot-size:29px}.dialog{padding:19px}.welcome-copy h1{font-size:65px}.bottom-hud{max-width:96vw}.hotbar{gap:3px;padding:4px}.hotbar .slot{height:38px}.welcome-buttons{gap:7px}.button{padding:13px 14px}.home-footer{font-size:6px}.section-label{font-size:7px}.section-label span{display:none}}@media (pointer:coarse){#touch-controls{display:block}.dpad{grid-template-rows:repeat(2,42px);grid-template-columns:repeat(3,45px);gap:3px;display:grid;position:absolute;bottom:170px;left:20px}.dpad button,.touch-actions button{color:#30533e;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f1f0dcb0;border:1px solid #e8edc880;border-radius:5px;font-size:20px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-area:2/1}.dpad button:nth-child(3){grid-area:2/2}.dpad button:nth-child(4){grid-area:2/3}.touch-actions{grid-template-columns:repeat(2,50px);gap:5px;display:grid;position:absolute;bottom:170px;right:20px}.touch-actions button{height:44px;font-size:12px}.hud-caption>span:last-child{display:none}.dialog .button{min-height:44px}}#app:before{z-index:1}#world{z-index:0}#hud{z-index:2}#app.playing:before{z-index:0}.home-footer{z-index:2}@media (width<=760px){.dialog.wide{--slot-size:clamp(24px, calc((100vw - 124px) / 9), 34px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}