@font-face{font-family:Minecraft;src:url(/fonts/Minecraft.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg: #0b1118;--panel: rgba(14, 22, 31, .94);--panel-2: rgba(22, 33, 45, .9);--border: #314455;--border-light: #4c6377;--text: #f2f6f8;--muted: #9fb1c0;--accent: #7ee787;--accent-dark: #2f9e5b;--blue: #6cc7ff;--danger: #ff8a80;--shadow: rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:Minecraft,Courier New,monospace;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:none}button,input{font:inherit}.hidden{display:none!important}#app,#app canvas{display:block;width:100%;height:100%}#app canvas{position:fixed;inset:0}#hud{position:fixed;inset:0;z-index:10;pointer-events:none;font-size:16px}#crosshair,#hud-top-left,#hud-top-right,#survival-hud,#hotbar-container{z-index:3}#toast,#status{z-index:4}#crosshair{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%);opacity:.9}#crosshair span{position:absolute;background:#fff;box-shadow:0 0 0 1px #0000008c}#crosshair span:first-child{left:9px;top:0;width:4px;height:22px}#crosshair span:last-child{left:0;top:9px;width:22px;height:4px}#hud-top-left,#hud-top-right{position:absolute;top:14px;display:flex;flex-direction:column;gap:8px}#hud-top-left{left:14px}#hud-top-right{right:14px;align-items:flex-end}.hud-card{background:#080e15b8;border:2px solid rgba(84,110,132,.65);box-shadow:0 3px #00000047;padding:7px 11px;font-size:13px;line-height:1.5;letter-spacing:.02em}#connection{display:flex;align-items:center;gap:8px;color:#dfe9ef}.dot{width:9px;height:9px;border-radius:50%;background:#71808d;box-shadow:0 0 0 2px #ffffff14;flex:none}.dot.ok{background:var(--accent);box-shadow:0 0 9px #7ee787bf}.dot.warn{background:#fc6;box-shadow:0 0 9px #ffcc66a6}.dot.bad{background:var(--danger);box-shadow:0 0 9px #ff8a80a6}[data-state=idle] .dot,.dot.idle{background:#71808d}#player-list{display:flex;flex-direction:column;gap:5px;min-width:190px}.player-row{display:flex;align-items:center;gap:8px;white-space:nowrap}.player-swatch{width:10px;height:10px;flex:none;border:1px solid rgba(255,255,255,.45)}.player-row .you{color:var(--muted);font-size:11px;margin-left:auto}.player-row .host-label{color:var(--blue);font-size:10px;border:1px solid rgba(108,199,255,.4);padding:0 4px}#hotbar-container{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:auto}#hotbar{display:flex;gap:4px;padding:5px;background:#080e15c7;border:2px solid rgba(84,110,132,.75);box-shadow:0 4px #00000059}.slot{position:relative;width:48px;height:48px;padding:0;border:2px solid #435666;background:#1a2732;cursor:pointer;color:var(--text)}.slot img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.slot .slot-key{position:absolute;top:1px;left:3px;font-size:10px;color:#ffffffc7;text-shadow:1px 1px 0 #000;pointer-events:none}.slot:hover{border-color:#8fa6b6}.slot.selected{border-color:#fff;box-shadow:inset 0 0 0 2px var(--accent),0 0 12px #7ee78747}#hotbar-label{font-size:11px;color:#e9f2f7b8;text-shadow:1px 1px 0 rgba(0,0,0,.8);letter-spacing:.04em}#touch-controls{position:absolute;inset:0;z-index:1;display:none;pointer-events:none;-webkit-touch-callout:none}body.touch-mode #touch-controls{display:block}#touch-look{position:absolute;inset:0;z-index:0;pointer-events:auto;touch-action:none}#touch-pause{position:absolute;top:calc(60px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left));z-index:2;pointer-events:auto}.touch-chip{min-height:34px;padding:6px 14px;border:2px solid rgba(122,148,168,.7);background:#080e15c7;color:var(--text);box-shadow:0 3px #00000059;font-size:12px;letter-spacing:.06em;touch-action:manipulation}#touch-joystick{position:absolute;left:calc(18px + env(safe-area-inset-left));bottom:calc(18px + env(safe-area-inset-bottom));z-index:2;width:118px;height:118px;border:2px solid rgba(122,148,168,.55);border-radius:50%;background:radial-gradient(circle at 50% 50%,#7ee78714,#080e1585 68%);box-shadow:inset 0 0 0 8px #080e1538;pointer-events:auto;touch-action:none}#touch-joystick-knob{position:absolute;left:50%;top:50%;width:50px;height:50px;border:2px solid rgba(126,231,135,.72);border-radius:50%;background:#256b43b8;box-shadow:0 3px #00000059;transform:translate(-50%,-50%);pointer-events:none;will-change:transform}#touch-actions{position:absolute;right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:2;display:grid;grid-template-columns:repeat(2,62px);grid-template-rows:repeat(2,62px);gap:8px;pointer-events:auto}.touch-action{width:62px;height:62px;padding:0;border:2px solid rgba(122,148,168,.75);border-radius:50%;background:#14202bd1;color:var(--text);box-shadow:0 4px #0006;font-size:11px;letter-spacing:.04em;touch-action:none}.touch-action.jump{border-color:#59c07cd9;background:#256b43db}.touch-action.active,.touch-action:active{transform:translateY(3px);box-shadow:0 1px #0006;border-color:#fff}#touch-mine{grid-area:1 / 1}#touch-place{grid-area:1 / 2}#touch-dive{grid-area:2 / 1}#touch-jump{grid-area:2 / 2}body.touch-mode #hotbar-container{bottom:calc(160px + env(safe-area-inset-bottom))}body.touch-mode #survival-hud{bottom:calc(208px + env(safe-area-inset-bottom))}body.touch-mode #hotbar-label,body.touch-mode #position-readout{display:none}body.touch-mode #hotbar{gap:2px;padding:4px}body.touch-mode .slot{width:30px;height:30px;border-width:1px}body.touch-mode .slot-key{font-size:8px}body.touch-mode .slot-count{font-size:9px}#time-card{display:flex;align-items:center;gap:8px;color:#f7e6b0}#time-card.night{color:#b9c8ff;border-color:#6c7fbe8c}#time-icon{font-size:15px;line-height:1}#survival-hud{position:absolute;left:50%;bottom:94px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}#hearts{display:flex;gap:2px;font-size:23px;line-height:1;text-shadow:0 2px 0 rgba(0,0,0,.65)}.heart{color:#ffffff47;transition:color .12s ease,transform .12s ease}.heart.full{color:#ff5b62}.heart.half{color:#ff8d92;opacity:.85}#air-bar{width:152px;height:8px;padding:1px;background:#050a0fb8;border:1px solid rgba(140,200,255,.55)}#air-fill{width:100%;height:100%;background:linear-gradient(90deg,#79c8ff,#c3ecff);transition:width .12s linear}#air-bar[data-low=true] #air-fill{background:linear-gradient(90deg,#ff6b6b,#ffb08a)}#water-overlay{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .22s ease;background:radial-gradient(circle at 50% 50%,#1e62a00d,#0c34698c 85%),linear-gradient(#2475b42e,#0828566b)}#water-overlay.show{opacity:1}#damage-flash{position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 35%,rgba(210,24,24,.72) 100%)}#damage-flash.show{animation:damage-pulse .34s ease-out}@keyframes damage-pulse{0%{opacity:.9}to{opacity:0}}.slot-count{position:absolute;right:3px;bottom:1px;font-size:12px;line-height:1;color:#fff;text-shadow:1px 1px 0 #000,-1px 1px 0 #000;pointer-events:none}.slot.empty img{opacity:.42}.death-panel{width:min(460px,100%);display:flex;flex-direction:column;gap:16px;text-align:center}#death-screen{background:radial-gradient(circle at 50% 40%,rgba(120,24,24,.35),transparent 60%),#05090edb}#position-readout{position:absolute;right:14px;bottom:16px;padding:5px 9px;background:#080e158c;border:1px solid rgba(84,110,132,.35);color:#c7d4dc;font-size:11px;letter-spacing:.04em}#toast{position:absolute;left:50%;top:76px;transform:translate(-50%,-8px);max-width:min(520px,90vw);background:#0a1118f0;border-left:4px solid var(--accent);padding:10px 16px;color:#eef8f1;font-size:14px;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;box-shadow:0 8px 24px #00000059}#toast.show{opacity:1;transform:translate(-50%)}#toast.error{border-left-color:var(--danger)}#status{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);font-size:20px;text-align:center;pointer-events:none;text-shadow:2px 2px 0 #000}.screen{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 35%,rgba(44,72,92,.28),transparent 55%),#05090ec7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:auto}#loading-screen{background:radial-gradient(circle at 50% 36%,rgba(49,92,122,.38),transparent 55%),#0b1118}.panel{background:var(--panel);border:2px solid var(--border);box-shadow:0 0 0 4px #080d138c,0 24px 60px var(--shadow);padding:26px}.loading-panel{width:min(420px,100%);text-align:center;padding:40px 32px}.loading-panel p{margin:14px 0 0}.spinner{width:38px;height:38px;margin:24px auto 0;border:4px solid rgba(126,231,135,.18);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.menu-wrap{width:min(920px,100%);display:flex;flex-direction:column;gap:24px}.hero{text-align:center}.brand{font-size:clamp(44px,8vw,82px);line-height:1;letter-spacing:.055em;color:#f4fbf6;text-shadow:0 4px 0 #1d4a31,0 8px 0 rgba(0,0,0,.35),0 0 40px rgba(126,231,135,.18)}.brand.small{font-size:34px;text-shadow:0 3px 0 #1d4a31}.tagline{margin:12px 0 0;color:var(--muted);font-size:16px;letter-spacing:.06em}.menu-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}.menu-panel,.info-panel{display:flex;flex-direction:column;gap:12px}h1,h2{margin:0;font-weight:400;letter-spacing:.03em}h1{font-size:clamp(26px,4vw,38px)}h2{font-size:18px;color:var(--accent);letter-spacing:.08em}.muted{color:var(--muted)}.field{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted);letter-spacing:.04em}.field input{width:100%;padding:11px 12px;color:var(--text);background:#0a1219;border:2px solid var(--border);outline:none;font-size:15px;-webkit-user-select:text;user-select:text}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #7ee7871f}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid rgba(84,110,132,.55);background:#080e1585;text-align:left;cursor:pointer}.setting-copy{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:13px;letter-spacing:.04em}.setting-copy small{color:var(--muted);font-size:10px;line-height:1.35}.switch{position:relative;flex:none;width:50px;height:28px}.switch input{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.switch-track{position:absolute;inset:0;border:2px solid #435666;background:#1a2732;transition:background .14s ease,border-color .14s ease}.switch-track:after{content:"";position:absolute;left:2px;top:2px;width:20px;height:20px;background:#8fa6b6;box-shadow:0 2px #00000059;transition:transform .14s ease,background .14s ease}.switch input:checked+.switch-track{border-color:#59c07c;background:#256b43}.switch input:checked+.switch-track:after{background:#f4fff6;transform:translate(22px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--blue);outline-offset:2px}.pause-setting{margin-top:2px}.input-hint{color:var(--muted);font-size:11px}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:2px solid var(--border-light);background:#1d2c3a;color:var(--text);box-shadow:0 4px #00000061;cursor:pointer;letter-spacing:.04em;transition:transform 80ms ease,background .12s ease,border-color .12s ease}.button:hover{background:#263a4b;border-color:#7a94a8}.button:active{transform:translateY(3px);box-shadow:0 1px #00000061}.button:disabled{opacity:.45;cursor:wait;transform:none}.button.primary{background:#256b43;border-color:#59c07c;color:#f4fff6}.button.primary:hover{background:#2e7e50}.button.danger{color:#ffd7d3;border-color:#8a4c48;background:#3a2222}.button.danger:hover{background:#4a2b2b}.button.ghost{background:transparent;box-shadow:none;border-color:#7a94a873;color:var(--muted)}.button.ghost:hover{color:var(--text);border-color:var(--border-light);background:#1e2d3a80}.button.small{min-height:36px;padding:7px 12px;font-size:12px}.join-form{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px dashed rgba(95,121,143,.35)}.join-form .button,#btn-single,#btn-create{width:100%}.message{min-height:20px;margin:0;color:#fc6;font-size:12px;line-height:1.55;letter-spacing:.02em}.message.error{color:var(--danger)}.feature-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;color:#c9d6df;font-size:13px;line-height:1.6}.feature-list li{padding-left:15px;border-left:2px solid rgba(126,231,135,.38)}.feature-list strong{color:#fff;font-weight:400}.menu-footer{display:flex;justify-content:space-between;color:#6f8394;font-size:11px;letter-spacing:.06em}.lobby-panel{width:min(560px,100%);display:flex;flex-direction:column;gap:14px}.eyebrow{margin:0;color:var(--accent);font-size:11px;letter-spacing:.2em}.code-box{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:#0a1219;border:2px solid var(--border);flex-wrap:wrap}.room-code{font-size:clamp(28px,6vw,42px);letter-spacing:.22em;color:#fff;text-shadow:0 3px 0 #1d4a31}.button-row{display:flex;gap:8px;flex-wrap:wrap}.button-row.end{justify-content:space-between;margin-top:4px}.link-box input{width:100%;padding:10px 12px;color:#bcd0dd;background:#0a1219;border:1px solid var(--border);font-size:12px;-webkit-user-select:text;user-select:text}.lobby-status{display:flex;align-items:center;gap:9px;color:#d6e3ea;font-size:13px}.player-list{display:flex;flex-direction:column;gap:7px}.lobby-panel .player-list{padding:10px 12px;background:#080e158c;border:1px solid rgba(84,110,132,.4)}.note{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.pause-panel{width:min(420px,100%);display:flex;flex-direction:column;gap:16px;text-align:center}.button-stack{display:flex;flex-direction:column;gap:9px}.help-panel{width:min(720px,100%);display:flex;flex-direction:column;gap:18px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.help-grid>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;background:#080e1585;border:1px solid rgba(84,110,132,.28);font-size:12px}kbd{padding:3px 6px;color:#eaf4ec;background:#223342;border:1px solid #4c6377;box-shadow:0 2px #00000059;font-family:inherit;font-size:11px;white-space:nowrap}.help-grid span{color:var(--muted)}.lil-gui.root{z-index:40}@media(max-width:760px){.screen{padding:14px;align-items:flex-start}.menu-wrap,.lobby-panel,.help-panel,.pause-panel{margin:auto 0}.menu-grid,.help-grid{grid-template-columns:1fr}.slot{width:40px;height:40px}#survival-hud{bottom:78px}#hearts{font-size:19px}#position-readout,#hotbar-label{display:none}}@media(max-height:640px){.brand{font-size:44px}.tagline{margin-top:6px}.menu-wrap{gap:12px}.panel{padding:18px}}