:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0e1721;color:#f7fbff}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}#game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;background:#79bde8;cursor:crosshair}.hidden{display:none!important}.login-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:linear-gradient(#070c1257,#070c12ad),repeating-linear-gradient(45deg,#54723e 0,#54723e 28px,#4d6a39 28px,#4d6a39 56px,#8d6b41 56px,#8d6b41 84px,#745333 84px,#745333 112px);touch-action:none}.login-card{width:min(420px,calc(100vw - 32px));padding:28px;border:2px solid rgba(255,255,255,.22);border-radius:8px;background:#0d151ee0;box-shadow:0 24px 72px #00000057;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-mark{width:52px;height:52px;display:grid;place-items:center;margin-bottom:18px;border:3px solid #d6f5ff;background:linear-gradient(135deg,#4caf63 0,#4caf63 50%,#8a5a2f 50%);font-size:26px;font-weight:900;letter-spacing:0;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.3)}.login-card h1{margin:0 0 20px;font-size:32px;line-height:1.1;letter-spacing:0}.login-form{display:grid;gap:14px}.login-form label{display:grid;gap:7px;color:#d9e8f7;font-size:14px}.login-form input:not([type=checkbox]),.chat-input{width:100%;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:#ffffff1a;color:#fff;outline:none}.login-form input:not([type=checkbox]){height:44px;padding:0 12px}.login-form input:not([type=checkbox]):focus,.chat-input:focus{border-color:#93e0ff;box-shadow:0 0 0 3px #93e0ff29}.remember-password{grid-template-columns:auto 1fr;align-items:center;gap:9px;width:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none}.remember-password input{width:16px;height:16px;accent-color:#5ec36f;cursor:pointer}.remember-password-hint{min-height:18px;margin:-4px 0 0;color:#a7c5d8;font-size:12px}.login-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.login-actions button{height:42px;border:0;border-radius:6px;font-weight:800;cursor:pointer}#login-button{background:#5ec36f;color:#082011}#register-button{background:#d7e7f1;color:#142230}.login-message{min-height:20px;margin:14px 0 0;color:#ffd78b;font-size:14px}.hud{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}.top-bar{position:absolute;top:14px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.world-title{min-width:112px;padding:8px 12px;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:#090e1494;color:#fff;font-size:14px;font-weight:900;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-pill{min-width:84px;padding:8px 12px;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:#090e1494;color:#f7fbff;font-size:13px;font-weight:700;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.admin-button,.tool-button,.admin-panel button,.help-panel button,.game-panel button{pointer-events:auto;border:1px solid rgba(255,255,255,.24);border-radius:6px;background:#090e14b3;color:#fff;font-size:13px;font-weight:800;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.admin-button{min-width:64px;height:34px}.action-hint{position:absolute;top:calc(50% + 22px);left:50%;transform:translate(-50%);width:min(520px,calc(100vw - 40px));padding:5px 9px;border-radius:6px;background:#070c126b;color:#ffffffd6;font-size:12px;font-weight:700;line-height:1.35;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.combat-panel{pointer-events:auto;position:absolute;top:64px;right:14px;display:flex;gap:8px}.tool-button{min-width:58px;height:36px;padding:0 10px}.tool-button.selected,.admin-button:focus-visible,.tool-button:focus-visible{border-color:#fff;background:#54be70bd;color:#07160c}.reticle{position:absolute;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%)}.reticle:before,.reticle:after{content:"";position:absolute;background:#ffffffdb;box-shadow:0 0 0 1px #00000070}.reticle:before{top:9px;left:2px;right:2px;height:2px}.reticle:after{top:2px;bottom:2px;left:9px;width:2px}.hotbar{pointer-events:auto;position:absolute;left:50%;bottom:18px;display:flex;gap:6px;width:min(900px,calc(100vw - 24px));margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:thin;transform:translate(-50%)}.hotbar li{position:relative;flex:0 0 62px;height:58px;display:grid;place-items:center;gap:2px;padding:5px 3px;border:2px solid rgba(255,255,255,.18);border-radius:6px;background:#090e149e;color:#eef7ff;cursor:pointer;font-size:11px;font-weight:700;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hotbar li small{position:absolute;right:5px;bottom:4px;min-width:16px;padding:1px 4px;border-radius:4px;background:#0000007a;color:#fff;font-size:10px;line-height:1.3}.hotbar li.selected{border-color:#fff;background:#fff3}.swatch{width:24px;height:24px;display:block;border:2px solid rgba(255,255,255,.28);image-rendering:pixelated}.chat-log{position:absolute;left:14px;bottom:92px;width:min(430px,calc(100vw - 28px));max-height:168px;overflow:hidden;display:grid;align-content:end;gap:5px}.chat-log p{margin:0;padding:6px 8px;border-radius:6px;background:#070c127a;color:#eef7ff;font-size:13px;line-height:1.35;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chat-log strong{color:#aef0ff}.chat-input{pointer-events:auto;position:absolute;left:14px;bottom:54px;width:min(430px,calc(100vw - 28px));height:36px;padding:0 10px;opacity:0;transform:translateY(8px);transition:opacity .14s ease,transform .14s ease}.chat-input.active,.chat-input:focus{opacity:1;transform:translateY(0)}.admin-panel,.help-panel,.game-panel{pointer-events:auto;position:absolute;top:76px;right:14px;width:min(460px,calc(100vw - 28px));max-height:min(72vh,660px);overflow:auto;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#0b121ce6;box-shadow:0 24px 70px #0000005c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.admin-panel header,.help-panel header,.game-panel header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#0b121cf5}.admin-panel h2,.help-panel h2,.game-panel h2{margin:0;font-size:18px;letter-spacing:0}.help-content{padding:0 16px 18px}.help-content h3,.panel-body h3{margin:18px 0 8px;color:#9ee6ff;font-size:15px}.help-content p,.empty-state,.recipe-row span,.skill-row span,.quest-row span{margin:0;color:#dbe9f6;font-size:14px;line-height:1.65}.panel-body{padding:0 16px 18px}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px}.inventory-cell{min-height:78px;display:grid;align-content:center;justify-items:center;gap:5px;padding:8px 6px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff0f;color:#eef7ff}.inventory-cell span{width:26px;height:26px;display:block;border:2px solid rgba(255,255,255,.28);background:var(--item-color);box-shadow:inset 0 -8px #00000024}.inventory-cell strong,.inventory-cell small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-cell strong{font-size:12px}.inventory-cell small{color:#b8c8d6}.recipe-list,.skill-list,.quest-list{display:grid;gap:8px}.recipe-row,.skill-row,.quest-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0e}.recipe-row.disabled{opacity:.48}.recipe-row div,.skill-row div,.quest-row{min-width:0}.recipe-row strong,.skill-row strong,.quest-row strong{display:block;overflow:hidden;color:#fff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.recipe-row button,.skill-row button{min-width:58px;height:32px;background:#5ec36fe0;color:#07160c}.recipe-row button:disabled,.skill-row button:disabled{cursor:not-allowed;opacity:.45}.quest-row{grid-template-columns:1fr}.quest-row.done{border-color:#5ec36f7a;background:#5ec36f1f}.character-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.character-stats span{padding:8px;border-radius:6px;background:#ffffff12;color:#dbe9f6;font-size:13px}.character-stats strong{color:#fff}.admin-list{display:grid;gap:10px;padding:0 16px 16px}.admin-storage{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:0 16px 12px;padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0e}#admin-storage-status{color:#dbe9f6;font-size:13px;line-height:1.45}#admin-storage-sync{min-width:96px;height:34px}.admin-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff0f}.admin-row div{display:grid;gap:4px;min-width:0}.admin-actions{display:flex!important;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:190px}.admin-row strong,.admin-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-row span{color:#b8c8d6;font-size:12px}.admin-row button{min-width:54px;height:34px;background:#5ec36fe0;color:#07160c}.admin-row button:disabled{cursor:not-allowed;opacity:.42}.admin-row button.danger{background:#ee5b5be6;color:#fff}.touch-controls{display:none}.touch-device .touch-controls{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none}.move-pad,.look-pad,.touch-actions button{pointer-events:auto;user-select:none;-webkit-user-select:none;touch-action:none}.move-pad{position:absolute;left:max(22px,env(safe-area-inset-left));bottom:max(118px,calc(env(safe-area-inset-bottom) + 104px));width:132px;height:132px;border:2px solid rgba(255,255,255,.25);border-radius:50%;background:#050a1047;box-shadow:inset 0 0 30px #ffffff12;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.move-pad span{position:absolute;top:40px;left:40px;width:48px;height:48px;border:2px solid rgba(255,255,255,.38);border-radius:50%;background:#ffffff2e}.look-pad{position:absolute;top:82px;right:0;bottom:120px;left:42%}.touch-actions{pointer-events:none;position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(110px,calc(env(safe-area-inset-bottom) + 96px));display:grid;grid-template-columns:repeat(2,62px);grid-template-rows:repeat(3,58px);gap:10px}.touch-actions button{border:2px solid rgba(255,255,255,.32);border-radius:50%;background:#080f1694;color:#fff;font-size:18px;font-weight:900;box-shadow:0 12px 30px #0000003d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#touch-jump{grid-column:2;grid-row:1}#touch-place{grid-column:1;grid-row:2}#touch-break{grid-column:2;grid-row:2}#touch-inventory{grid-column:1 / span 2;grid-row:3;border-radius:18px}@media (max-width: 760px){.world-title{display:none}.top-bar{justify-content:flex-start}.status-pill{min-width:auto;padding:7px 9px;font-size:12px}.combat-panel{top:auto;right:12px;bottom:max(188px,calc(env(safe-area-inset-bottom) + 176px));flex-direction:column}.tool-button{min-width:54px;height:34px}.action-hint{width:min(300px,calc(100vw - 40px));text-align:center}.hotbar{bottom:12px}.hotbar li{flex-basis:58px;height:52px;font-size:10px}.admin-panel,.help-panel,.game-panel{top:106px;left:12px;right:12px;width:auto;max-height:calc(100vh - 210px)}.chat-log{bottom:126px}.chat-input{bottom:90px}}@media (pointer: coarse){.hotbar{bottom:max(12px,env(safe-area-inset-bottom))}}