*{box-sizing:border-box}:root{--ink: #17202a;--paper: #fbf7ef;--paper-soft: rgba(251, 247, 239, .88);--line: rgba(23, 32, 42, .24);--accent: #2bb673;--accent-2: #f2b84b;--blue: #4d8fd6;--danger: #d85c48}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#cbe9f4;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0;touch-action:none;-webkit-user-select:none;user-select:none}button{appearance:none;border:0;color:inherit;font:inherit}#game{position:fixed;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated}.intro{position:fixed;inset:0;display:grid;align-items:end;padding:clamp(24px,5vw,68px);pointer-events:auto;background:linear-gradient(180deg,#ffffff1a,#17202a2e),radial-gradient(circle at 72% 24%,rgba(255,255,255,.42),transparent 30%);transition:opacity .42s ease,visibility .42s ease}.intro.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.intro-copy{max-width:620px;text-shadow:0 2px 18px rgba(255,255,255,.52)}.kicker{margin:0 0 10px;font-size:clamp(12px,1.5vw,14px);font-weight:800;text-transform:uppercase;color:#28506d}h1{margin:0;font-size:clamp(42px,10vw,112px);line-height:.9;font-weight:900;letter-spacing:0}.tagline{max-width:440px;margin:18px 0 28px;font-size:clamp(16px,2vw,21px);line-height:1.35;font-weight:700}.start-button{width:70px;height:70px;display:inline-grid;place-items:center;border:3px solid rgba(23,32,42,.9);border-radius:8px;background:var(--accent-2);box-shadow:0 10px #9d6228,0 18px 28px #17202a38;cursor:pointer;transform:translateY(0);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.start-button:hover{background:#ffd36c;transform:translateY(2px);box-shadow:0 8px #9d6228,0 14px 24px #17202a33}.start-button:active{transform:translateY(8px);box-shadow:0 2px #9d6228,0 8px 14px #17202a2e}.start-button svg{width:36px;height:36px;fill:var(--ink);transform:translate(2px)}.hud,.touch-controls{position:fixed;inset:0;pointer-events:none}.hud.is-hidden,.touch-controls.is-hidden{display:none}.status-panel{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));width:min(360px,calc(100vw - 36px));padding:14px 16px;border:2px solid rgba(23,32,42,.18);border-radius:8px;background:var(--paper-soft);box-shadow:0 12px 30px #17202a21;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quest-label{margin-bottom:5px;font-size:11px;font-weight:900;text-transform:uppercase;color:#577088}.quest-title{font-size:19px;line-height:1.15;font-weight:900}.quest-detail{margin-top:6px;min-height:18px;font-size:13px;font-weight:700;color:#415365}.progress-panel{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));display:grid;gap:8px}.step{width:116px;min-height:38px;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;padding:6px 8px;border:2px solid rgba(23,32,42,.14);border-radius:8px;background:#fbf7efad;color:#17202a9e;font-size:12px;font-weight:900;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.step.active{background:var(--paper);color:var(--ink);border-color:#17202a52}.step.done{background:#2bb673e6;color:#092414;border-color:#084e2847}.step-icon{width:28px;height:28px;display:grid;place-items:center}.step svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px}.inventory-panel{position:absolute;top:max(18px,env(safe-area-inset-top));left:50%;display:grid;grid-template-columns:repeat(4,48px);gap:8px;transform:translate(-50%);pointer-events:auto}.block-slot{width:48px;height:48px;display:grid;place-items:center;border:2px solid rgba(23,32,42,.18);border-radius:8px;background:#fbf7efb8;box-shadow:0 6px #17202a2e,0 12px 22px #17202a1f;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.block-slot.active{border-color:#17202ad9;background:var(--paper);transform:translateY(3px);box-shadow:0 3px #17202a47,0 8px 16px #17202a1a}.block-swatch{width:28px;height:28px;border:2px solid rgba(23,32,42,.22);border-radius:4px;image-rendering:pixelated}.swatch-grass{background:linear-gradient(90deg,rgba(255,255,255,.18) 0 25%,transparent 25% 50%,rgba(0,0,0,.08) 50% 75%,transparent 75%),#63bd4b}.swatch-dirt{background:linear-gradient(90deg,rgba(255,255,255,.14) 0 25%,transparent 25% 50%,rgba(0,0,0,.12) 50% 75%,transparent 75%),#8f633d}.swatch-stone{background:linear-gradient(90deg,rgba(255,255,255,.16) 0 25%,transparent 25% 50%,rgba(0,0,0,.12) 50% 75%,transparent 75%),#858d90}.swatch-wood{background:linear-gradient(90deg,rgba(255,255,255,.12) 0 20%,transparent 20% 40%,rgba(0,0,0,.14) 40% 60%,transparent 60%),#8a5b32}.dialogue{position:absolute;left:50%;bottom:max(28px,env(safe-area-inset-bottom));width:min(560px,calc(100vw - 36px));transform:translate(-50%);padding:14px 16px 16px;border:2px solid rgba(23,32,42,.24);border-radius:8px;background:#fbf7efeb;box-shadow:0 14px 34px #17202a2e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .18s ease,transform .18s ease}.dialogue.is-hidden{opacity:0;transform:translate(-50%) translateY(12px)}.speaker{margin-bottom:5px;color:#40627d;font-size:12px;font-weight:900;text-transform:uppercase}.dialogue-text{font-size:18px;line-height:1.28;font-weight:850}.toast{position:absolute;left:50%;top:24%;transform:translate(-50%,-10px);padding:10px 14px;border:2px solid rgba(23,32,42,.16);border-radius:8px;background:#ffd36cf0;box-shadow:0 10px 24px #17202a29;font-size:14px;font-weight:900;transition:opacity .22s ease,transform .22s ease}.toast.is-hidden{opacity:0;transform:translate(-50%,-22px)}.touch-controls{z-index:4}.stick{position:absolute;left:max(22px,env(safe-area-inset-left));bottom:max(26px,env(safe-area-inset-bottom));width:116px;height:116px;border:2px solid rgba(23,32,42,.2);border-radius:50%;background:#fbf7ef59;pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stick-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;border:2px solid rgba(23,32,42,.2);border-radius:50%;background:#fbf7efcc;transform:translate(-50%,-50%);box-shadow:0 8px 18px #17202a29}.action-stack{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:max(26px,env(safe-area-inset-bottom));display:grid;gap:12px;pointer-events:auto}.icon-button{width:58px;height:58px;display:grid;place-items:center;border:2px solid rgba(23,32,42,.78);border-radius:8px;background:#fbf7efdb;box-shadow:0 7px #17202a40,0 13px 24px #17202a24}.icon-button.primary{background:var(--accent)}.icon-button:active{transform:translateY(5px);box-shadow:0 2px #17202a40,0 8px 15px #17202a1f}.icon-button svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px}@media(pointer:coarse),(max-width:820px){.touch-controls:not(.is-hidden){display:block}.inventory-panel{top:calc(max(16px,env(safe-area-inset-top)) + 104px);grid-template-columns:repeat(4,44px);gap:7px}.block-slot{width:44px;height:44px}.block-swatch{width:25px;height:25px}.progress-panel{top:auto;right:max(16px,env(safe-area-inset-right));bottom:calc(max(26px,env(safe-area-inset-bottom)) + 258px)}.step{width:48px;grid-template-columns:1fr;justify-items:center;gap:0;padding:7px}.step span:last-child{display:none}.dialogue{bottom:calc(max(26px,env(safe-area-inset-bottom)) + 128px)}.action-stack{grid-template-columns:repeat(2,58px)}}@media(min-width:821px)and (pointer:fine){.touch-controls:not(.is-hidden){display:none}}@media(max-width:560px){.intro{padding:22px}.status-panel{width:calc(100vw - 32px);left:16px;top:16px}.quest-title{font-size:16px}.quest-detail{font-size:12px}}