@font-face{font-family:Tiny5;src:url('vendor/Tiny5-Regular.ttf') format('truetype');font-display:swap}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#7d9d88;color:#fbf7e4;font-family:Arial,Helvetica,sans-serif}body{touch-action:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;user-select:none;-webkit-user-select:none}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #eed8a1;outline-offset:5px}button,select{touch-action:manipulation}[hidden]{display:none!important}
#world{display:block;width:100%;height:100%;outline:0;touch-action:none}#underwater,.vignette{position:fixed;inset:0;pointer-events:none}.vignette{background:radial-gradient(ellipse at 50% 40%,transparent 44%,#092c291c 100%)}#underwater{opacity:0;transition:opacity .35s;background:linear-gradient(#0b727526,#002d4870);box-shadow:inset 0 0 120px #003e5970}body.submerged #underwater{opacity:1}
.masthead{position:fixed;inset:max(24px,env(safe-area-inset-top)) max(32px,env(safe-area-inset-right)) auto max(32px,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:center;z-index:4}.maker{color:#fffbe8;text-decoration:none;font-size:12px;letter-spacing:.7px;text-shadow:0 1px 5px #193c36}.maker:hover{opacity:.75}.icon-button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #fff7de66;background:#173f3459;border-radius:50%;backdrop-filter:blur(10px);transition:background .12s,transform .1s}.icon-button:hover{background:#173f3499}.icon-button:active{transform:scale(.94);background:#d9e0b74d}.icon-button svg{width:22px;height:22px;pointer-events:none}.sound-wave{display:none}body.sound-on .sound-wave{display:block}body.sound-on .sound-off{display:none}.playing .masthead{display:none}
.screen{position:fixed;inset:0;background:linear-gradient(180deg,#16332d08,#102d3718);z-index:3}.title-content{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);text-align:center;width:min(620px,92vw)}.voxyz-logo{font-family:Tiny5,monospace;font-weight:400;font-size:clamp(116px,14vw,188px);letter-spacing:-5px;line-height:1;margin:0 0 40px;white-space:nowrap;filter:drop-shadow(0 8px 0 #233c32);-webkit-text-stroke:8px #233c32;paint-order:stroke fill;color:#fffce9}.logo-x{color:#f07a65}.logo-y{color:#add487}.logo-z{color:#7aafd1}.title-actions{width:260px;margin:auto;display:flex;flex-direction:column;gap:12px}.primary-button{min-height:56px;min-width:246px;border:1px solid #ffffed;background:#f5eed3;color:#263f32;box-shadow:0 4px 0 #253e3199,0 10px 32px #14332b22;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-weight:700;font-size:14px;letter-spacing:.3px;padding:0 22px;border-radius:6px;transition:background .15s,transform .12s}.primary-button:hover{background:#fffbe7;transform:translateY(-1px)}.primary-button:active{transform:translateY(2px)}.primary-button:disabled{opacity:.7}.primary-button span:last-child{font-size:20px;font-weight:400}.secondary-button{min-height:48px;display:flex;justify-content:center;align-items:center;border:1px solid #f4efd477;border-radius:6px;background:#1e3c3366;backdrop-filter:blur(10px);font-size:12px;letter-spacing:.3px;transition:background .12s}.secondary-button:hover{background:#1e3c33bb}.secondary-button:active{background:#d9e0b74d}.text-button{background:none;border:0;color:inherit;font-size:12px;padding:14px 4px}.text-button:hover{text-decoration:underline}
/* Only interactive HUD elements catch pointers; all other screen space looks. */
#game-ui{pointer-events:none}#game-ui button,#game-ui .joystick{pointer-events:auto}#crosshair,#target-name{pointer-events:none}.game-top{position:fixed;inset:max(24px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) auto max(28px,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:flex-start}.game-buttons{display:flex;align-items:center;gap:12px}.fps{font-family:monospace;font-size:10px;color:#f8f3deb0;text-shadow:0 1px 4px #142e23}
#minimap-button{position:relative;width:144px;height:144px;flex-shrink:0;padding:5px;border:1px solid #e5e9c780;border-radius:50%;background:#1c332db3;box-shadow:0 4px 24px #10251c35;overflow:hidden;transition:border-color .15s,transform .12s}#minimap-button:hover{border-color:#fff5c3;transform:scale(1.025)}#minimap-canvas{display:block;width:100%;height:100%;border-radius:50%;pointer-events:none}.map-north{position:absolute;top:12px;left:calc(50% - 4px);font-family:monospace;font-size:10px;color:#f6edca;text-shadow:0 1px 3px #000;pointer-events:none}
#crosshair{position:fixed;left:50%;top:50%;width:14px;height:14px;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 1px #143c2d)}#crosshair span{background:#ffffe8b3;position:absolute}#crosshair span:first-child{width:12px;height:2px;top:5px;left:0}#crosshair span:last-child{width:2px;height:12px;left:5px;top:0}#target-name{position:fixed;top:calc(50% + 26px);left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:1px;text-shadow:0 1px 5px #112e22}
.inventory{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column}#selected-name{font-size:11px;text-shadow:0 2px 5px #172d23;margin-bottom:10px;letter-spacing:.7px}#hotbar{display:flex;gap:6px;padding:6px;background:#18352f80;border:1px solid #ecf1d547;backdrop-filter:blur(12px);border-radius:9px}.slot{height:60px;width:60px;border:1px solid #e2ead455;border-radius:5px;background:#19383054;position:relative;display:grid;place-items:center;padding:0;box-shadow:inset 0 0 12px #0d242516;transition:background .1s,transform .1s}.slot:hover{background:#c4d79e33}.slot:active{transform:scale(.94)}.slot.selected{border:2px solid #f0e8ae;background:#e9e3a638;box-shadow:0 0 12px #eee3a626}.slot kbd{position:absolute;left:5px;top:4px;font-family:monospace;font-size:9px;color:#ffffff77}.slot svg{width:38px;height:42px;filter:drop-shadow(0 4px 2px #10282070);pointer-events:none}.desktop-hint{display:flex;gap:15px;white-space:nowrap;font-size:9px;margin-top:13px;color:#f4f4d9a1;text-shadow:0 1px 4px #1d3825}.desktop-hint kbd{font-size:8px;font-family:Arial}
.modal-backdrop{position:fixed;inset:0;background:#142e3370;backdrop-filter:blur(9px);display:grid;place-items:center;z-index:6}.menu-card,dialog{background:#1e392ff2;color:#f2eed5;border:1px solid #c8d3ab55;box-shadow:0 25px 100px #09242255;border-radius:12px;padding:36px;width:min(440px,90vw);text-align:center}.menu-card h2,dialog h2{font-weight:400;font-family:Georgia,serif;font-size:29px;letter-spacing:-.7px;margin:0 0 28px}.menu-card>p{font-size:12px;opacity:.65;margin-bottom:28px}.menu-card .primary-button,.menu-card .secondary-button{display:flex;width:100%;margin-bottom:12px}.menu-card .save-note{font-size:10px;margin:16px 0 0}.menu-card a{display:block;margin-top:24px;color:inherit}dialog{position:fixed;max-height:90dvh;overflow:auto;text-align:left;padding:34px}dialog::backdrop{background:#102f3166;backdrop-filter:blur(12px)}.close-button{position:absolute;top:8px;right:8px;background:none;border:0;font-size:28px;width:48px;height:48px;opacity:.8}label{display:block;font-size:11px;color:#e5e8cf;margin:15px 0 7px}.seed-row{display:flex;gap:8px}input:not([type=checkbox]),select{color:#f1efd6;border:1px solid #d3dfb940;background:#122d2570;border-radius:4px;min-height:44px;width:100%;padding:10px;font-size:12px}select option{background:#243e33}.small-button{border:1px solid #d3dfb940;background:#ffffff0b;border-radius:4px;padding:0 13px;font-size:24px}.field-note{font-size:10px;line-height:1.7;opacity:.6;margin:9px 0 15px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-grid select{margin-top:10px;font-size:10px}.check-label{display:flex;align-items:center;gap:8px;margin:22px 0}.check-label input{accent-color:#bfd395}dialog .primary-button{width:100%;margin:8px 0 3px}
#map-dialog{width:min(760px,94vw);max-height:94dvh;padding:22px;overflow:hidden;background:#182e27f7}.map-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.map-header>div{min-width:0}.map-header p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#map-close{flex-shrink:0}.map-header h2{font-family:Arial,sans-serif;font-size:18px;letter-spacing:0;margin:0 0 6px}.map-header p{margin:0;font-size:10px;color:#bfccb3;letter-spacing:.5px}.map-surface{position:relative;width:100%;height:min(65dvh,650px);border:1px solid #b6c6a133;border-radius:6px;overflow:hidden;background:#10271f}#map-canvas{display:block;width:100%;height:100%}.map-legend{display:flex;justify-content:center;gap:24px;padding-top:17px;font-size:11px;color:#c9d3ba}.map-legend span{display:flex;align-items:center;gap:8px}.map-player-key{width:9px;height:9px;background:#fff2bb;transform:rotate(45deg)}.map-fog-key{width:12px;height:12px;background:#0c1b17;border:1px solid #465a45}
#toast{position:fixed;left:50%;top:19%;transform:translate(-50%,-10px);padding:12px 19px;background:#193b32d9;border:1px solid #e8efd83f;border-radius:5px;font-size:11px;z-index:20;opacity:0;transition:.3s;pointer-events:none;max-width:85vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}
#touch-controls{display:none}.joystick{position:fixed;width:116px;height:116px;border:1px solid #fff5d866;border-radius:50%;background:#213e374d;touch-action:none;box-shadow:inset 0 0 24px #17332826}.stick-knob{position:absolute;left:calc(50% - 24px);top:calc(50% - 24px);width:48px;height:48px;background:#fff3d242;border:1px solid #ffefd580;border-radius:50%;pointer-events:none}#move-stick{left:max(22px,env(safe-area-inset-left));bottom:calc(140px + env(safe-area-inset-bottom))}.touch-actions{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:calc(138px + env(safe-area-inset-bottom));display:grid;grid-template-columns:68px 68px;grid-template-areas:". jump" "break place";gap:10px}.touch-actions button{width:68px;height:68px;padding:9px 0 7px;border-radius:20px;background:#1d403691;border:1px solid #fff3d477;backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:3px;justify-content:center;align-items:center;touch-action:none;transition:background .08s,transform .08s;box-shadow:0 3px 12px #10251f22}.touch-actions button:active,.touch-actions button.is-pressed{background:#dfdf976b;border-color:#fff5c3;transform:scale(.94)}.touch-actions svg{width:27px;height:27px;pointer-events:none}.touch-actions small{font-size:8px;letter-spacing:.6px;pointer-events:none}#break-button{grid-area:break}#place-button{grid-area:place}#jump-button{grid-area:jump}
.touch-device #touch-controls{display:block}.touch-device .desktop-hint{display:none}.touch-device .slot kbd{display:none}.touch-device #recenter-button{position:fixed;right:max(100px,calc(78px + env(safe-area-inset-right)));bottom:calc(216px + env(safe-area-inset-bottom));width:68px;height:68px;border-radius:20px;background:#1d403680}.touch-device .inventory{bottom:calc(18px + env(safe-area-inset-bottom))}
@media(max-width:759px){.masthead{inset:max(20px,env(safe-area-inset-top)) 22px auto}.maker{font-size:11px}.title-content{top:46%}.voxyz-logo{font-size:122px;-webkit-text-stroke:6px;letter-spacing:-4px;margin-bottom:36px}.title-actions{width:252px}.game-top{inset:max(18px,env(safe-area-inset-top)) 18px auto}.game-buttons{gap:9px}#minimap-button{width:112px;height:112px;padding:4px}.map-north{top:9px;font-size:9px}.slot{width:56px;height:58px}.slot svg{width:36px;height:39px}#hotbar{gap:5px;padding:5px}.desktop-hint{display:none}#selected-name{font-size:10px;margin-bottom:8px}dialog{padding:28px}.menu-card{padding:30px}#map-dialog{padding:16px}.map-surface{height:65dvh}}
@media(max-width:359px){.slot{width:50px;height:54px}#hotbar{gap:4px}.joystick{width:106px;height:106px}#move-stick{left:16px}.touch-actions{right:16px;grid-template-columns:64px 64px;gap:8px}.touch-actions button{width:64px;height:64px}.touch-device #recenter-button{right:88px;width:64px;height:64px;bottom:calc(210px + env(safe-area-inset-bottom))}}
@media(max-height:500px) and (min-width:620px){.title-content{top:47%}.voxyz-logo{font-size:94px;margin-bottom:20px;-webkit-text-stroke:5px}.title-actions{gap:9px}.title-actions .primary-button{min-height:46px}.title-actions .secondary-button{min-height:42px}.masthead{top:16px}.game-top{top:max(14px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right))}#minimap-button{width:98px;height:98px}.inventory,.touch-device .inventory{bottom:calc(12px + env(safe-area-inset-bottom))}.slot{height:52px;width:52px}.desktop-hint{display:none}#move-stick{bottom:calc(25px + env(safe-area-inset-bottom));left:max(22px,env(safe-area-inset-left));width:106px;height:106px}.touch-actions{bottom:calc(24px + env(safe-area-inset-bottom));right:max(22px,env(safe-area-inset-right));grid-template-columns:64px 64px;gap:8px}.touch-actions button{width:64px;height:64px}.touch-device #recenter-button{bottom:calc(96px + env(safe-area-inset-bottom));right:max(94px,calc(72px + env(safe-area-inset-right)));width:64px;height:64px}.map-surface{height:57dvh}.map-header{margin-bottom:10px}.map-header h2{font-size:16px}.map-header .icon-button{width:40px;height:40px}.map-legend{padding-top:10px}}