*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:#0e141f;font-family:Courier New,PingFang TC,Microsoft JhengHei,monospace,sans-serif;color:#f8fafc}#game-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh}#game-container canvas{display:block;width:100%;height:100%}.hidden{display:none!important}#crosshair{position:fixed;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%);pointer-events:none;z-index:20;mix-blend-mode:difference}#crosshair .ch-h{position:absolute;top:9px;left:2px;width:16px;height:2px;background:#ffffffeb}#crosshair .ch-v{position:absolute;top:2px;left:9px;width:2px;height:16px;background:#ffffffeb}#underwater-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,#105cb952,#072d6e99);pointer-events:none;z-index:10}#damage-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,#dc262626,#b91c1c8c);pointer-events:none;z-index:15}#top-left-hud{position:fixed;top:12px;left:12px;z-index:25;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:480px}.mode-badge{display:inline-flex;align-items:center;width:fit-content;padding:6px 12px;background:#0f172ad1;border:2px solid #4ade80;box-shadow:0 3px #0009;font-weight:700;font-size:14px;color:#4ade80;letter-spacing:.5px}.mode-badge.survival{border-color:#f97316;color:#fb923c}.controls-hint{display:flex;flex-wrap:wrap;gap:6px;background:#0f172aad;border:1px solid rgba(148,163,184,.35);padding:6px 9px;font-size:12px;color:#e2e8f0;line-height:1.4}.controls-hint span{background:#1e293bd9;padding:2px 6px;border-radius:3px}kbd{display:inline-block;padding:1px 5px;font-size:11px;font-weight:700;color:#fef08a;background:#334155;border:1px solid #64748b;border-bottom-width:2px;border-radius:3px}#debug-panel{background:#0f172ac7;border-left:3px solid #38bdf8;padding:8px 10px;font-size:12px;line-height:1.55;color:#cbd5e1;text-shadow:1px 1px 0 #000}#debug-panel span{color:#f8fafc;font-weight:700}#top-right-hud{position:fixed;top:12px;right:12px;z-index:25;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.minimap-wrapper{position:relative;border:3px solid #475569;background:#0f172a;box-shadow:0 4px 12px #000000a6;pointer-events:none}#minimap-canvas{display:block;width:140px;height:140px;image-rendering:pixelated}.minimap-label{position:absolute;bottom:0;left:0;right:0;background:#0f172ad1;color:#f8fafc;font-size:11px;text-align:center;padding:2px 4px;font-weight:700}.quick-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.quick-actions button,.quick-actions .lang-select{background:#1e293be6;color:#f1f5f9;border:2px solid #64748b;padding:4px 8px;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 2px #0f172a;transition:transform .1s,border-color .15s;outline:none}.quick-actions button:hover,.quick-actions .lang-select:hover{border-color:#facc15;color:#fef08a;transform:translateY(-1px)}.lang-select option{background:#0f172a;color:#f8fafc}#toast-message{position:fixed;top:90px;left:50%;transform:translate(-50%);z-index:40;background:#0f172aeb;border:2px solid #facc15;color:#fef08a;padding:8px 18px;font-size:14px;font-weight:700;box-shadow:0 4px 12px #0009;pointer-events:none}#bottom-hud{position:fixed;bottom:14px;left:50%;transform:translate(-50%);z-index:25;display:flex;flex-direction:column;align-items:center;gap:6px}#mining-progress-container{display:flex;flex-direction:column;align-items:center;gap:3px;margin-bottom:4px;pointer-events:none}#mining-progress-label{font-size:12px;font-weight:700;color:#fef08a;text-shadow:1px 1px 0 #000}.mining-bar-bg{width:180px;height:10px;background:#0f172ae0;border:2px solid #94a3b8}#mining-progress-bar{width:0%;height:100%;background:linear-gradient(90deg,#facc15,#22c55e);transition:width .04s linear}#survival-bars{display:flex;flex-direction:column;gap:3px;width:486px;padding:0 4px;pointer-events:none}.survival-row{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:20px}.stat-bar{display:flex;gap:2px;font-size:16px;filter:drop-shadow(1px 1px 0 #000)}#selected-item-label{font-size:14px;font-weight:700;color:#fef08a;text-shadow:2px 2px 0 #000;padding:2px 10px;background:#0f172aa6;pointer-events:none}#hotbar{display:flex;gap:4px;background:#141a24e6;padding:5px;border:3px solid #64748b;box-shadow:0 6px 16px #000000bf}.hotbar-slot{position:relative;width:50px;height:50px;background:#334155;border:3px solid #475569;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .08s,border-color .08s}.hotbar-slot.active{border-color:#facc15;background:#475569;transform:scale(1.08);z-index:2;box-shadow:0 0 10px #facc158c}.hotbar-slot canvas,.item-slot canvas{width:34px;height:34px;image-rendering:pixelated;pointer-events:none}.slot-key{position:absolute;top:2px;left:4px;font-size:10px;color:#cbd5e1;text-shadow:1px 1px 0 #000;pointer-events:none}.slot-count{position:absolute;bottom:2px;right:4px;font-size:12px;font-weight:700;color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000;pointer-events:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#090d16c2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;display:flex;align-items:center;justify-content:center}.modal-window{width:min(760px,94vw);max-height:82vh;background:#1e293b;border:4px solid #94a3b8;box-shadow:0 16px 40px #000000d9;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0f172a;border-bottom:3px solid #475569;flex-wrap:wrap;gap:8px}.modal-header h2{font-size:18px;color:#fef08a}.modal-tabs{display:flex;gap:6px}.tab-btn{background:#334155;color:#cbd5e1;border:2px solid #475569;padding:6px 12px;font-size:13px;font-weight:700;cursor:pointer}.tab-btn.active{background:#facc15;color:#0f172a;border-color:#fef08a}.close-btn{background:#ef4444;color:#fff;border:2px solid #fca5a5;padding:5px 10px;font-weight:700;cursor:pointer}.modal-body{padding:16px;overflow-y:auto;flex:1}.tab-desc{font-size:13px;color:#cbd5e1;margin-bottom:12px}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px}.item-slot{background:#0f172a;border:2px solid #475569;padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;transition:border-color .12s,transform .08s;position:relative}.item-slot:hover{border-color:#facc15;background:#1e293b;transform:translateY(-2px)}.item-slot .item-name{font-size:12px;text-align:center;color:#f1f5f9;font-weight:600}.item-slot .item-tag{font-size:10px;color:#94a3b8}.crafting-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.craft-card{background:#0f172a;border:2px solid #475569;padding:10px 12px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;cursor:pointer;transition:border-color .15s,transform .1s}.craft-card.can-craft{border-color:#4ade80;background:#14532d40}.craft-card.can-craft:hover{border-color:#facc15;transform:translateY(-2px)}.craft-card.cannot-craft{opacity:.6}.craft-header{display:flex;align-items:center;gap:10px}.craft-header canvas{width:36px;height:36px;image-rendering:pixelated}.craft-title{font-size:14px;font-weight:700;color:#fef08a}.craft-desc{font-size:11px;color:#94a3b8}.craft-ingredients{font-size:12px;color:#e2e8f0;background:#1e293bcc;padding:5px 8px;border-left:3px solid #64748b}.craft-card.can-craft .craft-ingredients{border-left-color:#4ade80}.modal-footer{padding:10px 16px;background:#0f172a;border-top:2px solid #334155;font-size:12px;color:#94a3b8;text-align:center}.start-card{width:min(560px,92vw);background:#1e293b;border:4px solid #cbd5e1;padding:24px 28px;box-shadow:0 20px 50px #000000d9;text-align:center}.logo-title{font-size:36px;font-weight:900;color:#4ade80;text-shadow:3px 3px 0 #000;letter-spacing:2px;margin-bottom:4px}.logo-subtitle{font-size:14px;color:#fef08a;margin-bottom:16px}.feature-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:20px}.feature-tags span{background:#0f172a;border:1px solid #475569;padding:4px 10px;font-size:12px;color:#38bdf8}.start-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.primary-btn{background:#22c55e;color:#052e16;border:3px solid #86efac;padding:12px 20px;font-size:17px;font-weight:900;cursor:pointer;box-shadow:0 4px #14532d;transition:transform .1s,background .15s}.primary-btn:hover{background:#4ade80;transform:translateY(-2px)}.sub-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.secondary-btn{background:#334155;color:#f8fafc;border:2px solid #64748b;padding:8px 12px;font-size:13px;font-weight:700;cursor:pointer}.secondary-btn:hover{border-color:#facc15;color:#fef08a}.controls-table{text-align:left;background:#0f172a;border:2px solid #334155;padding:12px 14px;font-size:12.5px;line-height:1.75;color:#cbd5e1}.controls-table b{color:#f8fafc}