:root{--bg: #0b0f14;--panel: #151c25;--panel-2: #1d2733;--line: #2b3947;--text: #e6edf3;--muted: #93a4b5;--accent: #ffc94d;--good: #4ade80;--bad: #f87171;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none;overscroll-behavior:none;touch-action:none}#kg-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}#kg-ui{position:fixed;inset:0;z-index:1;pointer-events:none}#kg-ui>*{pointer-events:auto}.screen{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:calc(24px + var(--safe-top)) 18px calc(24px + var(--safe-bottom));background:radial-gradient(120% 90% at 50% 0%,#16212e,#0b0f14 70%);overflow-y:auto;overscroll-behavior:contain}.screen.active{display:flex}.screen h1{font-size:clamp(28px,8vw,54px);margin:0;letter-spacing:8px}.screen h2{font-size:clamp(18px,5vw,26px);margin:0 0 6px}.screen p.hint{color:var(--muted);font-size:14px;margin:0;text-align:center;max-width:460px}.brand{display:flex;flex-direction:column;align-items:center;gap:6px}.brand .logo{font-size:clamp(56px,18vw,120px);font-weight:900;letter-spacing:12px;background:linear-gradient(180deg,#ffe9a8,#ffb02e 60%,#b06b00);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 18px rgba(255,170,40,.25))}.brand .tag{color:var(--muted);letter-spacing:4px;font-size:13px}#screen-boot{background:#05070a}#screen-boot .logo{animation:logoIn 1.5s cubic-bezier(.2,.8,.2,1) both}#screen-boot .tag{animation:fadeIn 1s .7s both}#screen-boot .skip{position:absolute;bottom:calc(28px + var(--safe-bottom));color:var(--muted);font-size:13px;animation:fadeIn .6s 1.2s both}@keyframes logoIn{0%{opacity:0;transform:scale(.86) translateY(14px);letter-spacing:40px}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn{appearance:none;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel-2),var(--panel));color:var(--text);font:inherit;font-weight:600;font-size:16px;padding:14px 22px;border-radius:12px;min-width:260px;min-height:52px;cursor:pointer;transition:transform .08s,border-color .15s,background .15s}.btn:hover{border-color:#3d4f61}.btn:active{transform:scale(.98)}.btn.primary{background:linear-gradient(180deg,#ffd469,#f0a92c);color:#241a04;border-color:#f0a92c}.btn.danger{background:linear-gradient(180deg,#b34141,#8d2f2f);border-color:#b34141}.btn.ghost{background:transparent}.btn.small{min-width:0;min-height:40px;padding:8px 14px;font-size:14px;border-radius:9px}.btn:disabled{opacity:.45;cursor:not-allowed}.row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;width:min(560px,94vw)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;text-align:left}.field label{font-size:13px;color:var(--muted)}.field input,.field select,.field textarea{background:#0e141b;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:12px;font:inherit;font-size:15px;width:100%}.field input[type=range]{padding:0}.seg{display:flex;gap:8px;flex-wrap:wrap}.seg button{flex:1 1 auto;min-width:90px;padding:12px 10px;border-radius:10px;border:1px solid var(--line);background:#0e141b;color:var(--text);font:inherit;font-size:14px;cursor:pointer}.seg button.on{background:linear-gradient(180deg,#ffd469,#f0a92c);color:#241a04;border-color:#f0a92c;font-weight:700}.world-list{display:flex;flex-direction:column;gap:10px;width:min(560px,94vw)}.world-item{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.world-item .info{flex:1;text-align:left;min-width:0}.world-item .name{font-weight:700}.world-item .meta{color:var(--muted);font-size:12px}.empty{color:var(--muted);font-size:14px;padding:20px;text-align:center}#hud{position:absolute;inset:0;display:none;pointer-events:none}#hud.active{display:block}.hud-top{position:absolute;top:calc(10px + var(--safe-top));left:12px;display:flex;flex-direction:column;gap:6px;font-size:13px}.bars{display:flex;flex-direction:column;gap:5px}.bar{width:168px;height:12px;background:#0e141b99;border:1px solid #00000066;border-radius:8px;overflow:hidden;position:relative}.bar>i{display:block;height:100%;transition:width .15s linear}.bar.hp>i{background:linear-gradient(90deg,#ef4444,#f87171)}.bar.food>i{background:linear-gradient(90deg,#d97706,#fbbf24)}.bar.stam>i{background:linear-gradient(90deg,#0284c7,#38bdf8)}.bar span{position:absolute;inset:0;font-size:9px;line-height:12px;text-align:center;text-shadow:0 1px 2px #000}.hud-clock{background:#0b0f1499;border:1px solid var(--line);padding:6px 10px;border-radius:10px;display:flex;gap:10px;align-items:center;font-variant-numeric:tabular-nums}.hud-clock b{color:var(--accent)}.hud-right{position:absolute;top:calc(10px + var(--safe-top));right:12px;display:flex;gap:8px;pointer-events:auto}.icon-btn{width:46px;height:46px;border-radius:12px;border:1px solid var(--line);background:#0b0f14cc;color:var(--text);font-size:20px;cursor:pointer;display:grid;place-items:center}.effects{position:absolute;top:calc(120px + var(--safe-top));left:12px;display:flex;flex-direction:column;gap:4px}.effect{background:#0b0f14cc;border:1px solid var(--line);border-radius:8px;padding:3px 8px;font-size:11px}#crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;opacity:.8}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#fff;box-shadow:0 0 2px #000}#crosshair:before{left:8px;top:0;width:2px;height:18px}#crosshair:after{top:8px;left:0;height:2px;width:18px}.aim-info{position:absolute;left:50%;top:56%;transform:translate(-50%);text-align:center;font-size:13px;text-shadow:0 1px 3px #000}.aim-info .pbar{width:120px;height:6px;background:#0008;border-radius:4px;margin:4px auto 0;overflow:hidden}.aim-info .pbar>i{display:block;height:100%;background:var(--accent)}#hotbar{position:absolute;bottom:calc(10px + var(--safe-bottom));left:50%;transform:translate(-50%);display:flex;gap:6px;pointer-events:auto;padding:6px;background:#0b0f1499;border:1px solid var(--line);border-radius:14px}.slot{width:52px;height:52px;border-radius:10px;border:2px solid #2b3947;background:#131b24;position:relative;display:grid;place-items:center;font-size:24px;cursor:pointer}.slot.on{border-color:var(--accent);background:#1f2a36;transform:translateY(-4px)}.slot .n{position:absolute;right:3px;bottom:1px;font-size:11px;font-weight:700;color:#ffe9a8;text-shadow:0 1px 2px #000}.slot .k{position:absolute;left:4px;top:1px;font-size:9px;color:var(--muted)}.slot .dur{position:absolute;left:4px;right:4px;bottom:3px;height:3px;background:#000a;border-radius:2px;overflow:hidden}.slot .dur>i{display:block;height:100%}.power-btn{position:absolute;bottom:calc(78px + var(--safe-bottom));right:16px}.cooldown{font-size:11px;color:var(--muted);text-align:center}.modal{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#04070ab8;padding:12px}.modal.active{display:flex}.modal-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:min(760px,96vw);max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.modal-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:17px;flex:1}.modal-body{padding:14px;overflow-y:auto;overscroll-behavior:contain}.tabs{display:flex;gap:6px;padding:10px 14px 0;flex-wrap:wrap}.tabs button{border:1px solid var(--line);background:#0e141b;color:var(--muted);border-radius:9px;padding:8px 12px;font:inherit;font-size:13px;cursor:pointer}.tabs button.on{color:var(--text);border-color:var(--accent)}.grid-inv{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.grid-inv .slot{width:100%;aspect-ratio:1;height:auto;font-size:22px}.equip-row{display:flex;gap:8px;margin-bottom:12px;align-items:center;flex-wrap:wrap}.equip-row .slot{width:52px;height:52px}.stat-line{color:var(--muted);font-size:13px;margin:6px 0 12px}.craft-wrap{display:flex;gap:14px;flex-wrap:wrap}.craft-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;width:min(380px,92vw)}.craft-grid .slot{width:100%;aspect-ratio:1;height:auto;font-size:18px;border-width:1px;border-radius:7px}.craft-side{flex:1 1 220px;min-width:200px}.craft-out{display:flex;align-items:center;gap:10px;background:#0e141b;border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:10px}.craft-out .slot{width:56px;height:56px}.recipe-list{display:flex;flex-direction:column;gap:6px;max-height:46vh;overflow-y:auto}.recipe{display:flex;align-items:center;gap:10px;background:#0e141b;border:1px solid var(--line);border-radius:10px;padding:8px 10px}.recipe.no{opacity:.55}.recipe .ic{font-size:22px}.recipe .t{flex:1;min-width:0}.recipe .t b{font-size:14px;display:block}.recipe .t small{color:var(--muted);font-size:11px}#toasts{position:absolute;top:calc(70px + var(--safe-top));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center}.toast{background:#0b0f14e0;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:9px;padding:8px 14px;font-size:14px;animation:toastIn .18s ease-out;max-width:88vw}.toast.good{border-left-color:var(--good)}.toast.bad{border-left-color:var(--bad)}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.touch-controls{position:absolute;inset:0;pointer-events:none;--tc-scale: 1}.tc-stick-base{position:absolute;width:calc(132px * var(--tc-scale));height:calc(132px * var(--tc-scale));margin-left:calc(-66px * var(--tc-scale));margin-top:calc(-66px * var(--tc-scale));border-radius:50%;border:2px solid #ffffff33;background:#ffffff12;opacity:0;transition:opacity .12s}.tc-stick-base.tc-visible{opacity:1}.tc-stick-knob{position:absolute;left:50%;top:50%;width:calc(56px * var(--tc-scale));height:calc(56px * var(--tc-scale));margin-left:calc(-28px * var(--tc-scale));margin-top:calc(-28px * var(--tc-scale));border-radius:50%;background:#ffffff40;border:2px solid #ffffff66;transform:translate(-50%,-50%)}.tc-btn{position:absolute;pointer-events:auto;width:calc(66px * var(--tc-scale));height:calc(66px * var(--tc-scale));border-radius:50%;border:2px solid #ffffff55;background:#0b0f1470;color:#fff;font-size:calc(22px * var(--tc-scale));display:grid;place-items:center;backdrop-filter:blur(2px)}.tc-btn.tc-active{background:#fff5;transform:scale(.94)}.tc-attack{right:24px;bottom:calc(92px + var(--safe-bottom));width:calc(82px * var(--tc-scale));height:calc(82px * var(--tc-scale))}.tc-jump{right:112px;bottom:calc(28px + var(--safe-bottom))}.tc-interact{right:28px;bottom:calc(190px + var(--safe-bottom))}.tc-sprint{right:122px;bottom:calc(126px + var(--safe-bottom))}.tc-crouch{right:200px;bottom:calc(34px + var(--safe-bottom))}.tc-power{right:30px;bottom:calc(272px + var(--safe-bottom));border-color:#ffd46988;color:#ffd469}.tc-left-handed .tc-attack{right:auto;left:24px}.tc-left-handed .tc-jump{right:auto;left:112px}.tc-left-handed .tc-interact{right:auto;left:28px}.tc-left-handed .tc-sprint{right:auto;left:122px}.tc-left-handed .tc-crouch{right:auto;left:200px}.tc-left-handed .tc-power{right:auto;left:30px}#screen-dead{background:#150708e0}#screen-dead h1{color:var(--bad);letter-spacing:6px}@media (max-width: 520px){.btn{min-width:220px}.slot{width:44px;height:44px;font-size:20px}.grid-inv{grid-template-columns:repeat(6,1fr)}.craft-grid{gap:3px}}