:root{font-family: 'Segoe UI',system-ui,sans-serif;color:#30472d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#bde4ef}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ebad37;outline-offset:4px}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:25px 35px;pointer-events:none}header>*{pointer-events:auto}.brand{display:flex;gap:12px;align-items:center;color:#29452d;text-decoration:none;font-size:27px;font-weight:800;letter-spacing:-1.3px}.brand .light{font-weight:400}.brand small{display:block;font-size:9px;letter-spacing:2.9px;margin-top:1px}.brand-cube{display:grid;place-items:center;width:43px;height:43px;background:#7ea951;color:#e6edb3;border-radius:12px;box-shadow:inset -7px -7px #658b40;transform:rotate(-7deg);font-size:35px}.status{display:flex;align-items:center;gap:12px;background:#fffcdfbd;padding:12px 20px;border-radius:30px;font-size:12px;backdrop-filter:blur(10px)}.status i{width:3px;height:3px;background:#8b9a76;border-radius:50%}.sun{font-size:23px;color:#c58c25}.soft-button{background:#fffcefde;border:1px solid #ffffff90;border-radius:12px;padding:12px 17px;color:#344b33;font-weight:600}#location{position:fixed;top:105px;left:37px;display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.7px;font-weight:700}.dot{width:6px;height:6px;background:#5b853e;border-radius:50%}.tag{margin-left:6px;background:#ffffff80;border-radius:5px;padding:5px 7px;font-size:8px;letter-spacing:1px}.panel{position:fixed;left:36px;top:50%;transform:translateY(-45%);width:440px;padding:30px;background:#fffef0ee;backdrop-filter:blur(18px);border:1px solid #fff;border-radius:24px;box-shadow:0 16px 65px #3c633316}.eyebrow{font-size:8px;font-weight:750;letter-spacing:1.5px;color:#84916c}h1{font-size:58px;line-height:1.04;letter-spacing:-3px;margin:17px 0 15px;font-weight:750}h1 em{font-family:Georgia,serif;font-weight:400;color:#6e924f}p{font-size:13px;line-height:1.8;color:#75816b}.pills{display:flex;gap:7px;margin:20px 0}.pills span{font-size:9px;border:1px solid #dce2c9;border-radius:7px;padding:7px 8px;white-space:nowrap}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;padding:17px 21px;border:0;border-radius:12px;background:#486e37;color:#fffde7;font-weight:650;font-size:16px;box-shadow:0 4px 0 #34532a;transition:background .2s,transform .2s}.primary:hover{background:#577f42;transform:translateY(-1px)}.primary span{font-size:22px}.continue-note{text-align:center;font-size:10px;color:#8a937d;margin:13px 0 21px}.instructions{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;border-top:1px solid #e3e7d4;padding-top:19px}.instructions>div{display:flex;gap:8px;align-items:center;font-size:10px;color:#818b76}kbd{font-family:inherit;font-size:8px;font-weight:650;display:inline-block;padding:4px 5px;border:1px solid #d5ddc6;border-bottom:2px solid #c7d0b8;border-radius:4px;background:#fffef4;color:#60704e}.panel-footer{font-size:9px;letter-spacing:.4px;text-align:center;margin-top:20px;color:#859273}#idea{position:fixed;right:35px;top:145px;width:235px;background:#fffeeddd;border:1px solid #ffffff9c;border-radius:15px;padding:20px;transform:rotate(2deg);box-shadow:0 8px 30px #335a2810}#idea>span{font-size:9px;letter-spacing:1.8px;color:#7c8c60;font-weight:700}#idea p{font-family:Georgia,serif;font-size:23px;line-height:1.3;color:#4c6240;margin:13px 0 20px}.idea-bottom{font-size:9px;line-height:1.7;color:#8a9476;border-top:1px solid #dfe5c9;padding-top:12px;display:flex;gap:15px}.idea-bottom span{font-size:20px}#buildbar{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);min-width:560px}.selected-label{display:flex;align-items:center;justify-content:space-between;padding:0 6px 9px;font-size:12px;color:#314b2a;font-weight:650;text-shadow:0 1px 8px #fffff5}#mode{font-size:8px;letter-spacing:1.6px}#hotbar{display:flex;gap:6px;padding:8px;background:#fbfde7de;border:1px solid #ffffffb0;backdrop-filter:blur(10px);border-radius:15px;box-shadow:0 8px 30px #24492726}.slot{position:relative;border:1px solid transparent;border-radius:9px;width:53px;height:55px;background:#dce4c27a;display:grid;place-items:center;transition:transform .15s,background .15s}.slot:hover{transform:translateY(-4px)}.slot.active{background:#fffbed;border:2px solid #688f47;box-shadow:0 0 0 2px #688f4725}.slot small{position:absolute;left:4px;top:2px;font-size:8px;color:#81916b}.block-icon{width:27px;height:27px;background:var(--color);border-radius:2px;box-shadow:inset -7px -6px #0002,inset 0 5px #fff3;transform:rotate(-8deg)}.bottom-hint{display:flex;justify-content:space-between;font-size:7px;font-weight:650;letter-spacing:1.5px;margin:10px 7px;color:#3d592d}#crosshair{position:fixed;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 1px 2px #345)}#crosshair i,#crosshair b{position:absolute;background:#fffce8;border-radius:2px}#crosshair i{left:8px;top:2px;width:2px;height:14px}#crosshair b{top:8px;left:2px;height:2px;width:14px}#toast{position:fixed;left:50%;top:115px;transform:translateX(-50%);background:#fffdeaed;padding:12px 22px;border-radius:30px;font-size:12px;opacity:0;transition:opacity .25s;pointer-events:none}#toast.show{opacity:1}#play-hints{position:fixed;bottom:9px;left:24px;right:24px;display:flex;justify-content:space-between;pointer-events:none;font-size:10px;color:#30472d;text-shadow:0 1px 6px #fff}#play-hints kbd{margin:0 4px}body.playing #idea{display:none}body.playing #buildbar{bottom:43px}#touch-controls{position:fixed;bottom:140px;left:15px;right:15px;display:flex;justify-content:space-between;pointer-events:none}#touch-controls button{pointer-events:auto;touch-action:none;background:#fffde8cf;border:1px solid #fff;color:#38572e;border-radius:12px;min-width:44px;height:44px;margin:2px}.dpad{text-align:center}.touch-actions{max-width:160px;display:flex;flex-wrap:wrap;justify-content:flex-end}
@media(max-height:780px) and (min-width:761px){.panel{padding:23px;width:400px;top:47%}h1{font-size:48px;margin:12px 0}.pills{margin:13px 0}.instructions{gap:9px}.panel-footer{margin-top:14px}.continue-note{margin:10px 0 14px}#buildbar{left:67%;bottom:23px}body.playing #buildbar{left:50%}}
@media(max-width:760px){header{padding:17px}.brand{font-size:23px}.brand-cube{width:35px;height:35px}.status{display:none}#location{left:20px;top:85px;font-size:8px}#idea{display:none}.panel{left:50%;top:47%;transform:translate(-50%,-50%);width:min(91vw,400px);padding:23px}h1{font-size:45px;margin:13px 0}.panel p{font-size:12px;margin:10px 0}.pills{margin:13px 0}.instructions{gap:8px}.continue-note{margin:11px 0}.panel-footer{margin-top:13px}#buildbar{min-width:0;width:94%;bottom:14px}#hotbar{gap:3px;padding:5px}.slot{width:calc(100% / 9);height:43px}.block-icon{width:23px;height:23px}.bottom-hint{font-size:6px}.selected-label{font-size:11px}#play-hints{display:none}body.playing #buildbar{bottom:17px}#toast{top:105px;width:max-content;max-width:90%;text-align:center}body:not(.playing) #buildbar{opacity:.8}.wide{display:none}}
@media(max-height:650px) and (max-width:760px){.instructions,.panel-footer,.pills{display:none}.panel{top:46%;padding:20px}h1{font-size:36px}.eyebrow{font-size:7px}}
.touch{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}.touch button{touch-action:manipulation}.touch #play-hints{display:none}.touch #touch-controls{bottom:155px;padding:0 12px}.touch #touch-controls button{min-width:58px;height:58px;font-weight:650;font-size:15px;border-radius:17px;box-shadow:0 3px 0 #76935c60}.touch .touch-actions{max-width:210px;gap:5px}.touch .dpad>button{margin-bottom:6px}.touch #touch-place{background:#597b40;color:#fffce9;min-width:95px}.touch #touch-remove{min-width:95px}.touch #buildbar{left:50%;bottom:max(20px,env(safe-area-inset-bottom));}.touch #hotbar .slot{min-height:52px}.touch #menu-button{min-height:48px}.touch.playing #location{font-size:9px}.touch #idea{top:130px;width:220px}.touch #touch-controls button:active{background:#d3e8a8;transform:translateY(2px)}
@media(pointer:coarse) and (min-width:761px){.panel{top:46%;width:400px;padding:25px}h1{font-size:50px}#buildbar{min-width:590px}.slot{width:57px;height:58px}.touch #touch-controls{bottom:155px}body.playing #buildbar{bottom:25px}}
@media(pointer:coarse) and (max-width:600px){.touch #touch-controls{padding:0;bottom:130px;left:8px;right:8px}.touch #touch-controls button{min-width:45px;height:48px;font-size:13px}.touch .touch-actions{max-width:165px;gap:1px}.touch #touch-place,.touch #touch-remove{min-width:75px}.touch #hotbar .slot{min-height:45px}}
.touch #touch-place[aria-pressed="false"],.touch #touch-remove[aria-pressed="false"]{background:#fffde8e6;color:#38572e}.touch #touch-place[aria-pressed="true"],.touch #touch-remove[aria-pressed="true"]{background:#597b40;color:#fffce9;outline:3px solid #fffce9;outline-offset:2px}
.header-actions{display:flex;gap:8px;align-items:center}.header-actions button{min-height:48px}@media(min-width:761px) and (max-width:1000px){.status{font-size:10px;padding:9px 12px;gap:7px}.brand{font-size:23px}header{padding:22px}}@media(max-width:430px){header{padding:12px}.brand{font-size:20px;gap:8px}.brand small{font-size:7px;letter-spacing:1.5px}.header-actions{gap:5px}.header-actions button{padding:10px 12px}}
#kenny-open{position:fixed;left:28px;top:145px;display:flex;gap:10px;align-items:center;text-align:left;z-index:2}#kenny-open small{display:block;font-size:7px;letter-spacing:1px;margin-top:3px}.kenny-face{background:#f0cf9b;border-top:8px solid #e4a098;border-radius:8px;display:grid;place-items:center;min-width:42px;height:45px;font-size:14px;color:#486337}body:not(.playing) #kenny-open{display:none}#kenny-panel{position:fixed;right:22px;top:110px;width:350px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 130px);overflow:auto;background:#fffef3f5;backdrop-filter:blur(16px);border:2px solid white;border-radius:22px;box-shadow:0 15px 65px #24492730;padding:22px;z-index:8}.kenny-heading{display:flex;align-items:center;gap:12px}.kenny-heading strong{font-size:23px}.kenny-heading small{display:block;color:#8a9279;font-size:11px;margin-top:3px}.kenny-heading button{margin-left:auto;border:0;border-radius:8px;background:#e7ecd6;font-size:26px;width:42px;height:42px;color:#536a42}#kenny-message{font-size:17px;line-height:1.55;color:#46603c;margin:24px 0 12px}#kenny-question{font-size:18px;color:#314c2a;font-weight:650;line-height:1.5}.kenny-answers{display:flex;gap:12px}.kenny-answers button{height:60px;flex:1;border:0;border-radius:13px;font-size:23px;font-weight:700;background:#e3eacc;color:#486337}.kenny-answers #kenny-yes{background:#597b40;color:#fffce9}.kenny-answers button:disabled{opacity:.45}#kenny-listen{display:block;margin:16px auto;border:0;background:transparent;color:#61734f;min-height:44px;font-size:13px}#kenny-form{border-top:1px solid #dbe2c9;padding-top:17px}#kenny-form label{font-size:11px;color:#829170;display:block;margin-bottom:8px}#kenny-form>div{display:flex;gap:7px}#kenny-input{width:100%;min-width:0;border:1px solid #d4dec5;border-radius:10px;background:white;padding:12px;font-size:16px;color:#344c2e}#kenny-send{border:0;border-radius:10px;background:#e3eacc;color:#486337;padding:12px;font-weight:650}#kenny-retry{width:100%;margin-top:12px}@media(max-width:600px){#kenny-panel{top:95px;right:16px;padding:18px;max-height:calc(100dvh - 110px)}#kenny-open{top:124px;left:16px;padding:8px 10px}.kenny-face{min-width:35px;height:39px}#kenny-message{font-size:15px}#kenny-question{font-size:17px}}