@font-face{font-family:Fredoka;font-weight:300 700;font-display:swap;src:url(fonts/fredoka-latin.woff2) format("woff2")}:root{--ink: #2a1d3a;--paper: #fff8ee;--yellow: #ffd23f;--pink: #ff9ec0;--blue: #8fd3ff;--green: #7ce495;--font: "Fredoka", "Noto Sans Thai", system-ui, sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#6fbf57;font-family:var(--font);color:var(--ink);user-select:none;-webkit-user-select:none;touch-action:none}canvas#game{position:fixed;inset:0;width:100%;height:100%;display:block}button{font:inherit;color:var(--ink);cursor:pointer}[hidden]{display:none!important}.screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:12px;background:linear-gradient(135deg,#ff9ec0,#a24bff);z-index:10}.card{width:min(440px,100%);background:var(--paper);border:4px solid var(--ink);border-radius:24px;box-shadow:0 8px 0 var(--ink);padding:16px 18px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}.logo{margin:0;font-size:40px;letter-spacing:2px;color:var(--yellow);-webkit-text-stroke:2px var(--ink);text-shadow:0 4px 0 var(--ink)}.logo span{color:var(--pink)}.tagline{margin:0;font-weight:600}.row{display:flex;gap:8px;align-items:center;justify-content:center}.pill{background:#fff;border:3px solid var(--ink);border-radius:99px;padding:6px 14px;font-weight:700}.btn,.big-btn,.icon-btn{border:3px solid var(--ink);border-radius:14px;background:var(--yellow);font-weight:700;box-shadow:0 4px 0 var(--ink);padding:8px 14px;font-size:16px}.btn:active,.big-btn:active,.icon-btn:active,.act:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.big-btn{width:100%;font-size:26px;padding:10px;background:var(--green)}.btn.alt{background:var(--blue)}.btn.alt2{background:var(--pink)}.friends{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:100%}.friends>.btn{display:flex;flex-direction:column;flex:1 1 160px}.friends small{font-weight:600;font-size:12px}.join{flex:1 1 200px;background:#fff;border:3px solid var(--ink);border-radius:14px;padding:6px;display:flex;flex-direction:column;gap:4px}.join input{width:90px;text-align:center;font:inherit;font-weight:700;font-size:18px;text-transform:uppercase;border:3px solid var(--ink);border-radius:10px;padding:4px}.lang{font:inherit;border:3px solid var(--ink);border-radius:10px;padding:4px 8px;background:#fff}.banner{position:fixed;left:50%;top:calc(10px + var(--safe-t));transform:translate(-50%);background:var(--yellow);border:3px solid var(--ink);border-radius:99px;padding:6px 18px;font-weight:700;font-size:20px;box-shadow:0 3px 0 var(--ink);white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.sub{position:fixed;left:50%;top:calc(60px + var(--safe-t));transform:translate(-50%);background:#2a1d3ac7;color:#fff;border-radius:12px;padding:4px 12px;font-weight:600;font-size:14px;pointer-events:none;white-space:nowrap}.sub:empty{display:none}.hud-tl{position:fixed;left:calc(10px + var(--safe-l));top:calc(10px + var(--safe-t));display:flex;flex-direction:column;gap:6px;align-items:flex-start}.chip{background:#fff;border:3px solid var(--ink);border-radius:12px;padding:4px 10px;font-weight:700;box-shadow:0 3px 0 var(--ink)}.hud-br{position:fixed;right:calc(16px + var(--safe-r));bottom:calc(16px + var(--safe-b))}.act{width:92px;height:92px;border-radius:50%;border:4px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:var(--pink);font-size:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.act small{font-size:13px;font-weight:700}.joy{position:fixed;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:#ffffff40;border:3px solid rgba(42,29,58,.4);pointer-events:none}.knob{position:absolute;left:35px;top:35px;width:50px;height:50px;border-radius:50%;background:#fffc;border:3px solid var(--ink)}.toasts{position:fixed;left:50%;bottom:calc(24px + var(--safe-b));transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;z-index:20}.toast{background:#fff;border:3px solid var(--ink);border-radius:12px;padding:6px 14px;font-weight:700;box-shadow:0 3px 0 var(--ink);animation:toast 2.4s ease forwards;white-space:nowrap}.toast.bad{background:#ffd0d0}.toast.gold{background:var(--yellow)}@keyframes toast{0%{opacity:0;transform:translateY(10px) scale(.8)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-20px)}}@media(max-height:520px){.logo{font-size:30px}.card{padding:10px 14px;gap:6px}.big-btn{font-size:20px;padding:6px}}html.native-scene,html.native-scene body{background:transparent}.screen.guard{z-index:100}