*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#3f8f3a;font-family:ui-rounded,SF Pro Rounded,Nunito,Segoe UI,system-ui,sans-serif;color:#3a2f2a;touch-action:none;user-select:none;-webkit-user-select:none}body{display:flex;flex-direction:column;position:relative;--barh: 76px}.topbar{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:calc(6px + env(safe-area-inset-top)) 12px 6px;gap:8px}.title{font-size:16px;font-weight:800;color:#fff;line-height:1.1;flex:0 1 auto;min-width:0}.title small{display:block;font-weight:700;font-size:10.5px;opacity:.8;letter-spacing:.4px;white-space:nowrap}.hud{display:flex;gap:6px;align-items:center}.carrotbox{display:flex;align-items:center;gap:3px;background:#fff;border:3px solid #d9cfbd;border-radius:10px;padding:1px 8px;font-weight:900;box-shadow:0 3px #0000002e}.carrotbox .q{color:#b9ad97;font-size:15px}.carrotbox .gc{line-height:0}.carrotbox .who{font-size:11px;font-weight:800;color:#7a6650;margin-left:4px;white-space:nowrap}.carrotbox.lit{border-color:#ffc928;background:#fff7d6;animation:glowbox 1s ease-in-out infinite alternate}.carrotbox.lit .q{color:#e0a400}.carrotbox.lost{border-color:#e88a8a}@keyframes glowbox{0%{box-shadow:0 3px #0000002e,0 0 #ffc92800}to{box-shadow:0 3px #0000002e,0 0 14px #ffc928e6}}.timer{background:#00000038;color:#fff;font-weight:800;font-size:14px;padding:5px 10px;border-radius:999px;font-variant-numeric:tabular-nums;min-width:62px;text-align:center}.topbtns{display:flex;gap:6px}.btn{border:none;cursor:pointer;background:#fff;color:#3a2f2a;font:inherit;font-weight:800;font-size:13px;padding:7px 12px;border-radius:999px;box-shadow:0 3px #0000002e}.btn:active{transform:translateY(2px);box-shadow:0 1px #0000002e}.btn.big{background:#ffc928}.btn.icon{width:32px;padding:7px 0;font-size:15px;color:#3f8f3a}.stage{flex:1 1 auto;position:relative;min-height:0}canvas#game{display:block;width:100%;height:100%;background:#bfe9ff;touch-action:none}.hint{position:absolute;left:50%;top:34px;transform:translate(-50%);display:flex;align-items:center;gap:8px;border:none;cursor:pointer;font:inherit;color:inherit;background:#fffffff0;padding:5px 8px 5px 14px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.25;box-shadow:0 4px 14px #0003;text-align:left;max-width:min(94%,460px);transition:opacity .3s,transform .3s;z-index:5}.hint .x{flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:#eef3ea;color:#6b7f6c;font-size:11px;display:flex;align-items:center;justify-content:center}.hint.gone{opacity:0;transform:translate(-50%) translateY(-6px);pointer-events:none}.countdown{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font-size:96px;font-weight:900;color:#fff;text-shadow:3px 0 0 #3a2f2a,-3px 0 0 #3a2f2a,0 3px 0 #3a2f2a,0 -3px 0 #3a2f2a,2px 2px 0 #3a2f2a,-2px 2px 0 #3a2f2a,2px -2px 0 #3a2f2a,-2px -2px 0 #3a2f2a,0 8px 0 rgba(0,0,0,.25);pointer-events:none;opacity:0;z-index:6}.countdown.show{opacity:1}.countdown.pop{animation:pop .45s ease-out}@keyframes pop{0%{transform:translate(-50%,-50%) scale(1.6)}to{transform:translate(-50%,-50%) scale(1)}}.toast{position:absolute;left:50%;bottom:calc(var(--barh) + 10px);transform:translate(-50%) translateY(8px);background:#28321eeb;color:#fff;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:800;box-shadow:0 4px 14px #0000004d;pointer-events:none;text-align:center;max-width:94%;opacity:0;transition:opacity .25s,transform .25s;z-index:6}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.bottombar{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px calc(8px + env(safe-area-inset-bottom));pointer-events:none}.jbtn,.takebtn{pointer-events:auto}.jbtn{position:relative;width:66px;height:66px;border:none;border-radius:50%;background:#fff;box-shadow:0 4px #0003;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;flex:0 0 auto;touch-action:none}.jbtn .glyph{font-size:30px;font-weight:900;color:#3f8f3a;z-index:2}.jbtn .fill{position:absolute;left:0;right:0;bottom:0;height:0%;background:#ffc928;z-index:1}.jbtn.cancel .fill{background:#ffb09a}.jbtn.cancel .glyph{color:#d65a3a}.jbtn:active{transform:translateY(2px);box-shadow:0 2px #0003}.takebtn{border:4px solid #fff;cursor:pointer;font:inherit;font-size:20px;font-weight:900;color:#fff;background:#e8546b;border-radius:999px;padding:10px 26px;box-shadow:0 4px #00000040;touch-action:none;visibility:hidden;transform:scale(.6);opacity:0;transition:transform .15s,opacity .15s}.takebtn.show{visibility:visible;transform:scale(1);opacity:1;animation:wiggle .6s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#14321480;z-index:20}.overlay.show{display:flex}.card{background:#fff;border-radius:22px;padding:22px 28px;text-align:center;box-shadow:0 20px 60px #0006;margin:16px;max-width:560px;max-height:90vh;overflow-y:auto}.card h2{margin:0 0 6px;font-size:24px}.card p{margin:0 0 14px;font-weight:700;color:#6b5b50}.cardbtns{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.station{display:flex;gap:16px;align-items:center;margin-bottom:16px}#preview{width:150px;height:180px;border-radius:18px;flex:0 0 auto;border:3px solid #e3ead9}.pickers{text-align:left;min-width:0}.pick-label{font-weight:900;font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:#8a7a68;margin:4px 0}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.chip{display:flex;flex-direction:column;align-items:center;gap:1px;border:2px solid #e3ead9;background:#f7faf3;border-radius:14px;padding:3px 4px 4px;font:inherit;font-size:11.5px;font-weight:800;color:#4a3f36;cursor:pointer;width:68px}.chip.on{border-color:#ffc928;background:#fff4cc}.chip canvas{width:48px;height:56px}.help-list{margin:0 0 14px;padding:0;list-style:none;text-align:left;font-weight:700;font-size:14px;color:#6b5b50}.help-list li{padding:5px 0;border-top:1px solid #eef2ea}.help-list li:first-child{border-top:none}.help-list b{color:#2f6e2b}@media(max-width:560px){.title{font-size:14px}.carrotbox .who{display:none}.station{flex-direction:column}.pickers{text-align:center}.chips{justify-content:center}.btn{font-size:12px;padding:6px 10px}}@media(max-height:500px){body{--barh: 60px}.topbar{padding:calc(3px + env(safe-area-inset-top)) 10px 3px}.title{font-size:14px}.title small{font-size:9px}.jbtn{width:52px;height:52px}.takebtn{font-size:16px;padding:6px 18px}.card{padding:12px 18px;margin:8px}.card h2{font-size:19px}#preview{width:100px;height:120px}.countdown{font-size:64px}}.hidden{display:none!important}.btn.friend{background:#8fd3ff}.btn.plain{background:none;box-shadow:none;color:#8a7a68;text-decoration:underline}.btn[disabled]{opacity:.55;cursor:default}.lobby{display:flex;flex-direction:column;align-items:center;gap:8px}.joinrow{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13px;color:#8a7a68}#code-input{width:92px;font:inherit;font-size:20px;font-weight:900;letter-spacing:3px;text-align:center;text-transform:uppercase;padding:5px 6px;border:2px solid #e3ead9;border-radius:12px;color:#3a2f2a}.roomhead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 14px}.roomcode{font-weight:800;font-size:15px;color:#8a7a68}.roomcode b{font-size:26px;letter-spacing:5px;color:#3a2f2a;margin-left:6px}.roomstatus{font-weight:800;font-size:13px;color:#2f6e2b}.roomplayers{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.roomplayer{display:flex;align-items:center;gap:4px;font-size:12.5px;font-weight:800;color:#4a3f36;background:#f7faf3;border:2px solid #e3ead9;border-radius:999px;padding:1px 12px 1px 4px}.roomplayer canvas{width:34px;height:40px}.roomplayer.away{opacity:.45}.lobby-err{color:#c4403a!important;margin:8px 0 0!important;min-height:0}.lobby-err:empty{display:none}