:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1a12;--ink:#f4f7f2;--muted:#f4f7f2b8;--accent:#e8f26a;--accent-ink:#1a2a12;--card:#0c1c12d1;--warn:#ffb454;--font:"Elms Sans", sans-serif;font-family:var(--font)}*{box-sizing:border-box}html,body,#app{background:var(--bg);width:100%;height:100%;color:var(--ink);font-family:var(--font);margin:0;overflow:hidden}.app{width:100%;height:100%;position:relative}.game-canvas{touch-action:none;z-index:1;pointer-events:auto;background:#0b1a12;width:100%;height:100%;display:block;position:absolute;inset:0}.gallery-tunnel{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cam-preview{display:none}.camera-pip{z-index:15;pointer-events:none;isolation:isolate;background:#000;border:2px solid #ffffffb8;position:fixed;overflow:hidden;transform:translateZ(0);box-shadow:0 12px 36px #00000047,0 0 0 1px #00000014}.camera-pip.animating{will-change:left, top, width, height, border-radius}.camera-pip.hidden{display:none}.camera-pip-overlay{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.camera-pip-video{z-index:1;object-fit:cover;opacity:1;filter:none;width:100%;height:100%;display:block;position:relative;transform:scaleX(-1)}.capture-demo{--capture-ui-scale:1}.capture-demo .camera-pip,.capture-demo .palm-lock-overlay{display:none!important}.capture-demo .overlay-card,.capture-demo .party-card{transform:scale(var(--capture-ui-scale))}.capture-demo .hud{transform:scale(var(--capture-ui-scale));transform-origin:0 0}.capture-demo .pause-banner,.capture-demo .swing-badge{transform:scale(var(--capture-ui-scale))}.hud{z-index:4;pointer-events:none;background:linear-gradient(#00000059,#0000);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px;display:flex;position:absolute;inset:0 0 auto}.hud-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:12px}.hud-score{text-shadow:0 2px 10px #00000059;font-size:36px;font-weight:700;line-height:1}.hud-lives{justify-content:flex-start;align-items:center;gap:16px;margin-top:12px;display:flex}.hud-lives.hp-mode{flex-direction:column;align-items:stretch;gap:8px;min-width:160px}.hp-bar-label-row{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:baseline;font-size:12px;display:flex}.hp-bar-label{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.hp-bar-track{background:#00000073;border:1px solid #ffffff2e;border-radius:999px;height:12px;overflow:hidden}.hp-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#2ad48a,#7ef5a0);height:100%;transition:width .2s}.hp-bar-fill.mid{background:linear-gradient(90deg,#d4a02a,#ffd060)}.hp-bar-fill.low{background:linear-gradient(90deg,#c02840,#ff5a70)}.life-icon{flex-shrink:0;display:block}.life-icon.on{color:#ff3b5c}.life-icon.off{color:#ffffff38}.pause-banner{z-index:5;pointer-events:none;text-align:center;background:#060c12b8;border:1px solid #ffc87859;border-radius:16px;padding:20px 28px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.pause-banner-title{letter-spacing:.12em;color:#ffd080;font-size:28px;font-weight:800}.pause-banner-sub{color:#e6f0ffbf;margin-top:8px;font-size:14px}.palm-lock-overlay{z-index:6;pointer-events:auto;opacity:1;background:#060e0ad1;place-items:center;padding:24px;transition:opacity .48s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;inset:0}.palm-lock-overlay.hidden{pointer-events:none;display:none}.palm-lock-overlay.dismissing{opacity:0;pointer-events:none}.palm-lock-card{text-align:center;color:#1a2433;pointer-events:none;background:#fff;border-radius:20px;width:min(420px,92vw);padding:0 0 22px;transition:opacity .48s cubic-bezier(.22,1,.36,1),transform .48s cubic-bezier(.22,1,.36,1);animation:.42s cubic-bezier(.22,1,.36,1) palm-lock-in;box-shadow:0 24px 64px #00000038,0 0 0 1px #0000000a}@keyframes palm-lock-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.palm-lock-overlay.dismissing .palm-lock-card{opacity:0;transform:translateY(10px)scale(.97)}.palm-lock-camera-slot{aspect-ratio:4/3;background:#000;border-bottom:1px solid #11182714;border-radius:20px 20px 0 0;width:100%}.palm-lock-content{padding:20px 28px 0}.palm-lock-title{letter-spacing:.02em;color:#111827;margin:0 0 10px;font-size:24px;font-weight:800}.palm-lock-body{color:#4b5563;margin:0 0 18px;font-size:15px;line-height:1.45}.palm-lock-bar{background:#11182714;border-radius:999px;height:8px;overflow:hidden}.palm-lock-fill{border-radius:inherit;background:linear-gradient(90deg,#c8e64a,#9acd32);width:0;height:100%;transition:width .12s linear}.palm-lock-overlay.locking .palm-lock-title{color:#5a7300}.palm-lock-overlay.locking .palm-lock-body{color:#4b5f12}.hud-center{text-align:center;flex:1;padding-top:8px}.hud-status{color:var(--muted);background:#00000047;border-radius:999px;padding:8px 12px;font-size:13px;display:inline-block}.hud-status:empty,.hud-status[hidden]{display:none}.hud-status.warn{color:var(--warn)}.swing-badge{z-index:6;pointer-events:none;text-align:center;min-width:180px;position:absolute;top:28%;left:50%;transform:translate(-50%,-50%)}.swing-badge-glow{filter:blur(18px);opacity:.65;z-index:0;border-radius:24px;position:absolute;inset:-20px -28px}.swing-badge-inner{z-index:1;background:linear-gradient(#141c18e0,#080e0ceb);border:2px solid #ffffff59;border-radius:16px;padding:16px 28px 12px;position:relative;box-shadow:0 0 0 3px #00000040,0 12px 32px #00000073,inset 0 1px #ffffff2e}.swing-badge-title{letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px #00000059,0 0 24px;font-size:clamp(28px,7vw,44px);font-weight:900;line-height:1}.swing-badge-sub{letter-spacing:.14em;text-transform:uppercase;opacity:.85;margin-top:8px;font-size:12px;font-weight:600}.swing-badge.grade-perfect .swing-badge-title{color:#7dff9a}.swing-badge.grade-perfect .swing-badge-glow{background:#3dff7a}.swing-badge.grade-perfect .swing-badge-inner{border-color:#7dff9ab3;box-shadow:0 0 0 3px #3dff7a40,0 12px 36px #00000073,0 0 40px #3dff7a59}.swing-badge.grade-great .swing-badge-title{color:#e8f26a}.swing-badge.grade-great .swing-badge-glow{background:#d4e83a}.swing-badge.grade-great .swing-badge-inner{border-color:#e8f26ab3;box-shadow:0 0 0 3px #d4e83a38,0 12px 36px #00000073,0 0 36px #d4e83a4d}.swing-badge.grade-good .swing-badge-title{color:#7ec8ff}.swing-badge.grade-good .swing-badge-glow{background:#3aa0ff}.swing-badge.grade-good .swing-badge-inner{border-color:#7ec8ffa6}.swing-badge.grade-miss .swing-badge-title{color:#ff8a72}.swing-badge.grade-miss .swing-badge-glow{background:#ff5a3a}.swing-badge.grade-miss .swing-badge-inner{border-color:#ff8a72a6}.swing-badge.pop{animation:.55s cubic-bezier(.2,1.4,.4,1) badge-pop}@keyframes badge-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)rotate(-4deg)}55%{opacity:1;transform:translate(-50%,-50%)scale(1.12)rotate(1deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;background:radial-gradient(at 50% 20%,#6eb6e840,#0000 55%),#06100a9e;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.overlay.hidden{display:none}.overlay-card{background:var(--card);text-align:center;border:1px solid #ffffff1f;border-radius:20px;width:min(440px,100%);padding:32px 28px;position:relative;box-shadow:0 24px 60px #0006}.brand{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:13px}.brand-logo{filter:drop-shadow(0 4px 12px #00000059);width:min(200px,70%);height:auto;margin:0 auto 16px;display:block}.overlay-card h1{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(36px,8vw,52px);font-weight:800}.overlay-body{margin:0 0 24px}.overlay-card .overlay-body>p,.overlay-card p{color:var(--muted);margin:0;font-size:15px;line-height:1.5}.overlay-card strong{color:var(--ink)}.overlay-actions button{appearance:none;cursor:pointer;background:var(--accent);color:var(--accent-ink);font-family:var(--font);border:none;border-radius:999px;padding:16px 28px;font-size:16px;font-weight:700;transition:transform .15s,filter .15s}.overlay-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.overlay-actions button.secondary{color:#3a3a3a;background:#fff;border:none}.overlay-actions button.secondary:hover{color:#2a2a2a;background:#f2f2f2}.overlay-actions button:hover{filter:brightness(1.05);transform:translateY(-1px)}.overlay-actions button:active{transform:translateY(1px)}.contact-modal{z-index:12;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.contact-modal.hidden{display:none}.contact-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#06100a8c;position:absolute;inset:0}.contact-modal-card{z-index:1;color:#111;text-align:left;width:min(640px,100%);max-height:min(90vh,720px);font-family:var(--font);background:#fff;border-radius:20px;padding:40px 36px 36px;position:relative;overflow:auto;box-shadow:0 28px 70px #00000073}.contact-modal-close{appearance:none;color:#888;cursor:pointer;width:40px;height:40px;font-size:28px;line-height:1;font-family:var(--font);background:0 0;border:none;border-radius:999px;position:absolute;top:14px;right:14px}.contact-modal-close:hover{color:#222;background:#0000000f}.contact-modal-title{letter-spacing:-.025em;color:#0a0a0a;text-transform:uppercase;margin:0 0 16px;font-size:clamp(46px,6vw,60px);font-weight:700;line-height:1.1}.contact-modal-intro{color:#1a1a1a;max-width:36em;margin:0 0 28px;font-size:16px;font-weight:600;line-height:1.5}.contact-modal-grid{grid-template-columns:1fr 1fr;gap:22px 28px;display:grid}.contact-field-label{color:#9a9a9a;margin:0 0 6px;font-size:13px;font-weight:500}.contact-field-value{color:#111;word-break:break-word;align-items:center;gap:6px;font-size:15px;font-weight:600;line-height:1.35;text-decoration:none;display:inline-flex}.contact-field-value.is-external{text-underline-offset:3px;text-decoration:underline}.contact-field-value:hover{color:#333}.contact-ext{opacity:.75;flex-shrink:0}@media (width<=560px){.contact-modal-card{padding:32px 22px 28px}.contact-modal-grid{grid-template-columns:1fr;gap:18px}}.lang-toggle{z-index:1;background:#00000052;border:1px solid #ffffff1f;border-radius:999px;grid-template-columns:auto auto;gap:2px;width:auto;margin:0;padding:3px;display:inline-grid;position:absolute;top:14px;right:14px}.lang-toggle[hidden]{display:none!important}.lang-toggle-btn{appearance:none;color:#f4f7f2b8;min-width:0;font:inherit;letter-spacing:.02em;cursor:pointer;background:0 0;border:none;border-radius:999px;margin:0;padding:6px 10px;font-size:12px;font-weight:700;line-height:1;transition:background .15s,color .15s,transform .15s}.lang-toggle-btn:hover{color:var(--ink);filter:none;background:#ffffff0f;transform:none}.lang-toggle-btn.active{background:var(--accent);color:var(--accent-ink)}.lang-toggle-btn.active:hover{background:var(--accent);color:var(--accent-ink);filter:none}.party-overlay .party-card{width:min(480px,100%);max-height:min(90vh,720px);overflow:auto}.party-list{text-align:left;flex-direction:column;gap:8px;margin:0 0 16px;display:flex}.party-row{align-items:center;gap:8px;display:flex}.party-row-idx{width:22px;color:var(--muted);font-size:13px;font-weight:700}.party-row input{appearance:none;color:var(--ink);font-family:var(--font);background:#ffffff0f;border:1.5px solid #ffffff29;border-radius:12px;outline:none;flex:1;padding:12px 16px;font-size:15px;font-weight:600}.party-row input:focus{border-color:var(--accent)}.party-remove{width:40px;height:40px;line-height:1;border-radius:12px!important;padding:0!important;font-size:20px!important}.party-remove:disabled{opacity:.35;cursor:default}.party-mode-actions{flex-direction:column;gap:12px;width:100%;margin-top:24px}.party-mode-actions button{width:min(280px,100%)}.party-add-row{align-items:center;gap:8px;margin:0 0 20px;display:flex}.party-add-gap{flex-shrink:0;width:40px}.party-add{appearance:none;cursor:pointer;color:#fff;width:auto;font-family:var(--font);background:0 0;border:1.5px solid #fff;border-radius:12px;flex:1;margin:0;padding:12px 16px;font-size:15px;font-weight:700;transition:border-color .15s,color .15s,transform .15s}.party-add:hover{color:#fff;filter:none;background:0 0;border-color:#ffffffd9;transform:none}.overlay-card button.party-add{color:#fff;background:0 0;border:1.5px solid #fff}.overlay-card button.party-add:hover{color:#fff;filter:none;background:0 0;border-color:#ffffffd9;transform:none}.party-add:disabled{opacity:.35;cursor:default}.party-turn-emoji{margin-bottom:8px;font-size:64px;line-height:1}.party-meta{opacity:.75;margin-top:-12px!important;font-size:13px!important}.party-board{text-align:left;flex-direction:column;gap:8px;margin:0 0 24px;display:flex}.party-board-row{transform:translateY(calc(var(--from,0) * 48px));opacity:.55;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:28px 36px 1fr auto;align-items:center;gap:8px;padding:12px;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .35s,background .25s,border-color .25s;display:grid}.party-board.animate .party-board-row{opacity:1;transform:translateY(0)}.party-board-row.hot{background:#e8f26a29;border-color:#e8f26a8c}.party-board-row.pending,.party-board.animate .party-board-row.pending{opacity:.55}.party-rank{color:var(--muted);font-size:14px;font-weight:800}.party-ava{text-align:center;font-size:22px;line-height:1}.party-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.party-score{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:800}.party-crown{margin:0 0 4px;font-size:48px}.party-winner-card{background:#e8f26a24;border:1.5px solid #e8f26a73;border-radius:16px;justify-content:center;align-items:center;gap:16px;margin:0 0 20px;padding:16px 20px;display:flex}.party-winner-emoji{font-size:40px;line-height:1}.party-winner-name{text-align:left;font-size:22px;font-weight:800}.party-winner-score{color:var(--muted);text-align:left;margin-top:4px;font-size:13px}.hud-player{color:#e8f26af2;letter-spacing:.02em;margin:4px 0 8px;font-size:13px;font-weight:700}