:root{color:#183d2b;font-family:Noto Sans SC,Microsoft YaHei,PingFang SC,sans-serif;font-synthesis:none;background:#eee1bd}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;width:100%;min-width:320px;height:100%;overflow:hidden}body{background:radial-gradient(circle at 24% 18%,rgb(255 250 227 / 88%),transparent 31%),linear-gradient(145deg,#f8edcf,#ead6a6 58%,#d7b56d)}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:repeating-linear-gradient(100deg,transparent 0 34px,rgb(31 77 54 / 3%) 35px 36px);content:"";pointer-events:none}#scene-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}#scene-host canvas,canvas.toy-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%!important;height:100%!important}button{font:inherit}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;grid-template-rows:auto 1fr auto;gap:clamp(.6rem,2vh,1.25rem);padding:max(.8rem,env(safe-area-inset-top)) max(.8rem,env(safe-area-inset-right)) max(.8rem,env(safe-area-inset-bottom)) max(.8rem,env(safe-area-inset-left));pointer-events:none}.hud-top{display:grid;grid-template-columns:minmax(10rem,1fr) auto;gap:.65rem 1rem;align-items:start}.hud-brand h1{margin:0;color:#1f4d36;font-family:ZCOOL XiaoWei,Liu Jian Mao Cao,Songti SC,STSong,serif;font-size:clamp(2rem,6vw,4.5rem);font-weight:700;letter-spacing:.14em;line-height:.95;text-shadow:0 2px 0 rgb(255 255 255 / 45%)}.hud-brand p{margin:.55rem 0 0;color:#4c654e;font-family:Songti SC,STSong,serif;font-size:clamp(.82rem,2vw,1.08rem);letter-spacing:.16em}.hud-actions{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end;pointer-events:auto}.hud-button,.hud-mode__button{min-height:2.5rem;border:1px solid rgb(31 77 54 / 32%);border-radius:999px;color:#1f4d36;background:#fffae2d1;box-shadow:0 4px 14px #2c412e1f;cursor:pointer;transition:transform .15s ease,background .15s ease,color .15s ease}.hud-button{padding:.55rem .9rem}.hud-button:hover:not(:disabled),.hud-button:focus-visible,.hud-mode__button:hover,.hud-mode__button:focus-visible{transform:translateY(-1px);outline:2px solid #d7b56d;outline-offset:2px}.hud-button:disabled{cursor:default;opacity:.58}.hud-button.is-active{border-color:#1f4d36;color:#fff9df;background:#1f4d36}.hud-mode{display:flex;width:fit-content;padding:.25rem;border:1px solid rgb(31 77 54 / 18%);border-radius:999px;background:#f7ebcabf;box-shadow:0 6px 22px #31492f1a;pointer-events:auto}.hud-mode__button{min-width:6.3rem;padding:.45rem .75rem;border-color:transparent;background:transparent;box-shadow:none}.hud-mode__button.is-active{color:#fff9df;background:#1f4d36}.hud-stats{display:grid;grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid rgb(31 77 54 / 16%);border-radius:1rem;background:#fff9e2ad;box-shadow:0 10px 30px #2a422d17;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-stat{display:flex;min-width:0;padding:.65rem clamp(.55rem,2vw,1rem);flex-direction:column;gap:.15rem}.hud-stat+.hud-stat{border-left:1px solid rgb(31 77 54 / 14%)}.hud-stat__label{color:#66765e;font-size:clamp(.66rem,1.8vw,.78rem);letter-spacing:.08em}.hud-stat__value{overflow:hidden;color:#1f4d36;font-size:clamp(.95rem,3vw,1.35rem);text-overflow:ellipsis;white-space:nowrap}.hud-stat.is-sounding .hud-stat__value{color:#a76118}.rub-zone{place-self:end center;display:flex;width:min(92vw,42rem);min-height:clamp(6rem,19vh,10rem);border:2px dashed rgb(31 77 54 / 44%);border-radius:1.5rem;align-items:center;justify-content:center;flex-direction:column;gap:.25rem;color:#1f4d36;background:linear-gradient(120deg,#fff9e06b,#d7b56d4d);box-shadow:inset 0 0 28px #ffffff40,0 12px 34px #2c46301a;font-family:Songti SC,STSong,serif;font-size:clamp(1rem,3.4vw,1.35rem);letter-spacing:.12em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto}.rub-zone__arrows{color:#b1873e;font-family:Georgia,serif;font-size:clamp(1.8rem,6vw,3rem);line-height:.8;letter-spacing:0}.hud-hint{margin:0;color:#1f4d36b8;font-size:.75rem;letter-spacing:.08em;text-align:center}@media(max-width:640px){.hud-top{grid-template-columns:1fr}.hud-actions{justify-content:flex-start}.hud-button{min-height:2.25rem;padding:.42rem .7rem;font-size:.78rem}.hud-mode{grid-column:1}.hud-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-stat:nth-child(3){border-left:0;border-top:1px solid rgb(31 77 54 / 14%)}.hud-stat:nth-child(4){border-top:1px solid rgb(31 77 54 / 14%)}}@media(max-height:620px)and (orientation:landscape){.hud-brand p,.hud-hint{display:none}.hud-top{grid-template-columns:auto 1fr auto}.hud-mode{grid-column:3;grid-row:1}.hud-stats{grid-column:1 / -1}.rub-zone{min-height:4.6rem}}@media(prefers-reduced-motion:reduce){.hud-button,.hud-mode__button{transition:none}}