:root{--ink: #3b3a45;--ink-soft: #6c6a78;--card: rgba(255, 252, 245, .92);--hay: #f1c35c;--hay-deep: #d9993a;--sky: #86c5ee;--grass: #7cc36a;--berry: #e8607a;--round: ui-rounded, "SF Pro Rounded", "Nunito", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--shadow: 0 6px 0 rgba(59, 58, 69, .12), 0 14px 34px rgba(59, 58, 69, .16)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#cfe8f7;color:var(--ink);font-family:var(--round);-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0}canvas{display:block;width:100%;height:100%}button{font-family:var(--round)}.hud{position:fixed;inset:0;pointer-events:none;z-index:10}.hud__money{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:10px;padding:10px 18px 10px 12px;background:var(--card);border-radius:22px;box-shadow:var(--shadow);font-size:26px;font-weight:800}.hud__coin{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3b8,var(--hay) 55%,var(--hay-deep));display:grid;place-items:center;font-size:17px;color:#8a5a14}.hud__money small{font-size:13px;color:var(--ink-soft);font-weight:700;margin-left:2px}.hud__needles{position:absolute;top:16px;left:50%;transform:translate(-50%);padding:10px 18px;background:var(--card);border-radius:22px;box-shadow:var(--shadow);text-align:center;min-width:220px}.hud__needles b{font-size:20px}.hud__needles .row{display:flex;gap:3px;justify-content:center;margin-top:6px;flex-wrap:wrap;max-width:300px}.hud__needles .pin{width:7px;height:16px;border-radius:4px;background:#e2dccf}.hud__needles .pin.found{background:linear-gradient(#f7f9fc,#9fb2c8);box-shadow:0 0 6px #ffffffe6}.hud__stack{position:absolute;top:16px;right:16px;padding:10px 16px;background:var(--card);border-radius:22px;box-shadow:var(--shadow);font-size:14px;font-weight:700;min-width:170px}.hud__stack .bar{height:10px;border-radius:6px;background:#eadfcb;margin-top:6px;overflow:hidden}.hud__stack .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--hay-deep),var(--hay));border-radius:6px}.hud__crosshair{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#ffffffd9;box-shadow:0 0 0 2px #3b3a4559}.hud__crosshair.grab{width:14px;height:14px;margin:-7px 0 0 -7px;background:var(--hay)}.hud__prompt{position:absolute;left:50%;top:58%;transform:translate(-50%);padding:8px 16px;border-radius:16px;background:var(--card);box-shadow:var(--shadow);font-size:16px;font-weight:800;opacity:0;transition:opacity .15s;white-space:nowrap}.hud__prompt.on{opacity:1}.hud__prompt kbd{display:inline-block;min-width:24px;padding:1px 7px;margin-right:6px;border-radius:7px;background:var(--ink);color:#fff;font-family:var(--round);font-size:14px}.hud__flash{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);font-size:38px;font-weight:900;color:#fff;white-space:nowrap;text-shadow:0 4px 0 var(--hay-deep),0 10px 30px rgba(59,58,69,.35);opacity:0}.hud__flash.on{animation:pop 2.4s ease forwards}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}20%{transform:translate(-50%,-50%) scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)}}.hud__floaters{position:absolute;left:150px;top:60px}.hud__floaters span{position:absolute;left:0;top:0;font-weight:900;font-size:18px;color:var(--hay-deep);animation:rise 1.4s ease-out forwards;white-space:nowrap}@keyframes rise{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-38px)}}.hud__tools{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;padding:8px;background:var(--card);border-radius:22px;box-shadow:var(--shadow)}.hud__tools .slot{position:relative;width:64px;height:64px;border-radius:16px;background:#efe8da;display:grid;place-items:center;font-size:11px;font-weight:800;text-align:center;line-height:1.1;color:var(--ink-soft);padding:4px}.hud__tools .slot.owned{background:#fff;color:var(--ink)}.hud__tools .slot.on{background:var(--hay);color:#5a3b0c;box-shadow:inset 0 -4px 0 var(--hay-deep)}.hud__tools .slot .key{position:absolute;top:3px;left:7px;font-size:10px;opacity:.6}.hud__tools .slot .icon{font-size:22px;line-height:1}.hud__tools .slot.locked{opacity:.45}.hud__load{position:absolute;bottom:100px;left:50%;transform:translate(-50%);padding:5px 14px;border-radius:14px;background:var(--card);box-shadow:var(--shadow);font-size:14px;font-weight:800;opacity:0;transition:opacity .2s}.hud__load.on{opacity:1}.hud__detector{position:absolute;bottom:136px;left:50%;transform:translate(-50%);display:none;align-items:flex-end;gap:4px;padding:7px 14px;border-radius:14px;background:var(--card);box-shadow:var(--shadow);font-size:13px;font-weight:800}.hud__detector.on{display:flex}.hud__detector span{margin-right:6px}.hud__detector i{width:8px;border-radius:3px;background:#e2dccf}.hud__detector i:nth-of-type(1){height:8px}.hud__detector i:nth-of-type(2){height:11px}.hud__detector i:nth-of-type(3){height:14px}.hud__detector i:nth-of-type(4){height:17px}.hud__detector i:nth-of-type(5){height:20px}.hud__detector i.lit{background:var(--berry)}.hud__keys{position:absolute;left:16px;bottom:16px;max-width:290px;padding:10px 14px;border-radius:16px;background:var(--card);box-shadow:var(--shadow);font-size:12px;line-height:1.7;color:var(--ink-soft)}.hud__keys b{color:var(--ink)}.hud__keys.hidden{display:none}.hud__coop{position:absolute;right:16px;top:86px;min-width:170px;padding:10px 14px;border-radius:16px;background:var(--card);box-shadow:var(--shadow);font-size:13px;font-weight:700;display:none}.hud__coop.on{display:block}.hud__coop.on.hide{display:none}.hud__coop .code{font-size:22px;letter-spacing:.12em;font-weight:900}.hud__coop .who{display:flex;align-items:center;gap:6px;margin-top:4px}.hud__coop .dot{width:10px;height:10px;border-radius:50%}.hud__coop{pointer-events:auto}.hud__coop .btn{margin-top:8px}.hud__saved{position:absolute;right:70px;bottom:28px;font-size:13px;font-weight:800;color:var(--ink-soft);opacity:0}.hud__saved.on{animation:saved 1.8s ease forwards}@keyframes saved{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}.hud__sound{position:absolute;right:16px;bottom:16px;width:44px;height:44px;border:0;border-radius:50%;background:var(--card);box-shadow:var(--shadow);font-size:20px;line-height:1;cursor:pointer;pointer-events:auto}.hud__sound.off{opacity:.7}.hud__debug{position:absolute;right:16px;bottom:72px;padding:10px;border-radius:12px;background:#3b3a45d9;color:#fff;font:12px ui-monospace,monospace;pointer-events:auto;display:none;max-width:300px}.hud__debug.on{display:block}.hud__debug button{margin:3px 3px 0 0;font:11px ui-monospace,monospace}.panel-wrap{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:#86c5ee59;backdrop-filter:blur(3px)}.panel-wrap.hidden{display:none}.panel{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;padding:26px 28px;border-radius:28px;background:var(--card);box-shadow:var(--shadow);pointer-events:auto}.panel h1{margin:0;font-size:clamp(34px,7vw,56px);line-height:.95;font-weight:900}.panel h1 em{font-style:normal;color:var(--hay-deep)}.panel h2{margin:0 0 10px;font-size:24px;font-weight:900}.panel p{margin:12px 0;line-height:1.55;color:var(--ink-soft)}.panel .row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.btn{appearance:none;border:0;cursor:pointer;padding:13px 22px;border-radius:18px;background:var(--hay);color:#4e330b;font-size:17px;font-weight:900;box-shadow:inset 0 -5px 0 var(--hay-deep);transition:transform .08s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(2px);box-shadow:inset 0 -2px 0 var(--hay-deep)}.btn.alt{background:#fff;color:var(--ink);box-shadow:inset 0 -5px #dcd3c2}.btn.small{padding:8px 14px;font-size:14px;border-radius:14px}.btn:disabled{opacity:.45;cursor:default;transform:none}.field{font-family:var(--round);font-size:20px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;padding:11px 14px;border-radius:16px;border:3px solid #e4dccd;width:170px;color:var(--ink)}.field.name{letter-spacing:0;text-transform:none;width:210px;font-size:17px}.note{font-size:13px;color:var(--ink-soft)}.panel h3{margin:18px 0 6px;font-size:15px;font-weight:900}.btn.big{padding:16px 28px;font-size:20px}.warn{color:var(--berry)}.field.link{width:min(340px,100%);font-size:13px;letter-spacing:0;text-transform:none;font-weight:700}@media(min-width:900px){.panel-wrap[data-panel=title]{justify-items:start;padding-left:max(24px,5vw);background:#86c5ee1f;backdrop-filter:none}}.title__invite{margin:14px 0 4px;padding:12px 16px;border-radius:18px;background:#fff}.title__invite p{margin:0 0 10px}.wardrobe{display:grid;gap:6px}.ward__row{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:8px;font-size:13px;font-weight:800}.swatches{display:flex;flex-wrap:wrap;gap:5px}.swatch{width:24px;height:24px;border-radius:50%;border:3px solid #fff;cursor:pointer;padding:0;box-shadow:0 0 0 1px #d8cfbe}.swatch.on{box-shadow:0 0 0 3px var(--ink)}.pick{display:flex;align-items:center;gap:8px}.pick b{min-width:118px;text-align:center;font-size:14px}.pick button{width:30px;height:30px;border:0;border-radius:10px;background:#fff;cursor:pointer;font-size:18px;font-weight:900;color:var(--ink);box-shadow:inset 0 -3px #dcd3c2}.farms{display:grid;gap:5px}.farm{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:8px;padding:7px 10px;border-radius:14px;background:#fff;cursor:pointer;font-size:13px}.farm.on{box-shadow:inset 0 0 0 3px var(--hay)}.farm span{color:var(--ink-soft)}.farm .x{border:0;background:none;font-size:18px;color:var(--ink-soft);cursor:pointer;padding:0 4px}.farm .x:hover{color:var(--berry)}.btn.file{display:inline-flex;align-items:center}.error{color:var(--berry);font-weight:800;min-height:1.4em}.shop__list{display:grid;gap:8px;margin-top:10px}.shop__item{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:10px 12px;border-radius:16px;background:#fff}.shop__item b{font-size:16px}.shop__item span{font-size:12px;color:var(--ink-soft)}.shop__tabs{display:flex;gap:6px;margin-top:8px}.shop__tabs .btn.on{background:var(--ink);color:#fff;box-shadow:none}.stats{display:grid;grid-template-columns:1fr auto;gap:6px 16px;margin:14px 0;font-weight:800}.stats span{color:var(--ink-soft);font-weight:700}.sketch{width:70px;height:48px;flex:none;fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round}.sketch path{fill:var(--ink);stroke:none}.sketch .box{fill:#fff}.sketch .in{fill:var(--hay-deep);stroke:none}.sketch .hay{fill:var(--hay)}.hud__inspect{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:300px;padding:12px 14px;border-radius:18px;background:var(--card);box-shadow:var(--shadow);font-size:13px;line-height:1.5;display:none}.hud__inspect.on{display:block}.hud__inspect p{margin:8px 0 0;color:var(--ink-soft)}.card__head{display:flex;align-items:center;gap:10px}.card__head b{display:block;font-size:16px}.card__head span{font-weight:800}.card__head .bad{color:var(--berry)}.hud__inspect kbd,.guide kbd,.panel .note kbd{display:inline-block;padding:0 6px;border-radius:6px;background:var(--ink);color:#fff;font-family:var(--round);font-size:12px}.guide{display:grid;gap:8px;margin-top:10px}.guide__item{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:16px;background:#fff}.guide__item b{display:block;font-size:15px}.guide__item span{font-size:12px;color:var(--ink-soft);line-height:1.45}.build{position:fixed;left:50%;bottom:96px;transform:translate(-50%);z-index:12;display:none;flex-direction:column;gap:6px;padding:8px;border-radius:20px;background:var(--card);box-shadow:var(--shadow);width:max-content;max-width:calc(100vw - 32px)}.build.on{display:flex}.build__slots{display:flex;gap:6px}.build__help{display:flex;gap:10px;align-items:center;max-width:560px;padding:2px 6px;font-size:12px;line-height:1.45;color:var(--ink-soft)}.build__help b{color:var(--ink)}.build__why{padding:0 6px;font-size:13px;font-weight:800;color:var(--berry);min-height:1.2em}.build__why:empty{display:none}.build .slot{width:84px;padding:6px;border-radius:14px;background:#fff;text-align:center;font-size:12px;font-weight:800}.build .slot.on{background:var(--hay)}.build .slot small{display:block;color:var(--ink-soft);font-weight:700}.nowebgl{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:#cfe8f7;z-index:60}.nowebgl__card{max-width:560px;padding:26px 28px;border-radius:28px;background:var(--card);box-shadow:var(--shadow)}.nowebgl h1{margin:0 0 8px;font-size:28px}.nowebgl li{margin:6px 0;line-height:1.5}.nowebgl .meta{font-size:12px;color:var(--ink-soft)}@media(max-width:720px){.hud__detector{position:absolute;bottom:136px;left:50%;transform:translate(-50%);display:none;align-items:flex-end;gap:4px;padding:7px 14px;border-radius:14px;background:var(--card);box-shadow:var(--shadow);font-size:13px;font-weight:800}.hud__detector.on{display:flex}.hud__detector span{margin-right:6px}.hud__detector i{width:8px;border-radius:3px;background:#e2dccf}.hud__detector i:nth-of-type(1){height:8px}.hud__detector i:nth-of-type(2){height:11px}.hud__detector i:nth-of-type(3){height:14px}.hud__detector i:nth-of-type(4){height:17px}.hud__detector i:nth-of-type(5){height:20px}.hud__detector i.lit{background:var(--berry)}.hud__keys{display:none}.hud__needles{top:76px}.hud__tools .slot{width:48px;height:48px;font-size:9px}}