:root{--glass: rgba(255, 250, 242, .72);--glass-strong: rgba(255, 250, 242, .9);--line: rgba(120, 96, 70, .14);--text: #3d342b;--muted: #7c6f62;--accent: #e9a15a;--accent-2: #d9824a;--leaf: #7fb069;--danger: #d86a5a;--shadow: 0 10px 30px rgba(61, 52, 43, .14);--ease: cubic-bezier(.22, .61, .36, 1);--r: 20px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#c4e6f5;color:var(--text);font-family:Nunito,ui-rounded,SF Pro Rounded,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}#scene{position:fixed;top:0;right:0;bottom:0;left:0}#scene canvas{display:block;touch-action:none}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui>*{pointer-events:auto}.hidden{display:none!important}.glass{background:var(--glass);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow);border-radius:var(--r)}.fade-in{animation:fadeIn .7s var(--ease) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;pointer-events:auto;background:radial-gradient(ellipse at center,#fff8ec0d,#3d342b40)}.title{text-align:center;color:#fffaf2;text-shadow:0 4px 30px rgba(61,52,43,.35);margin-bottom:24px}.title h1{font-size:clamp(3rem,10vw,5.5rem);letter-spacing:.28em;margin:0 0 0 .28em;font-weight:800}.title p{margin:4px 0 0;font-size:1.1rem;letter-spacing:.12em;opacity:.95}.panel{width:min(400px,100%);padding:26px}.stack{display:flex;flex-direction:column;align-items:center;gap:12px}.tabs{display:flex;background:#78604614;border-radius:999px;padding:4px;margin-bottom:18px}.tabs button{flex:1;border:0;background:none;padding:9px;border-radius:999px;cursor:pointer;color:var(--muted);font-weight:700;transition:all .25s var(--ease)}.tabs button.on{background:#fff;color:var(--text);box-shadow:0 2px 8px #3d342b1a}label.field{display:block;font-size:.85rem;font-weight:700;color:var(--muted);margin-bottom:12px}label.field input{display:block;width:100%;margin-top:6px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#ffffffd9;font:inherit;font-size:16px;color:var(--text);transition:border-color .2s,box-shadow .2s}label.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #e9a15a33}.err{color:var(--danger);font-size:.9rem;min-height:1.2em;margin:2px 0 10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;padding:13px 22px;border-radius:16px;font-weight:800;letter-spacing:.02em;background:linear-gradient(180deg,#f2b36e,var(--accent-2));color:#fff;box-shadow:0 6px 16px #d9824a59;transition:transform .2s var(--ease),box-shadow .2s var(--ease),filter .2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.04)}.btn:active{transform:translateY(0)}.btn.soft{background:var(--glass-strong);color:var(--text);box-shadow:0 4px 12px #3d342b1a}.btn.wide{width:100%}.btn.danger{background:linear-gradient(180deg,#e98a7c,var(--danger))}.btn[disabled]{opacity:.55;cursor:default;transform:none}.menu-buttons{display:grid;gap:10px;width:min(300px,100%)}.menu-buttons .btn{padding:15px;font-size:1.05rem}.welcome{color:#fffaf2;font-size:1.15rem;margin:-6px 0 22px;text-shadow:0 2px 12px rgba(61,52,43,.4)}.hud-left{position:fixed;top:16px;left:16px;padding:12px 18px 14px;min-width:190px}.hud-left .brand{display:flex;align-items:center;justify-content:space-between;gap:12px}.hud-left .brand b{letter-spacing:.3em;font-size:1.05rem}.icon-btn{border:0;background:#ffffffb3;width:34px;height:34px;border-radius:11px;cursor:pointer;font-size:1rem;display:grid;place-items:center;transition:background .2s,transform .2s var(--ease)}.icon-btn:hover{background:#fff;transform:scale(1.06)}.level{margin-top:8px;font-size:.85rem;color:var(--muted);font-weight:700}.xpbar{height:8px;background:#78604624;border-radius:99px;overflow:hidden;margin-top:6px}.xpbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#f4c26b,var(--accent-2));border-radius:99px;transition:width .8s var(--ease)}.hud-right{position:fixed;top:16px;right:16px;display:flex;gap:10px}.chip{padding:10px 16px;display:flex;flex-direction:column;align-items:flex-end}.chip b{font-size:1.15rem;font-variant-numeric:tabular-nums}.chip small{color:var(--muted);font-size:.75rem;font-weight:700}.saved{position:fixed;top:84px;right:22px;font-size:.78rem;color:var(--muted);opacity:0;transition:opacity .5s;pointer-events:none}.saved.on{opacity:.9}.toolbar{position:fixed;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:8px}.tool{border:0;background:transparent;border-radius:15px;padding:8px 12px 7px;cursor:pointer;min-width:74px;display:flex;flex-direction:column;align-items:center;gap:2px;transition:background .25s var(--ease),transform .25s var(--ease)}.tool span{font-size:1.45rem;line-height:1.2;transition:transform .3s var(--ease)}.tool small{font-size:.74rem;font-weight:700;color:var(--muted)}.tool:hover{background:#fff9}.tool:hover span{transform:translateY(-2px) scale(1.08)}.tool.on{background:#fff;box-shadow:0 3px 10px #3d342b1a}.buildmenu{position:fixed;bottom:104px;left:50%;transform:translate(-50%);width:min(820px,calc(100% - 24px));padding:14px;animation:slideUp .35s var(--ease) both}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.buildmenu .items{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}.item{flex:0 0 120px;border:0;background:#ffffffb8;border-radius:16px;padding:8px 8px 10px;cursor:pointer;text-align:center;position:relative;transition:transform .25s var(--ease),background .25s,box-shadow .25s}.item:hover{transform:translateY(-3px);background:#fff;box-shadow:0 8px 18px #3d342b1f}.item.on{outline:3px solid var(--accent);background:#fff}.item img{width:92px;height:92px;display:block;margin:0 auto 2px}.item b{display:block;font-size:.85rem}.item .price{font-size:.8rem;color:var(--muted);font-weight:700}.item .inc{font-size:.72rem;color:#5d8f4c;font-weight:700}.item.locked{opacity:.6}.item.locked img{filter:grayscale(.9) brightness(1.1)}.item .lock{position:absolute;top:8px;right:8px;font-size:.7rem;background:#3d342bbf;color:#fff;padding:2px 7px;border-radius:99px}.item.poor .price{color:var(--danger)}.hint{font-size:.78rem;color:var(--muted);text-align:center;margin-top:8px}.hint kbd{background:#fff;border-radius:6px;padding:1px 6px;border:1px solid var(--line);font-family:inherit;font-weight:700}.selpanel{position:fixed;right:16px;bottom:110px;width:250px;padding:16px;animation:fadeIn .3s var(--ease) both}.selpanel h3{margin:0 0 2px}.selpanel p{margin:0 0 12px;color:var(--muted);font-size:.88rem}.selpanel .row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.selpanel .row .btn{padding:10px;font-size:.88rem}.selpanel .row .full{grid-column:1 / -1}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d342b40;display:grid;place-items:center;padding:16px;animation:fadeIn .3s var(--ease) both;z-index:20}.modal{width:min(440px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:24px;text-align:center}.modal h2{margin:4px 0 8px}.modal p{color:var(--muted)}.modal .big{font-size:2.2rem;font-weight:800;color:var(--text);margin:6px 0 14px}.modal .emoji{font-size:2.6rem}.settings{text-align:left}.settings h3{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:18px 0 8px}.settings .opt{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:6px 0;font-weight:600}.settings input[type=range]{width:52%;accent-color:var(--accent-2)}.settings select{font:inherit;padding:6px 10px;border-radius:10px;border:1px solid var(--line);background:#fff}.settings input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent-2)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 18px}.profile-grid div{background:#ffffffb3;border-radius:14px;padding:12px}.profile-grid b{display:block;font-size:1.3rem}.profile-grid small{color:var(--muted);font-weight:700}.toasts{position:fixed;left:50%;top:92px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:30}.toast{padding:10px 18px;font-weight:700;animation:toastIn .4s var(--ease) both}.toast.out{animation:toastOut .5s var(--ease) both}@keyframes toastIn{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateY(-6px)}}.loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fffaf2;font-weight:800;letter-spacing:.3em;font-size:1.4rem;text-shadow:0 2px 20px rgba(61,52,43,.3)}.placebar{position:fixed;left:50%;bottom:104px;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px;animation:fadeIn .3s var(--ease) both;z-index:5}.pb-btn{width:48px;height:48px;border:0;border-radius:14px;background:#fffc;font-size:1.35rem;cursor:pointer;display:grid;place-items:center;transition:background .2s,transform .2s var(--ease)}.pb-btn:hover{background:#fff;transform:scale(1.05)}.pb-ok{height:48px;padding:0 18px;white-space:nowrap;font-size:.95rem}.pb-ok[disabled]{background:linear-gradient(180deg,#cfc6bb,#b9ae9f);box-shadow:none}body.placing .buildmenu{bottom:172px}@media (max-width: 640px){:root{--r: 16px}.hud-left{top:max(10px,env(safe-area-inset-top));left:10px;min-width:0;padding:8px 10px 10px 12px}.hud-left .brand b{font-size:.85rem;letter-spacing:.22em}.icon-btn{width:30px;height:30px;border-radius:9px}.level{font-size:.72rem;margin-top:4px}.xpbar{height:6px;margin-top:4px}.hud-right{top:max(10px,env(safe-area-inset-top));right:10px;gap:6px}.chip{padding:7px 10px}.chip b{font-size:1rem}.chip small{font-size:.66rem}.saved{top:64px;right:14px}.toolbar{left:8px;right:8px;transform:none;bottom:max(8px,env(safe-area-inset-bottom));gap:2px;padding:6px;justify-content:space-between}.tool{flex:1 1 0;min-width:0;padding:7px 2px 5px;border-radius:12px}.tool span{font-size:1.35rem}.tool small{display:block;font-size:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.buildmenu{left:8px;right:8px;width:auto;transform:none;bottom:calc(max(8px,env(safe-area-inset-bottom)) + 74px);padding:10px;animation-name:slideUpM}.buildmenu .items{gap:8px}.item{flex:0 0 96px;padding:6px 6px 8px;border-radius:14px}.item img{width:66px;height:66px}.item b{font-size:.76rem}.item .price{font-size:.72rem}.item .inc{font-size:.66rem}.item .lock{top:4px;right:4px;font-size:.6rem;padding:1px 6px}.hint{font-size:.7rem}body.placing .buildmenu{display:none}.placebar{left:8px;right:8px;transform:none;justify-content:space-between;bottom:calc(max(8px,env(safe-area-inset-bottom)) + 76px);animation-name:fadeInM}.pb-ok{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;padding:0 12px;font-size:.88rem}.selpanel{left:8px;right:8px;width:auto;bottom:calc(max(8px,env(safe-area-inset-bottom)) + 76px);padding:14px}.toasts{top:calc(max(10px,env(safe-area-inset-top)) + 70px);width:calc(100% - 24px)}.toast{text-align:center;font-size:.88rem}.modal{padding:20px 16px}}@keyframes slideUpM{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeInM{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}