:root{--ui-bg: rgba(0, 0, 0, .48);--ui-border: rgba(255, 255, 255, .25);--ui-text: #f5f5f5;--ui-shadow: rgba(0, 0, 0, .6);--accent: #f0d37a}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;font-family:Trebuchet MS,Segoe UI,sans-serif;color:var(--ui-text);background:#0d1b2a}#game{width:100%;height:100%;display:block;image-rendering:pixelated}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#top-left{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;gap:8px}#title{padding:6px 10px;border:1px solid var(--ui-border);background:var(--ui-bg);text-shadow:0 2px 2px var(--ui-shadow);font-weight:700;letter-spacing:.06em;text-transform:uppercase}#debug{min-width:220px;padding:8px 10px;border:1px solid var(--ui-border);background:var(--ui-bg);text-shadow:0 1px 2px var(--ui-shadow);font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.35;white-space:pre-line}#crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);opacity:.9}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#fff;box-shadow:0 0 2px #000}#crosshair:before{width:2px;height:18px;left:8px;top:0}#crosshair:after{width:18px;height:2px;left:0;top:8px}#deploy-notice{pointer-events:auto;position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #ecd37f;background:#181208e6;color:#fbe7b8;text-shadow:0 1px 2px rgba(0,0,0,.7);box-shadow:0 8px 22px #0006;z-index:6}#deploy-notice.hidden{display:none}#deploy-notice.urgent{border-color:coral;background:#280808f0;color:#ffd8c9}#deploy-notice-text{font-size:13px}#deploy-reload-btn{border:1px solid rgba(255,255,255,.28);background:#ffffff29;color:#fff7e3;padding:5px 10px;cursor:pointer;font-size:12px}#deploy-reload-btn:hover{background:#ffffff3d}#quest-panel{position:absolute;top:14px;right:14px;width:min(340px,92vw);padding:10px 12px;border:1px solid var(--ui-border);background:#071412d6;text-shadow:0 1px 2px var(--ui-shadow);z-index:5}#quest-panel.hidden{display:none}#quest-header{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#84f7d7;margin-bottom:6px}#quest-title{font-weight:700;color:#f3fffb;margin-bottom:6px}#quest-objective{font-size:13px;line-height:1.4;color:#d8f3ea;margin-bottom:6px}#quest-progress{font-size:12px;color:#f7ecb1;margin-bottom:6px}#quest-progress.complete{color:#8ff5b8;font-weight:700}#quest-meta{font-size:12px;color:#9cd6c5}#edu-panel{pointer-events:auto;position:absolute;top:206px;right:14px;width:min(360px,92vw);padding:10px 12px;border:1px solid rgba(160,201,255,.45);background:#08121edb;text-shadow:0 1px 2px var(--ui-shadow);z-index:5}#edu-panel.hidden{display:none}#edu-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}#edu-header{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#9cd0ff}#edu-level-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#c6ddff}#edu-level-select{border:1px solid rgba(255,255,255,.22);background:#0e1c30f2;color:#e9f2ff;font-size:11px;padding:2px 4px}#edu-title{font-weight:700;color:#f4f9ff;margin-bottom:6px}#edu-prompt{font-size:13px;line-height:1.4;color:#d4e7ff;margin-bottom:8px;white-space:pre-line}#edu-choices{display:grid;gap:6px;margin-bottom:8px}.edu-choice-btn{text-align:left;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#eef5ff;padding:6px 8px;font-size:12px;cursor:pointer}.edu-choice-btn:hover:enabled{background:#ffffff26}.edu-choice-btn:disabled{cursor:default;opacity:.72}#edu-feedback{font-size:12px;color:#c8def8;min-height:16px;margin-bottom:6px}#edu-feedback.correct{color:#91f3b7}#edu-feedback.incorrect{color:#ffc29e}#edu-progress{font-size:12px;color:#9ec0e8}#quest-reward-pop{position:absolute;top:72px;left:50%;transform:translate(-50%) scale(.95);min-width:min(320px,92vw);max-width:min(420px,94vw);border:1px solid rgba(255,233,166,.72);background:#1b160aeb;box-shadow:0 10px 30px #00000073;color:#ffe99c;text-align:center;padding:12px 14px;opacity:0;transition:opacity .18s ease,transform .18s ease;z-index:7}#quest-reward-pop.active{opacity:1;transform:translate(-50%) scale(1)}#quest-reward-pop.hidden{display:none}#quest-reward-text{font-weight:700;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.6)}#quest-reward-sparkles{position:relative;height:0}.quest-reward-spark{position:absolute;left:50%;top:0;width:8px;height:8px;border-radius:999px;background:var(--spark-color, #ffe99c);box-shadow:0 0 6px #ffffff8c;opacity:0;animation:quest-spark 1s ease-out forwards;animation-delay:var(--spark-delay, 0ms)}@keyframes quest-spark{0%{transform:translate(-50%,-2px) scale(.5);opacity:1}to{transform:translate(calc(-50% + var(--spark-x, 0px)),var(--spark-y, -80px)) scale(1);opacity:0}}#bottom-ui{position:absolute;left:50%;bottom:20px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}#block-name{padding:6px 10px;border:1px solid var(--ui-border);background:var(--ui-bg);font-size:13px;text-shadow:0 2px 2px var(--ui-shadow)}#hotbar{display:grid;grid-template-columns:repeat(9,52px);gap:6px;padding:8px;border:1px solid var(--ui-border);background:var(--ui-bg);pointer-events:auto}.hotbar-slot{width:52px;height:52px;border:2px solid rgba(255,255,255,.28);background:#282828c7;position:relative;image-rendering:pixelated}.hotbar-slot.selected{border-color:var(--accent);box-shadow:0 0 0 1px #0009 inset}.hotbar-slot:after{content:attr(data-key);position:absolute;right:3px;bottom:1px;font-size:10px;color:#ffffffd9;text-shadow:0 1px 2px #000}.hotbar-icon{width:100%;height:100%;background-size:cover;image-rendering:pixelated}#start-screen{pointer-events:auto;position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#2a4e70a6,#05080ee0);transition:opacity .22s ease}#start-screen.hidden{opacity:0;pointer-events:none}#start-screen h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:8px;text-shadow:0 4px 16px rgba(0,0,0,.8)}#start-screen p{margin-bottom:14px;text-align:center;color:#d9e4ef}#start-screen ul{list-style:none;display:grid;gap:6px;background:#0006;border:1px solid rgba(255,255,255,.2);padding:12px 14px;max-height:min(56vh,420px);overflow:auto}#start-screen li{font-size:14px;color:#f2f6fb}#start-screen span{display:inline-block;min-width:112px;color:#ffd982;font-weight:700}@media(max-width:900px){#top-left{top:8px;left:8px}#deploy-notice{top:8px;width:min(96vw,540px);justify-content:space-between}#quest-panel{top:56px;right:8px}#edu-panel{top:238px;right:8px}#quest-reward-pop{top:52px}#hotbar{grid-template-columns:repeat(9,40px);gap:4px;padding:6px}.hotbar-slot{width:40px;height:40px}#block-name{font-size:12px}}