*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{color:#fff;background:#000;font-family:Courier New,monospace;overflow:hidden}#c{width:100vw;height:100vh;display:block}.hud{pointer-events:none;z-index:10;width:100%;height:100%;position:fixed;top:0;left:0}.crosshair{width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background:#ffffffd9;position:absolute}.crosshair:before{width:2px;height:18px;top:0;left:8px}.crosshair:after{width:18px;height:2px;top:8px;left:0}.hud-coords{color:#fff;background:#0000008c;border-radius:4px;padding:5px 9px;font-size:12px;line-height:1.7;position:absolute;top:8px;left:8px}.hud-tod{color:#fff;background:#0000008c;border-radius:20px;padding:4px 13px;font-size:13px;position:absolute;top:8px;right:8px}.hud-biome{color:#fff;background:#0000008c;border-radius:20px;padding:4px 14px;font-size:13px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.hud-stats{flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;bottom:74px;left:50%;transform:translate(-50%)}.bar-row{gap:2px;display:flex}.bar-row span{font-size:13px}.hud-hotbar{pointer-events:all;background:#0000008c;border:2px solid #ffffff40;border-radius:4px;gap:3px;padding:5px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.hslot{cursor:pointer;background:#6464648c;border:2px solid #96969673;border-radius:3px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex;position:relative}.hslot.on{background:#a0a0a0a6;border-color:#fff}.hslot .sc{color:#fff;text-shadow:1px 1px 2px #000;font-size:10px;font-weight:700;position:absolute;bottom:2px;right:3px}.hud-msg{text-shadow:2px 2px 4px #000;text-align:center;pointer-events:none;font-size:17px;transition:opacity .5s;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.hud-ctrl{color:#fff9;text-align:right;background:#0006;border-radius:4px;padding:5px 9px;font-size:11px;line-height:1.9;position:absolute;bottom:8px;right:8px}.overlay{z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.start-screen{color:#fff;background:linear-gradient(#1a3a6b,#0a1a35);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.start-screen h1{color:#7ec8e3;text-shadow:3px 3px #1a5a7a;letter-spacing:3px;margin-bottom:8px;font-family:Courier New,monospace;font-size:46px;font-weight:700}.start-screen p{color:#aaa;margin-bottom:36px;font-size:13px}.start-screen .info{color:#777;text-align:center;margin-top:18px;font-size:12px;line-height:2.1}.mbtn{color:#fff;cursor:pointer;letter-spacing:1px;background:#4a7a4a;border:3px solid #6aaa6a;border-radius:4px;margin:5px;padding:13px 38px;font-family:Courier New,monospace;font-size:17px}.mbtn:hover{background:#5a9a5a}.modal{z-index:50;pointer-events:all;background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{color:#333;background:#c6c6c6;border:3px solid #555;border-radius:4px;min-width:490px;padding:15px}.modal-panel h3{text-align:center;margin-bottom:11px;font-size:15px}.ilabel{color:#444;margin-bottom:3px;font-size:12px}.igrid{grid-template-columns:repeat(9,46px);gap:3px;margin-bottom:8px;display:grid}.islot{cursor:pointer;background:#8b8b8b;border:2px solid #555;border-radius:2px;justify-content:center;align-items:center;width:46px;height:46px;font-size:19px;display:flex;position:relative}.islot:hover{background:#aaa}.islot .ic{color:#fff;text-shadow:1px 1px 1px #000;font-size:10px;font-weight:700;position:absolute;bottom:1px;right:3px}.ccats{flex-wrap:wrap;gap:7px;margin-bottom:11px;display:flex}.ccat{cursor:pointer;background:#8b8b8b;border:2px solid #555;border-radius:2px;padding:5px 11px;font-family:Courier New,monospace;font-size:12px}.ccat.ac{background:#bbb;border-color:#333}.rlist{grid-template-columns:repeat(3,1fr);gap:7px;max-height:280px;display:grid;overflow-y:auto}.rcard{cursor:pointer;text-align:center;background:#8b8b8b;border:2px solid #555;border-radius:2px;padding:7px}.rcard:hover{background:#aaa}.rname{color:#222;margin-top:3px;font-size:11px}.rreq{color:#444;margin-top:2px;font-size:10px}.cres{background:#8b8b8b;border:2px solid #555;border-radius:2px;align-items:center;gap:11px;margin-top:12px;padding:9px;display:flex}.cbtn{color:#fff;cursor:pointer;background:#4a7a4a;border:2px solid #2a5a2a;border-radius:2px;padding:7px 18px;font-family:Courier New,monospace;font-size:13px}.cbtn:disabled{cursor:not-allowed;background:#666;border-color:#444}.flow{justify-content:center;align-items:center;gap:18px;margin-bottom:12px;display:flex}.fslots{flex-direction:column;align-items:center;gap:7px;display:flex}.fslabel{color:#444;text-align:center;font-size:11px}.fslot{cursor:pointer;background:#8b8b8b;border:2px solid #555;border-radius:2px;justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;display:flex}.farrow{color:#555;font-size:26px}.fprog{background:#555;border-radius:4px;width:100%;height:8px;margin-bottom:7px;overflow:hidden}.fbar{background:#f80;border-radius:4px;height:100%;transition:width .1s}.fsbtn{color:#fff;cursor:pointer;background:#7a4a1a;border:2px solid #5a2a0a;border-radius:2px;width:100%;padding:8px;font-family:Courier New,monospace;font-size:13px}.death{z-index:200;color:#fff;background:#640000b8;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.death h2{text-shadow:3px 3px #600;margin-bottom:18px;font-family:Courier New,monospace;font-size:38px;font-weight:700}.death p{color:#faa;margin-bottom:28px}