*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:none;background:#87c5e8;height:100%;overflow:hidden}body{-webkit-user-select:none;user-select:none;font-family:system-ui,-apple-system,sans-serif}#app,#app canvas{display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui button,#ui .clickable{pointer-events:auto}.lobby-ui{position:absolute;inset:0}.lobby-topbar{top:max(12px, env(safe-area-inset-top));flex-wrap:wrap;gap:8px;display:flex;position:absolute;left:12px;right:60px}.lobby-coins,.lobby-badge{color:#fff;white-space:nowrap;background:#0000008c;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700}.lobby-lang-btn,.lobby-catalog-btn{top:max(12px, env(safe-area-inset-top));color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:700;position:absolute;right:12px}.lobby-catalog-btn{padding:6px 10px;font-size:20px;top:56px}.lobby-bottom{bottom:max(90px, calc(env(safe-area-inset-bottom) + 90px));gap:10px;display:flex;position:absolute;left:12px;right:12px}.lobby-buy-btn,.lobby-auto-btn{color:#3a2a00;cursor:pointer;background:#ffb703;border:none;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 8px;font-size:14px;font-weight:800;display:flex;box-shadow:0 3px #0003}.lobby-auto-btn{color:#05261e;background:#52b69a}.lobby-buy-btn.disabled,.lobby-auto-btn.disabled{color:#444;box-shadow:none;cursor:default;background:#999}.lobby-swatch{border:1px solid #0000004d;border-radius:4px;width:16px;height:16px;display:inline-block}.lobby-swatch-lg{width:26px;height:26px;margin:0 auto 4px}.lobby-start-btn{bottom:max(20px, env(safe-area-inset-bottom));color:#fff;letter-spacing:.05em;cursor:pointer;background:#2ec4b6;border:none;border-radius:16px;padding:14px;font-size:20px;font-weight:900;position:absolute;left:12px;right:12px;box-shadow:0 4px #00000040}.lobby-start-btn.disabled{box-shadow:none;cursor:default;background:#999}.lobby-catalog-modal{background:#000000bf;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lobby-catalog-modal.hidden{display:none}.lobby-catalog-panel{background:#1c2733;border-radius:16px;width:min(92vw,480px);max-height:82vh;padding:16px;overflow-y:auto}.lobby-catalog-close{color:#3a2a00;cursor:pointer;background:#ffb703;border:none;border-radius:10px;margin-bottom:12px;padding:8px 16px;font-weight:700}.lobby-catalog-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.lobby-catalog-cell{text-align:center;color:#fff;background:#ffffff0f;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:64px;padding:6px 4px;font-size:10px;display:flex}.lobby-catalog-cell.locked{color:#667;font-size:20px}.lobby-catalog-name{line-height:1.2}.lobby-catalog-dmg{color:#ffca3a}.lobby-celebration{background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.lobby-celebration.hidden{display:none}.lobby-celebration-badge{z-index:1;text-align:center;color:#fff;position:relative}.lobby-celebration-new{color:#ffca3a;text-shadow:0 3px #0006;font-size:42px;font-weight:900}.lobby-celebration-name{margin-top:6px;font-size:24px;font-weight:700}.lobby-celebration-tap{opacity:.8;margin-top:16px;font-size:14px}.confetti-wrap{position:absolute;inset:0}.confetti-piece{width:8px;height:14px;animation:1.6s linear infinite confetti-fall;position:absolute;top:-10%}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:.8;transform:translateY(120vh)rotate(360deg)}}.run-ui{position:absolute;inset:0}.run-topbar{top:max(12px, env(safe-area-inset-top));gap:8px;display:flex;position:absolute;left:12px;right:12px}.run-badge{color:#fff;white-space:nowrap;background:#0000008c;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700}.run-count{text-align:center;color:#fff;text-shadow:0 2px 4px #00000073;white-space:nowrap;font-size:32px;font-weight:900;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.run-count.hidden{display:none}.run-result{color:#fff;text-align:center;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.run-result.hidden{display:none}.run-result-title{text-shadow:0 3px #0006;font-size:42px;font-weight:900}.run-result-victory{color:#ffca3a}.run-result-defeat{color:#e74c3c}.run-result-line{font-size:20px;font-weight:700}.run-result-reward{color:#ffca3a}.run-continue-btn{color:#fff;letter-spacing:.05em;cursor:pointer;background:#2ec4b6;border:none;border-radius:16px;margin-top:16px;padding:14px 28px;font-size:18px;font-weight:900;box-shadow:0 4px #00000040}