:root{--font-primary:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-secondary:"Plus Jakarta Sans", sans-serif;--bg-gradient:radial-gradient(circle at 50% 50%, #150f30 0%, #090514 100%);--panel-bg:#ffffff0a;--panel-border:#ffffff14;--panel-glow:#8a5cf626;--primary-glow:0 0 25px #8a5cf680;--accent-glow:0 0 25px #ec489980;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--color-primary:262 83% 58%;--color-accent:330 81% 60%;--color-success:142 70% 45%;--color-warning:38 92% 50%;--color-danger:350 89% 60%}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background:var(--bg-gradient);color:var(--text-primary);justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}#root{width:100%;max-width:640px;padding:1.5rem}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:24px;padding:2.5rem 2rem;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;box-shadow:0 20px 40px #0000004d,inset 0 1px 1px #ffffff0d}.glass-panel:hover{box-shadow:0 30px 60px #0006, 0 0 40px var(--panel-glow), inset 0 1px 1px #ffffff1a}.animated-title{text-align:center;letter-spacing:-.05em;background:linear-gradient(135deg, hsl(var(--color-primary)) 0%, hsl(var(--color-accent)) 100%);-webkit-text-fill-color:transparent;font-size:2.75rem;font-weight:800;font-family:var(--font-primary);text-shadow:0 10px 30px #8b5cf640;-webkit-background-clip:text;margin-bottom:.5rem;animation:6s ease-in-out infinite title-float}.subtitle{text-align:center;color:var(--text-secondary);font-family:var(--font-secondary);margin-bottom:2.5rem;font-size:.95rem}.input-group{margin-bottom:1.5rem;position:relative}.input-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.5rem;padding-left:.25rem;font-size:.85rem;font-weight:600;display:block}.input-field{width:100%;font-family:var(--font-secondary);border:1px solid var(--panel-border);color:#fff;background:#0003;border-radius:12px;padding:1rem 1.25rem;font-size:1rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.input-field:focus{border-color:hsl(var(--color-primary));background:#00000059;outline:none;box-shadow:0 0 15px #8a5cf640,inset 0 1px 2px #0006}.name-gender-row{align-items:stretch;gap:.5rem;display:flex}.name-gender-row .input-field{flex:1;min-width:0}.gender-toggle-group{flex-shrink:0;gap:.4rem;display:flex}.gender-btn{font-family:var(--font-secondary);border:1px solid var(--panel-border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#0003;border-radius:12px;padding:0 1rem;font-size:.85rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1)}.gender-btn:hover{color:var(--text-primary);border-color:#fff3}.gender-btn.active-male{color:#93c5fd;background:#3b82f62e;border-color:#3b82f699;box-shadow:0 0 12px #3b82f640}.gender-btn.active-female{color:#f9a8d4;background:#ec48992e;border-color:#ec489999;box-shadow:0 0 12px #ec489940}@media (width<=420px){.name-gender-row{flex-wrap:wrap}.name-gender-row .input-field{flex-basis:100%}}.number-picker-row{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.number-chip{border:1px solid var(--panel-border);width:42px;height:42px;color:var(--text-secondary);font-family:var(--font-primary);cursor:pointer;background:#0003;border-radius:50%;flex-shrink:0;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1)}.number-chip:hover{color:var(--text-primary);border-color:#ffffff40}.number-chip.selected{background:linear-gradient(135deg, hsl(var(--color-primary)) 0%, hsl(var(--color-accent)) 100%);color:#fff;border-color:#0000;box-shadow:0 0 12px #8a5cf666}.option-chip{border:1px dashed var(--panel-border);color:var(--text-muted);font-family:var(--font-secondary);cursor:pointer;background:#0003;border-radius:999px;padding:.4rem 1rem;font-size:.8rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1)}.option-chip:hover{color:var(--text-primary);border-color:#ffffff4d}.option-chip.selected{border:1px solid hsl(var(--color-primary));color:var(--text-primary);background:#8a5cf62e}.btn{cursor:pointer;width:100%;font-size:1rem;font-weight:700;font-family:var(--font-primary);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.75rem;padding:1rem 1.75rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, hsl(var(--color-primary)) 0%, hsl(var(--color-accent)) 100%);color:#fff;box-shadow:0 4px 15px #8a5cf64d}.btn-primary:hover{box-shadow:var(--primary-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{border:1px solid var(--panel-border);color:#fff;background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.player-list{flex-direction:column;gap:.75rem;max-height:250px;margin-bottom:2rem;padding-right:.25rem;display:flex;overflow-y:auto}.player-list::-webkit-scrollbar{width:6px}.player-list::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.player-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.player-item{font-family:var(--font-secondary);background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;animation:.4s forwards fadeIn;display:flex}.player-name-wrapper{align-items:center;gap:.75rem;display:flex}.player-avatar{background:linear-gradient(135deg, hsl(var(--color-primary)) 0%, hsl(var(--color-accent)) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex}.badge{text-transform:uppercase;border-radius:9999px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.badge-host{color:hsl(var(--color-accent));background:#ec489926;border:1px solid #ec48994d}.badge-me{color:#a78bfa;background:#8a5cf626;border:1px solid #8a5cf64d}.room-code-container{border:1px solid var(--panel-border);background:#00000040;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:2rem;padding:1rem;display:flex}.room-code-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem;font-size:.75rem;font-weight:600}.room-code-val{letter-spacing:.2em;color:hsl(var(--color-accent));text-shadow:0 0 10px #ec48994d;font-size:1.75rem;font-weight:800;font-family:var(--font-primary)}.card-icon-header{justify-content:center;margin-bottom:1.5rem;animation:2s infinite alternate pulse-glow;display:flex}.card-icon-wrapper{color:#a78bfa;background:#8a5cf61a;border:1px solid #8a5cf633;border-radius:20px;padding:1rem;display:inline-flex}.reveal-number-badge{text-align:center;background:linear-gradient(135deg,#fff 30%,#a78bfa 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 12px #8a5cf64d);-webkit-background-clip:text;margin:1.5rem 0;font-size:4rem;font-weight:800}.reveal-grid{grid-template-columns:1fr;gap:.75rem;margin:2rem 0;display:grid}.reveal-item{border:1px solid var(--panel-border);background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.reveal-item.is-king{background:#ec489908;border-color:#ec489966}.reveal-item .number-circle{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.reveal-item.is-king .number-circle{background:hsl(var(--color-accent));color:#fff;box-shadow:0 0 10px #ec489980}.command-balloon{border:1px solid var(--panel-border);text-align:center;border-left:4px solid hsl(var(--color-primary));background:#0000004d;border-radius:16px;margin:1.5rem 0;padding:1.5rem;font-size:1.15rem;font-weight:600;line-height:1.6}.alert-error{color:#f87171;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.85rem 1rem;font-size:.875rem;display:flex}.divider{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;margin:1.5rem 0;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--panel-border);flex:1}.divider:not(:empty):before{margin-right:.75em}.divider:not(:empty):after{margin-left:.75em}.footer-text{text-align:center;color:var(--text-muted);margin-top:2rem;font-size:.75rem}@keyframes title-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-glow{0%{transform:scale(.98);box-shadow:0 0 10px #8a5cf61a}to{transform:scale(1.02);box-shadow:0 0 20px #8a5cf64d}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--km2-font-display:"Zen Kaku Gothic New", var(--font-primary);--km2-font-mono:"DM Mono", monospace;--km2-bg:#0a0912;--km2-surface-1:#100d1b;--km2-surface-2:#151221;--km2-surface-3:#171322;--km2-surface-4:#1b1728;--km2-avatar-1:#1b1629;--km2-avatar-2:#221c33;--km2-avatar-3:#2c2350;--km2-border-strong-1:#282142;--km2-border-strong-2:#2a2340;--km2-border-weak-1:#241e36;--km2-border-weak-2:#191524;--km2-border-weak-3:#1b1729;--km2-border-weak-4:#1f1a2e;--km2-accent:#7c5cff;--km2-on-accent:#0b0714;--km2-glow:#7c5cff4d;--km2-btn-shadow:0 12px 32px #7c5cff57;--km2-text-1:#f3f0ff;--km2-text-1b:#f1eeff;--km2-text-2a:#c6bbff;--km2-text-2b:#b8a9ff;--km2-text-2c:#cfc4ff;--km2-text-3a:#8b84ae;--km2-text-3b:#8f86b8;--km2-text-3c:#7a739c;--km2-text-4a:#6e678c;--km2-text-4b:#5f5883;--km2-text-4c:#5e5780;--km2-text-4d:#5b5478;--km2-error:#ff6b8a;--km2-gold-bg:#e0b24c;--km2-gold-text:#3a2104;--km2-gold-text-soft:#fff8e49e;--km2-gold-tile:#3a21040f;--km2-gold-cta-bg:#3a2104;--km2-gold-cta-text:#f6e4b4}body.km2-active{align-items:stretch;padding:0}body.km2-active #root{max-width:430px;min-height:100dvh;padding:0}.km2-screen{background:var(--km2-bg);width:100%;min-height:100dvh;color:var(--km2-text-1);font-family:var(--km2-font-display);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;position:relative;overflow:hidden}.km2-screen.km2-gold{background:var(--km2-gold-bg);color:var(--km2-gold-text)}.km2-glow{background:radial-gradient(closest-side, var(--km2-glow), transparent 70%);pointer-events:none;height:300px;position:absolute;inset:-130px -50px auto}.km2-body{z-index:1;flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.km2-error-banner{color:var(--km2-error);background:#ff6b8a1f;border:1px solid #ff6b8a59;border-radius:12px;align-items:center;gap:.5rem;margin:12px 24px 0;padding:.7rem .9rem;font-size:.82rem;display:flex}.km2-kicker{font-family:var(--km2-font-mono);letter-spacing:.28em;color:var(--km2-accent);font-size:11px;font-weight:500}.km2-heading{font-family:var(--km2-font-display);color:var(--km2-text-1);margin:10px 0 4px;font-weight:900;line-height:1.3}.km2-section-label{font-family:var(--km2-font-mono);letter-spacing:.22em;color:var(--km2-text-4a);text-transform:uppercase;font-size:11px}.km2-cta-wrap{z-index:2;background:linear-gradient(0deg, var(--km2-bg) 55%, transparent);padding:14px 24px 30px;position:sticky;bottom:0}.km2-screen.km2-gold .km2-cta-wrap{background:linear-gradient(0deg, var(--km2-gold-bg) 55%, transparent)}.km2-cta{cursor:pointer;width:100%;height:58px;font-family:var(--km2-font-display);background:var(--km2-accent);color:var(--km2-on-accent);box-shadow:var(--km2-btn-shadow);border:none;border-radius:18px;justify-content:center;align-items:center;gap:8px;font-size:18px;font-weight:900;transition:transform .12s ease-out,opacity .2s;display:flex}.km2-cta:active{transform:scale(.97)}.km2-cta:disabled{cursor:not-allowed;color:#5f5883;box-shadow:none;background:#1b1728}.km2-cta.km2-cta-gold{background:var(--km2-gold-cta-bg);color:var(--km2-gold-cta-text);box-shadow:none}.km2-cta-note{text-align:center;font-family:var(--km2-font-mono);color:var(--km2-text-4d);margin-top:10px;font-size:11px}.km2-code-header{padding:10px 24px 22px}.km2-code-header-top{justify-content:space-between;align-items:center;display:flex}.km2-live-indicator{align-items:center;gap:6px;display:flex}.km2-live-dot{background:var(--km2-accent);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite km2-pulse-dot}.km2-live-text{color:var(--km2-text-3a);font-size:12px}.km2-room-code{font-family:var(--km2-font-mono);letter-spacing:.08em;color:#fff;margin-top:6px;font-size:52px;font-weight:500;line-height:1}.km2-subactions{gap:8px;padding:0 24px 18px;display:flex}.km2-subaction-btn{background:var(--km2-surface-3);border:1px solid var(--km2-border-strong-1);height:46px;color:var(--km2-text-2a);font-size:14px;font-family:var(--km2-font-display);cursor:pointer;border-radius:13px;flex:1;justify-content:center;align-items:center;gap:6px;font-weight:700;transition:transform .12s ease-out;display:flex}.km2-subaction-btn:active{transform:scale(.97)}.km2-qr-overlay{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04030ab8;justify-content:center;align-items:center;padding:24px;animation:.18s ease-out km2-qr-fade-in;display:flex;position:fixed;inset:0}@keyframes km2-qr-fade-in{0%{opacity:0}to{opacity:1}}.km2-qr-card{background:var(--km2-surface-2);border:1px solid var(--km2-border-strong-1);border-radius:22px;width:100%;max-width:340px;padding:20px 22px 24px;box-shadow:0 24px 60px #00000073}.km2-qr-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.km2-qr-close{border:1px solid var(--km2-border-strong-1);background:var(--km2-surface-3);width:30px;height:30px;color:var(--km2-text-2a);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex}.km2-qr-image-wrap{aspect-ratio:1;background:#fff;border-radius:16px;justify-content:center;align-items:center;width:100%;margin-bottom:16px;display:flex;overflow:hidden}.km2-qr-image{object-fit:contain;width:100%;height:100%;display:block}.km2-qr-loading{font-family:var(--km2-font-mono);color:var(--km2-text-4a);font-size:12px}.km2-qr-caption{text-align:center;color:var(--km2-text-3a);margin-top:10px;font-size:13px}.km2-settings-row{gap:8px;padding:0 24px 18px;display:flex}.km2-setting-tile{background:var(--km2-surface-1);border:1px solid var(--km2-border-weak-1);cursor:pointer;text-align:left;border-radius:14px;flex-direction:column;flex:1;justify-content:center;gap:3px;height:62px;padding:0 14px;transition:border-color .2s,transform .12s ease-out;display:flex}.km2-setting-tile:active{transform:scale(.97)}.km2-setting-tile:hover{border-color:var(--km2-border-strong-1)}.km2-setting-label{font-family:var(--km2-font-mono);letter-spacing:.16em;color:var(--km2-text-4a);font-size:10px}.km2-setting-value{color:var(--km2-text-1b);font-size:18px;font-weight:700}.km2-members-header{justify-content:space-between;align-items:center;margin-bottom:4px;padding:0 24px;display:flex}.km2-members-count{font-family:var(--km2-font-mono);color:var(--km2-text-2a);font-size:13px}.km2-members-list{border-top:1px solid var(--km2-border-weak-3);flex:1;margin-top:8px;padding:0 24px;overflow-y:auto}.km2-member-row{border-bottom:1px solid var(--km2-border-weak-2);justify-content:space-between;align-items:center;padding:13px 0;animation:.16s ease-out forwards km2-row-in;display:flex}.km2-member-left{align-items:center;gap:10px;min-width:0;display:flex}.km2-member-avatar{background:var(--km2-avatar-1);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.km2-member-name{color:var(--km2-text-1b);text-overflow:ellipsis;white-space:nowrap;font-size:16.5px;font-weight:700;overflow:hidden}.km2-member-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.km2-gender-badge{background:var(--km2-avatar-2);width:30px;height:26px;color:var(--km2-text-2b);border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.km2-status-text{font-family:var(--km2-font-mono);letter-spacing:.1em;white-space:nowrap;font-size:10px}.km2-status-host{color:#cfc4ff}.km2-status-joined{color:#8f86b8}.km2-avatar-body{padding:34px 26px 0}.km2-room-badge-row{align-items:center;gap:10px;margin-bottom:18px;display:flex}.km2-room-badge-text{font-family:var(--km2-font-mono);color:var(--km2-text-3a);white-space:nowrap;font-size:11px}.km2-room-badge-line{background:var(--km2-border-weak-4);flex:1;height:1px}.km2-avatar-heading{font-size:26px}.km2-avatar-sub{font-family:var(--km2-font-mono);color:var(--km2-text-4a);margin-bottom:22px;font-size:12px}.km2-avatar-grid{grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:26px;display:grid}.km2-avatar-cell{background:var(--km2-surface-2);border:1px solid var(--km2-border-weak-1);cursor:pointer;border-radius:13px;justify-content:center;align-items:center;height:48px;min-height:44px;font-size:21px;transition:transform .12s ease-out,border-color .2s,background .2s;display:flex}.km2-avatar-cell:active{transform:scale(.97)}.km2-avatar-cell.selected{background:var(--km2-avatar-3);border-color:var(--km2-accent)}.km2-gender-pill-row{gap:10px;margin-bottom:8px;display:flex}.km2-gender-pill{background:var(--km2-surface-2);border:1px solid var(--km2-border-weak-1);height:52px;color:var(--km2-text-3c);cursor:pointer;border-radius:15px;flex:1;font-size:17px;font-weight:700;transition:all .2s}.km2-gender-pill.selected{background:var(--km2-accent);color:var(--km2-on-accent);border-color:#0000}.km2-waiting-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.km2-waiting-avatar{background:var(--km2-avatar-1);border:1px solid var(--km2-border-strong-1);border-radius:24px;justify-content:center;align-items:center;width:84px;height:84px;margin-bottom:18px;font-size:40px;display:flex}.km2-waiting-name{color:var(--km2-text-1b);margin-bottom:6px;font-size:20px;font-weight:700}.km2-waiting-text{font-family:var(--km2-font-mono);color:var(--km2-text-3a);font-size:13px}.km2-facedown-wrap{perspective:1400px;flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.km2-facedown-card{z-index:1;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;width:240px;height:340px;transform-style:preserve-3d;transition:transform .12s ease-out;position:relative}.km2-facedown-card:not(.is-flipped):active{transform:scale(.98)}.km2-facedown-face{border:1px solid var(--km2-border-strong-1);backface-visibility:hidden;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.km2-facedown-face--front{background:repeating-linear-gradient(135deg,#171227 0 9px,#120e1f 9px 18px)}.km2-facedown-face--back{background:repeating-linear-gradient(135deg, #ffffff03 0 9px, transparent 9px 18px), var(--km2-surface-2);transform:rotateY(180deg)}.km2-facedown-card.is-flipped{cursor:default;animation:.85s cubic-bezier(.2,.75,.2,1) forwards km2-facedown-lift}@keyframes km2-facedown-lift{0%{transform:translateY(0)rotateY(0)scale(1)}42%{transform:translateY(-26px)rotateY(96deg)scale(1.08)}72%{transform:translateY(-7px)rotateY(184deg)scale(1.02)}to{transform:translateY(0)rotateY(180deg)scale(1)}}.km2-facedown-card.is-flipped .km2-facedown-reveal{animation:.48s cubic-bezier(.2,1.4,.4,1) .3s both km2-facedown-pop}@keyframes km2-facedown-pop{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.km2-facedown-glow{z-index:0;opacity:0;pointer-events:none;background:radial-gradient(50% 50%,#7c5cff61,#0000 70%);border-radius:50%;width:280px;height:380px;margin:-190px 0 0 -140px;position:absolute;top:50%;left:50%}.km2-facedown-card.is-flipped~.km2-facedown-glow{animation:.85s forwards km2-facedown-glow}@keyframes km2-facedown-glow{0%,to{opacity:0;transform:scale(.9)}50%{opacity:1;transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.km2-facedown-card.is-flipped{animation:none;transform:rotateY(180deg)}.km2-facedown-card.is-flipped .km2-facedown-reveal,.km2-facedown-card.is-flipped~.km2-facedown-glow{animation:none}}.km2-facedown-kanji{color:#f3f0ff80;font-family:Zen Kaku Gothic New,serif;font-size:96px;font-weight:700}.km2-facedown-number{font-family:var(--km2-font-mono);font-size:72px;font-weight:500}.km2-facedown-hint{text-align:center;font-family:var(--km2-font-mono);color:var(--km2-text-3a);padding:0 24px 30px;font-size:12px}.km2-role-body{text-align:center;flex-direction:column;flex:1;align-items:center;padding:34px 26px 0;display:flex}.km2-self-badge{top:calc(18px + env(safe-area-inset-top));z-index:3;width:68px;height:68px;font-family:var(--km2-font-mono);color:var(--km2-text-1);background:#7c5cff29;border:1px solid #c6bbff61;border-radius:16px;justify-content:center;align-items:center;font-size:32px;display:flex;position:absolute;right:20px}.km2-self-badge.is-king{background:#fff8e48c;border:1px solid #3a210452;font-size:30px}.km2-round-badge{top:calc(18px + env(safe-area-inset-top));z-index:3;font-family:var(--km2-font-mono);color:var(--km2-text-1);background:#7c5cff29;border:1px solid #c6bbff4d;border-radius:999px;align-items:baseline;gap:2px;padding:7px 13px;font-size:14px;line-height:1;display:inline-flex;position:absolute;left:20px}.km2-round-badge .km2-round-current{font-weight:700}.km2-round-badge .km2-round-sep,.km2-round-badge .km2-round-max{color:var(--km2-text-3a)}.km2-screen.km2-gold .km2-round-badge{color:var(--km2-gold-text);background:#fff8e48c;border-color:#3a210447}.km2-screen.km2-gold .km2-round-badge .km2-round-sep,.km2-screen.km2-gold .km2-round-badge .km2-round-max{color:#3a21048c}.km2-affinity-btn{top:calc(18px + env(safe-area-inset-top));z-index:3;font-family:var(--km2-font-display);color:var(--km2-text-1);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#7c5cff29;border:1px solid #c6bbff4d;border-radius:999px;align-items:center;gap:6px;padding:7px 15px;font-size:14px;font-weight:700;line-height:1;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.km2-affinity-btn:active{transform:translate(-50%)scale(.96)}.km2-affinity-heart{font-size:16px;line-height:1}.km2-screen.km2-gold .km2-affinity-btn{color:var(--km2-gold-text);background:#fff8e48c;border-color:#3a210447}.km2-aff-screen{z-index:60;background:var(--km2-bg);color:var(--km2-text-1);font-family:var(--km2-font-display);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;animation:.18s ease-out km2-qr-fade-in;display:flex;position:fixed;inset:0;overflow:hidden}.km2-aff-body{z-index:1;flex:1;padding:26px 24px 8px;position:relative;overflow-y:auto}.km2-aff-avatar{color:#fff;letter-spacing:.02em;background:linear-gradient(150deg,#7c5cff6b 0%,#7c5cff29 100%);border:1px solid #c6bbff61;border-radius:24px;justify-content:center;align-items:center;width:92px;height:92px;margin:0 auto;font-size:40px;font-weight:900;line-height:1;display:flex;box-shadow:0 18px 40px -18px #7c5cffb3}.km2-aff-sub{text-align:center;color:var(--km2-text-3a);margin-top:14px;font-size:14px}.km2-aff-collabel{justify-content:space-between;align-items:center;margin:28px 0 4px;display:flex}.km2-aff-list{flex-direction:column;display:flex}.km2-aff-row{border-bottom:1px solid var(--km2-border-weak-1);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon meter heart""icon sub heart";align-items:center;gap:6px 12px;padding:16px 0;display:grid}.km2-aff-recv-heart{color:#ffffffa8;grid-area:heart;justify-content:center;align-items:center;display:flex}.km2-aff-recv-heart.is-l2{color:#b98bff}.km2-aff-recv-heart.is-l3{color:#ff3b6b}.km2-aff-person{width:30px;height:30px;color:var(--km2-text-3a);grid-area:icon;justify-content:center;align-items:center;display:flex}.km2-aff-person.is-male{color:#5b9be8}.km2-aff-person.is-female{color:#f0607e}.km2-aff-meter{border:1px solid var(--km2-border-weak-1);background:#17131f;border-radius:8px;grid-area:meter;height:26px;overflow:hidden}.km2-aff-meter-fill{background:linear-gradient(90deg, var(--km2-accent), #ec489a);border-radius:8px;height:100%;transition:width .5s cubic-bezier(.16,1,.3,1)}.km2-aff-sub-line{grid-area:sub;justify-content:space-between;align-items:center;gap:10px;display:flex}.km2-aff-level{color:var(--km2-text-3a);font-size:13px}.km2-aff-empty{text-align:center;color:var(--km2-text-4a);padding:34px 0;font-size:13px}.km2-aff-note{background:var(--km2-surface-2);border:1px solid var(--km2-border-weak-1);color:var(--km2-text-3a);border-radius:16px;gap:10px;margin-top:22px;padding:16px 18px;font-size:13px;line-height:1.7;display:flex}.km2-aff-note-icon{flex:none}.km2-aff-screen .km2-cta{background:linear-gradient(135deg, var(--km2-accent) 0%, #ec489a 100%);color:#fff}.km2-aff-screen .km2-secondary-link{color:var(--km2-text-2a)}.km2-aff-give-title{color:var(--km2-text-1);margin:34px 0 4px;font-size:20px;font-weight:800}.km2-aff-give-desc{color:var(--km2-text-3a);margin:0;font-size:13px;line-height:1.6}.km2-aff-give-list{flex-direction:column;display:flex}.km2-aff-give-row{border-bottom:1px solid var(--km2-border-weak-1);padding:16px 0}.km2-aff-give-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.km2-aff-give-name{color:var(--km2-text-1);font-size:16px;font-style:italic;font-weight:800}.km2-aff-give-gender{border:1px solid var(--km2-border-strong-1);color:var(--km2-text-3a);border-radius:999px;padding:2px 10px;font-size:11px;line-height:1.6}.km2-aff-give-gender.is-male{color:#8fbef5;border-color:#5b9be873}.km2-aff-give-gender.is-female{color:#f58fa8;border-color:#f0607e73}.km2-aff-give-input{align-items:center;gap:12px;display:flex}.km2-aff-seg{flex:1;grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.km2-aff-seg-cell{border:1px solid var(--km2-border-weak-1);cursor:pointer;background:#17131f;border-radius:10px;height:40px;padding:0;transition:transform .1s ease-out,background .2s,border-color .2s}.km2-aff-seg-cell.is-on{background:linear-gradient(135deg, var(--km2-accent) 0%, #ec489a 100%);border-color:#0000}.km2-aff-seg-cell:active{transform:scale(.94)}.km2-aff-give-heart{color:#4b4560;flex:none;justify-content:center;align-items:center;display:flex}.km2-aff-give-heart.is-g1{color:#8b7bd8}.km2-aff-give-heart.is-g2{color:#9d7bff}.km2-aff-give-heart.is-g3{color:#b98bff}.km2-aff-give-heart.is-g4{color:#d472d0}.km2-aff-give-heart.is-g5{color:#ff3b6b}.km2-aff-give-caption{align-items:baseline;gap:10px;margin-top:8px;display:flex}.km2-aff-give-label{color:var(--km2-text-2a);font-size:14px;font-weight:700}.km2-aff-give-lv{color:var(--km2-text-4a);font-size:12px}.km2-aff-give-remain{text-align:center;color:var(--km2-text-4a);margin:18px 0 4px;font-size:13px}.km2-crown-huge{margin-bottom:8px;font-size:76px}.km2-king-heading{color:var(--km2-gold-text);margin-bottom:6px;font-family:Zen Kaku Gothic New,serif;font-size:56px;font-weight:700}.km2-choice-row{gap:10px;width:100%;margin:20px 0;display:flex}.km2-choice-btn{cursor:pointer;height:96px;color:var(--km2-gold-text);background:#fff8e49e;border:none;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:700;transition:transform .12s ease-out,opacity .2s;display:flex}.km2-choice-btn.selected{background:var(--km2-gold-cta-bg);color:var(--km2-gold-cta-text)}.km2-choice-btn:active{transform:scale(.97)}.km2-inplay-label{font-family:var(--km2-font-mono);letter-spacing:.18em;color:#3a21048c;margin:10px 0 8px;font-size:11px}.km2-inplay-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.km2-inplay-chip{background:var(--km2-gold-tile);width:34px;height:34px;color:var(--km2-gold-text);font-family:var(--km2-font-mono);border-radius:10px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.km2-number-display{font-family:var(--km2-font-mono);color:#fff;margin:40px 0 24px;font-size:140px;font-weight:500;line-height:1}.km2-waiting-king-row{color:var(--km2-text-3a);align-items:center;gap:10px;margin-bottom:22px;font-size:14px;display:flex}.km2-hide-number-btn{border:1px dashed var(--km2-border-strong-1);color:var(--km2-text-3c);font-family:var(--km2-font-mono);cursor:pointer;background:0 0;border-radius:999px;padding:10px 18px;font-size:12px}.km2-penalty-body{flex:1;padding:22px 24px 0}.km2-reel{background:#ffffff24;border-radius:20px;margin-bottom:16px;overflow:hidden}.km2-reel-row{text-align:center;opacity:.42;padding:14px 20px;font-size:19px;font-weight:700}.km2-reel-row.km2-reel-current{opacity:1;background:#3a21040f;border-top:1px solid #3a21042e;border-bottom:1px solid #3a21042e;padding:22px 20px;font-size:27px;font-weight:900}.km2-reel-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.km2-reel-meta-left{align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.km2-pair-badge{background:var(--km2-gold-cta-bg);color:var(--km2-gold-cta-text);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.km2-redraw-btn{color:var(--km2-gold-text);cursor:pointer;background:#fff6;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.km2-redraw-btn:disabled{opacity:.4;cursor:not-allowed}.km2-manual-textarea{resize:none;width:100%;min-height:84px;color:var(--km2-gold-text);font-family:var(--km2-font-display);background:#ffffff59;border:none;border-radius:18px;margin-bottom:12px;padding:16px;font-size:16px;font-weight:700}.km2-manual-textarea::placeholder{color:#3a210473}.km2-topic-row{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.km2-topic-chip{color:var(--km2-gold-text);cursor:pointer;background:#ffffff52;border:none;border-radius:12px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.km2-topic-chip .km2-topic-tag{font-family:var(--km2-font-mono);background:#3a21041f;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:500}.km2-mode-dice{cursor:pointer;background:#fff6;border:none;border-radius:12px;width:40px;height:40px;font-size:18px}.km2-preview-sentence{text-align:center;color:var(--km2-gold-text);margin:14px 0 18px;font-size:20px;font-weight:900;line-height:1.4}.km2-preview-sentence .km2-preview-num{background:var(--km2-gold-cta-bg);color:var(--km2-gold-cta-text);border-radius:8px;margin:0 2px;padding:1px 8px;display:inline-block}.km2-gold-label{font-family:var(--km2-font-mono);letter-spacing:.16em;color:#3a210499;margin-bottom:8px;font-size:11px;display:block}.km2-gold-number-row{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.km2-gold-number{width:38px;height:38px;font-family:var(--km2-font-mono);color:var(--km2-gold-text);cursor:pointer;background:#ffffff59;border:none;border-radius:12px;flex-shrink:0;font-size:17px;font-weight:700}.km2-gold-number.selected{background:var(--km2-gold-cta-bg);color:var(--km2-gold-cta-text)}.km2-gold-option{color:#3a2104b3;cursor:pointer;background:0 0;border:1px dashed #3a210466;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700}.km2-gold-option.selected{background:#3a21041f;border-style:solid}.km2-target-locked{opacity:.42}.km2-target-locked .km2-gold-number{pointer-events:none;background-image:repeating-linear-gradient(45deg,#3a21042e 0 4px,#0000 4px 8px)}.km2-locked-note{color:#3a2104a6;margin-bottom:4px;font-size:11.5px}.km2-penalty-group{margin-bottom:20px}.km2-announce-media{background:linear-gradient(160deg,#2c2350 0%,#171322 60%,#0a0912 100%);flex-direction:column;flex:1;justify-content:flex-end;min-height:320px;display:flex;position:relative}.km2-announce-media:after{content:"";background:linear-gradient(#0a0912e0 0%,#0a091240 35%,#0a09128c 65%,#0a0912eb 100%);position:absolute;inset:0}.km2-announce-media-icon{opacity:.5;font-size:64px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.km2-announce-content{z-index:1;padding:24px 26px 30px;position:relative}.km2-pill{background:var(--km2-accent);color:#fff;font-family:var(--km2-font-mono);letter-spacing:.14em;border-radius:999px;margin-bottom:12px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-block}.km2-pill-outline{border:1px solid var(--km2-border-strong-1);color:var(--km2-text-3a);background:0 0}.km2-doer-body{padding:52px 26px 0}.km2-screen-leaving{z-index:2;background:var(--km2-bg);pointer-events:none;flex-direction:column;animation:.42s cubic-bezier(.4,0,1,1) forwards km2-announce-leave;display:flex;position:absolute;inset:0}@keyframes km2-announce-leave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16%)}}.km2-anim-announce>.km2-body{animation:.5s cubic-bezier(.2,.8,.2,1) both km2-announce-rise}@keyframes km2-announce-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.km2-anim-announce>.km2-body>*{animation:.42s cubic-bezier(.2,.8,.2,1) both km2-announce-item}.km2-anim-announce>.km2-body>:first-child{animation-delay:.16s}.km2-anim-announce>.km2-body>:nth-child(2){animation-delay:.22s}.km2-anim-announce>.km2-body>:nth-child(3){animation-delay:.28s}.km2-anim-announce>.km2-body>:nth-child(4){animation-delay:.34s}.km2-anim-announce>.km2-body>:nth-child(5){animation-delay:.4s}.km2-anim-announce>.km2-body>:nth-child(n+6){animation-delay:.46s}@keyframes km2-announce-item{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.km2-anim-announce>.km2-body>.km2-media-box{animation-name:km2-announce-card}@keyframes km2-announce-card{0%{opacity:0;transform:translateY(12px);box-shadow:0 0 #7c5cff00}55%{opacity:1;transform:none;box-shadow:0 0 0 6px #7c5cff47}to{opacity:1;transform:none;box-shadow:0 0 #7c5cff00}}@media (prefers-reduced-motion:reduce){.km2-screen-leaving{display:none}.km2-anim-announce>.km2-body,.km2-anim-announce>.km2-body>*{animation:none}}.km2-media-box{background:var(--km2-surface-2);border:1px solid var(--km2-border-weak-1);border-radius:22px;position:relative;overflow:hidden}.km2-media-box--doer{flex:1;min-height:260px;margin:18px 0 22px}.km2-media-box--target{height:306px;margin-bottom:20px}.km2-media-box--audience{height:214px;margin-bottom:16px}.km2-media-box img,.km2-media-box video{object-fit:cover;width:100%;height:100%;display:block}.km2-media-dropzone{text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px;display:flex;position:absolute;inset:0}.km2-media-dropzone-readonly{cursor:default}.km2-media-dropzone-hasimage{justify-content:flex-end;padding:0}.km2-media-dropzone-hasimage img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.km2-media-replace{z-index:1;color:#fff;background:linear-gradient(#0000,#0a0912c7);width:100%;padding:8px 10px;font-size:12px;font-weight:700;position:relative}.km2-media-icon{opacity:.5;font-size:30px}.km2-media-hint{color:var(--km2-text-3a);font-size:13px;line-height:1.4}.km2-media-browse{color:var(--km2-text-3a);font-size:12px}.km2-media-browse u{color:var(--km2-text-2a)}.km2-doer-heading{margin-bottom:12px;font-size:40px;font-weight:900;line-height:1.2}.km2-doer-action{margin-bottom:16px;font-size:22px;font-weight:700;line-height:1.5}.km2-opponent-row{align-items:center;gap:10px;margin-bottom:20px;display:flex}.km2-opponent-avatar{background:var(--km2-avatar-2);border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.km2-opponent-number{width:30px;height:30px;color:var(--km2-text-2a);font-family:var(--km2-font-mono);background:#7c5cff40;border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.km2-target-card-body{text-align:center;padding:52px 26px 0}.km2-target-media{background:linear-gradient(160deg,#2c2350 0%,#171322 60%,#0a0912 100%);border-radius:22px;justify-content:center;align-items:center;height:306px;margin-bottom:20px;font-size:56px;display:flex}.km2-target-heading{margin-bottom:24px;font-size:22px;font-weight:900;line-height:1.4}.km2-audience-body{padding:52px 26px 0}.km2-audience-cards{align-items:center;gap:10px;margin-bottom:18px;display:flex}.km2-audience-card{background:var(--km2-surface-2);border:1px solid var(--km2-border-weak-1);text-align:center;border-radius:16px;flex:1;padding:14px}.km2-audience-arrow{color:var(--km2-text-3a);font-size:22px}.km2-audience-media{background:linear-gradient(160deg,#2c2350 0%,#171322 60%,#0a0912 100%);border-radius:18px;justify-content:center;align-items:center;height:214px;margin-bottom:16px;font-size:48px;display:flex}.km2-reaction-row{justify-content:center;gap:10px;margin-bottom:20px;display:flex}.km2-reaction-btn{background:var(--km2-surface-2);border:1px solid var(--km2-border-weak-1);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex;position:relative}.km2-reaction-btn:active{transform:scale(.9)}.km2-reaction-count{background:var(--km2-accent);color:#fff;font-size:10px;font-family:var(--km2-font-mono);text-align:center;border-radius:999px;min-width:16px;padding:1px 5px;position:absolute;top:-6px;right:-6px}.km2-summary-body{padding:52px 24px 0}.km2-summary-card{background:#ffffff4d;border-radius:18px;margin-bottom:20px;padding:18px}.km2-summary-chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.km2-summary-chips-row{color:var(--km2-gold-text);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;font-size:15px;font-weight:700;display:flex}.km2-summary-connector{color:var(--km2-gold-text)}.km2-summary-dot{vertical-align:middle;background:#3a210480;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.km2-summary-chip{background:var(--km2-gold-cta-bg);color:var(--km2-gold-cta-text);font-family:var(--km2-font-mono);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.km2-summary-text{color:var(--km2-gold-text);margin-bottom:8px;font-size:16px;font-weight:700;line-height:1.5}.km2-summary-progress{font-family:var(--km2-font-mono);color:#3a2104b3;font-size:12px}.km2-option-row{cursor:pointer;border-bottom:1px solid #3a21041f;justify-content:space-between;align-items:center;padding:14px 4px;display:flex}.km2-option-row:last-of-type{border-bottom:none}.km2-option-label{color:var(--km2-gold-text);font-size:15px;font-weight:700}.km2-option-sub{font-family:var(--km2-font-mono);color:#3a21048c;margin-top:2px;font-size:11px}.km2-checkbox{color:#0000;border:1.5px solid #3a210459;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:900;transition:all .15s;display:flex}.km2-checkbox.on{background:var(--km2-gold-cta-bg);border-color:var(--km2-gold-cta-bg);color:var(--km2-gold-cta-text)}.km2-toggle{background:#3a21042e;border-radius:999px;flex-shrink:0;width:46px;height:28px;transition:background .2s;position:relative}.km2-toggle.on{background:var(--km2-gold-cta-bg)}.km2-toggle:after{content:"";background:#f6e4b4;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px}.km2-toggle.on:after{background:#fff;transform:translate(18px)}.km2-secondary-link-row{justify-content:center;align-items:center;gap:10px;margin-top:14px;padding-bottom:6px;display:flex}.km2-secondary-link{font-family:var(--km2-font-mono);color:#3a2104b3;cursor:pointer;background:0 0;border:none;font-size:12px;text-decoration:none}.km2-secondary-link-sep{color:#3a210459;font-size:12px}.km2-summary-reveal{flex-direction:column;gap:8px;margin-top:16px;display:flex}.km2-summary-reveal-row{color:var(--km2-gold-text);background:#ffffff40;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;font-weight:700;display:flex}@keyframes km2-pulse-dot{0%,to{opacity:.55}50%{opacity:1}}@keyframes km2-row-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.km2-live-dot,.km2-member-row{animation:none!important}}.km2-landing-body{z-index:1;flex-direction:column;flex:1;padding:40px 24px 28px;display:flex;position:relative}.km2-landing-head{margin-bottom:40px}.km2-landing-title{font-family:var(--km2-font-display);letter-spacing:-.02em;color:#fff;margin:14px 0 18px;font-size:64px;font-weight:900;line-height:1.04}.km2-landing-crown{vertical-align:6px;font-size:44px}.km2-landing-tagline{color:var(--km2-text-3a);font-size:17px;font-weight:500}.km2-landing-actions{flex-direction:column;gap:14px;display:flex}.km2-landing-card{text-align:left;cursor:pointer;background:var(--km2-surface-1);border:1px solid var(--km2-border-strong-1);width:100%;color:var(--km2-text-1);border-radius:20px;align-items:center;gap:12px;padding:18px 16px;transition:transform .12s ease-out,border-color .2s,background .2s;display:flex}.km2-landing-card:active{transform:scale(.98)}.km2-landing-card--primary{background:var(--km2-accent);color:#fff;box-shadow:var(--km2-btn-shadow);border-color:#0000}.km2-landing-card--ghost{border-color:var(--km2-border-weak-1);background:0 0}.km2-landing-card-icon{text-align:center;flex-shrink:0;width:30px;font-size:24px}.km2-landing-card-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.km2-landing-card-title{font-family:var(--km2-font-display);font-size:16.5px;font-weight:800;line-height:1.3}.km2-landing-card-sub{color:var(--km2-text-3a);font-size:12.5px;font-weight:500}.km2-landing-card--primary .km2-landing-card-sub{color:#ffffffc7}.km2-landing-card-arrow{color:var(--km2-text-3c);flex-shrink:0}.km2-landing-card--primary .km2-landing-card-arrow{color:#ffffffe6}.km2-landing-foot{text-align:center;font-family:var(--km2-font-display);color:var(--km2-text-4b);margin-top:auto;padding-top:32px;font-size:13px;font-weight:700}.glass-back{color:var(--text-secondary,#9ca3af);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:12px;padding:6px 10px 6px 0;font-size:.9rem;font-weight:600;display:inline-flex}.glass-back:hover{color:var(--text-primary,#f3f4f6)}.billing-card{text-align:left;cursor:pointer;background:linear-gradient(#0a081499, #0a081499) padding-box, linear-gradient(135deg, hsl(var(--color-primary)) 0%, hsl(var(--color-accent)) 100%) border-box;border:1px solid #0000;border-radius:14px;align-items:center;gap:.7rem;width:100%;padding:.85rem .9rem;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex;box-shadow:0 8px 24px #8a5cf624}.billing-card:hover{transform:translateY(-1px);box-shadow:0 12px 30px #ec489938}.billing-card:active{transform:translateY(0)}.billing-card-icon{flex-shrink:0;font-size:1.35rem;line-height:1}.billing-card-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.billing-card-title{font-family:var(--font-primary);color:var(--text-primary);font-size:1rem;font-weight:700}.billing-card-sub{font-family:var(--font-secondary);white-space:nowrap;color:var(--text-secondary);font-size:.74rem}.billing-badge{font-family:var(--font-primary);letter-spacing:.06em;color:#f9a8d4;background:#ec489929;border:1px solid #ec489966;border-radius:9999px;flex-shrink:0;padding:.22rem .5rem;font-size:.66rem;font-weight:800}.bill-screen{--bill-surface:#100d1b;--bill-border:#241e36}.bill-body{z-index:1;flex:1;padding:20px 20px 40px;position:relative;overflow-y:auto}.bill-back{color:var(--km2-text-3a);font-family:var(--km2-font-display);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:14px;padding:6px 10px 6px 0;font-size:14px;font-weight:700;display:inline-flex}.bill-back:hover{color:var(--km2-text-1)}.bill-head{margin-bottom:18px}.bill-title{font-family:var(--km2-font-display);color:#fff;margin:8px 0;font-size:30px;font-weight:900}.bill-lead{color:var(--km2-text-3a);font-size:13px;line-height:1.7}.bill-notice{color:var(--km2-text-2a);background:#7c5cff24;border:1px solid #7c5cff66;border-radius:12px;margin-bottom:16px;padding:10px 14px;font-size:12.5px;line-height:1.5}.bill-section{margin-bottom:24px}.bill-section-label{font-family:var(--km2-font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--km2-text-4a);margin:0 0 10px;font-size:11px}.bill-plan{background:linear-gradient(#0a0814b8, #0a0814b8) padding-box, linear-gradient(135deg, hsl(var(--color-primary)) 0%, hsl(var(--color-accent)) 100%) border-box;border:1px solid #0000;border-radius:18px;padding:18px;box-shadow:0 10px 30px #8a5cf62e}.bill-plan-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.bill-plan-name{font-family:var(--km2-font-display);color:#fff;font-size:16px;font-weight:800}.bill-plan-price{font-family:var(--km2-font-display);color:#fff;white-space:nowrap;font-size:22px;font-weight:900}.bill-plan-price small{color:var(--km2-text-3a);font-size:11px;font-weight:600}.bill-plan-desc{color:var(--km2-text-3a);margin:6px 0 12px;font-size:12px;line-height:1.6}.bill-plan-perks{flex-direction:column;gap:7px;margin:0 0 16px;padding:0;list-style:none;display:flex}.bill-plan-perks li{color:var(--km2-text-1b);padding-left:20px;font-size:13px;line-height:1.5;position:relative}.bill-plan-perks li:before{content:"✓";color:hsl(var(--color-accent));font-weight:900;position:absolute;left:0}.bill-item{background:var(--bill-surface);border:1px solid var(--bill-border);border-radius:14px;align-items:center;gap:12px;padding:13px 14px;display:flex}.bill-item+.bill-item{margin-top:8px}.bill-item-info{flex:1;min-width:0}.bill-item-name{font-family:var(--km2-font-display);color:var(--km2-text-1b);align-items:baseline;gap:8px;font-size:14.5px;font-weight:800;display:flex}.bill-item-meta{font-family:var(--km2-font-mono);color:var(--km2-text-2b);background:#7c5cff29;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:500}.bill-item-desc{color:var(--km2-text-3a);margin-top:3px;font-size:11.5px;line-height:1.5}.bill-item-buy{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.bill-item-price{font-family:var(--km2-font-display);color:#fff;font-size:14px;font-weight:800}.bill-buy{font-family:var(--km2-font-display);color:var(--km2-on-accent);background:var(--km2-accent);cursor:pointer;border:none;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:800;transition:transform .12s ease-out,opacity .2s}.bill-buy:active{transform:scale(.96)}.bill-buy-primary{width:100%;box-shadow:var(--km2-btn-shadow);border-radius:14px;padding:13px;font-size:15px}.bill-restore{color:var(--km2-text-3a);font-family:var(--km2-font-mono);cursor:pointer;background:0 0;border:none;margin:4px auto 0;font-size:12px;text-decoration:underline;display:block}.bill-foot{text-align:center;font-family:var(--km2-font-mono);color:var(--km2-text-4c);margin-top:14px;font-size:10.5px}.bill-balance{background:linear-gradient(#0a0814b3, #0a0814b3) padding-box, linear-gradient(135deg, hsl(var(--color-primary)) 0%, hsl(var(--color-accent)) 100%) border-box;border:1px solid #0000;border-radius:16px;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:16px;padding:14px 18px;display:flex}.bill-balance-label{color:var(--km2-text-3a);font-size:12px;font-weight:700}.bill-balance-value{font-family:var(--km2-font-display);color:#fff;font-size:26px;font-weight:900}.bill-balance-value small,.bill-item-price small{color:var(--km2-text-3a);margin-left:2px;font-size:.5em;font-weight:700}.bill-packs{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.bill-pack{background:var(--bill-surface);border:1px solid var(--bill-border);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;transition:transform .12s ease-out,border-color .2s;display:flex}.bill-pack:active{transform:scale(.97)}.bill-pack:hover:not(:disabled){border-color:var(--km2-accent)}.bill-pack:disabled{opacity:.55;cursor:default}.bill-pack-pt{font-family:var(--km2-font-display);color:#fff;font-size:20px;font-weight:900}.bill-pack-bonus{color:#6ee7b7;font-size:10.5px;font-weight:700}.bill-pack-bonus--none{visibility:hidden}.bill-pack-yen{background:var(--km2-accent);color:var(--km2-on-accent);font-family:var(--km2-font-display);border-radius:999px;margin-top:4px;padding:4px 14px;font-size:12.5px;font-weight:800}.bill-item.is-owned{opacity:.7}.bill-item-perks{margin:8px 0 0}.bill-owned-tag{color:#6ee7b7;font-family:var(--km2-font-display);background:#6ee7b724;border:1px solid #6ee7b766;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}.bill-buy:disabled{opacity:.4;cursor:default}.bill-loading{text-align:center;color:var(--km2-text-3a);margin:18px 0;font-size:13px}.pshop-screen{background:var(--km2-gold-bg);width:100%;min-height:100dvh;color:var(--km2-gold-text);font-family:var(--km2-font-display);padding-top:env(safe-area-inset-top);flex-direction:column;display:flex;position:relative}.pshop-scroll{flex:1;padding:18px 20px 12px;overflow-y:auto}.stripe-checkout-container{background:#fff;border-radius:16px;min-height:320px;overflow:hidden}.pshop-back{font-family:var(--km2-font-display);color:var(--km2-gold-text);opacity:.75;cursor:pointer;background:0 0;border:none;margin-bottom:14px;padding:0;font-size:14px;font-weight:700;display:inline-block}.pshop-back:hover{opacity:1}.pshop-header{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.pshop-brand{align-items:center;gap:8px;display:flex}.pshop-crown{font-size:20px;line-height:1}.pshop-brand-label{font-family:var(--km2-font-mono);letter-spacing:.22em;color:var(--km2-gold-text);opacity:.78;font-size:13px;font-weight:700}.pshop-balance{text-align:right}.pshop-balance-label{font-family:var(--km2-font-mono);letter-spacing:.16em;color:var(--km2-gold-text);opacity:.6;margin-bottom:2px;font-size:10px;display:block}.pshop-balance-value{font-family:var(--km2-font-display);color:var(--km2-gold-text);font-size:24px;font-weight:900}.pshop-balance-value small{opacity:.7;margin-left:2px;font-size:13px;font-weight:700}.pshop-bonus-banner{background:var(--km2-gold-cta-bg);border-radius:20px;align-items:center;gap:14px;margin-bottom:20px;padding:16px 18px;display:flex}.pshop-bonus-icon{flex-shrink:0;font-size:22px}.pshop-bonus-text{flex-direction:column;gap:3px;display:flex}.pshop-bonus-title{color:var(--km2-gold-cta-text);font-size:15px;font-weight:800}.pshop-bonus-sub{font-family:var(--km2-font-mono);letter-spacing:.04em;color:#f6e4b4ad;font-size:11px}.pshop-notice{color:var(--km2-gold-text);background:#3a21041a;border-radius:12px;margin:0 0 16px;padding:10px 14px;font-size:12.5px;line-height:1.5}.pshop-section-label{font-family:var(--km2-font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--km2-gold-text);opacity:.55;margin:0 0 10px;font-size:11px}.pshop-pack-list{flex-direction:column;gap:12px;display:flex}.pshop-pack{width:100%;color:var(--km2-gold-text);text-align:left;cursor:pointer;background:#fff8e48c;border:none;border-radius:24px;align-items:center;gap:14px;padding:14px 18px;transition:transform .12s ease-out,background .15s;display:flex}.pshop-pack:active{transform:scale(.98)}.pshop-pack:disabled{cursor:default}.pshop-pack--selected{background:var(--km2-gold-cta-bg);color:var(--km2-gold-cta-text)}.pshop-pack--ad{cursor:default;opacity:.8}.pshop-pack-icon{background:#ffffff8c;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.pshop-pack--selected .pshop-pack-icon{background:#ffffff24}.pshop-pack-icon--ad{font-family:var(--km2-font-mono);letter-spacing:.05em;font-size:11px;font-weight:700}.pshop-pack-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.pshop-pack-title{align-items:center;gap:8px;font-size:18px;font-weight:800;display:flex}.pshop-pack-badge{font-family:var(--km2-font-mono);color:var(--km2-gold-text);background:#ffffff8c;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.pshop-pack--selected .pshop-pack-badge{color:var(--km2-gold-cta-text);background:#ffffff2e}.pshop-pack-sub{opacity:.68;font-size:12px}.pshop-pack-price{flex-shrink:0;font-size:17px;font-weight:800}.pshop-footer{padding:14px 20px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(0deg, var(--km2-gold-bg) 60%, transparent);flex-shrink:0}.pshop-cta{background:var(--km2-gold-cta-bg);width:100%;color:var(--km2-gold-cta-text);font-family:var(--km2-font-display);cursor:pointer;border:none;border-radius:18px;padding:16px;font-size:16px;font-weight:800;transition:transform .12s ease-out,opacity .2s}.pshop-cta:active{transform:scale(.97)}.pshop-cta:disabled{opacity:.6;cursor:default}.pshop-footer-note{text-align:center;font-family:var(--km2-font-mono);letter-spacing:.02em;color:var(--km2-gold-text);opacity:.55;margin:8px 0 0;font-size:10.5px}.dev-panel{z-index:90;box-sizing:border-box;width:min(440px,100%);padding:10px 12px calc(10px + env(safe-area-inset-bottom));font-family:var(--km2-font-display);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0a14f0;border:1px dashed #e0489a;border-bottom:none;border-radius:14px 14px 0 0;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.dev-panel-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.dev-panel-head-actions{flex:none;gap:6px;display:flex}.dev-panel-title{color:#ff9ecb;letter-spacing:.02em;font-size:12px;font-weight:800}.dev-panel-close,.dev-panel-toggle{border:1px solid var(--km2-border-strong-1);background:var(--km2-surface-3);color:var(--km2-text-2a);cursor:pointer;border-radius:999px;flex:none;padding:5px 12px;font-family:inherit;font-size:11.5px;font-weight:700}.dev-panel-toggle{color:#ff9ecb;background:#e0489a29;border-color:#e0489a80}.dev-panel-fab{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:90;color:#ff9ecb;font-family:var(--km2-font-display);letter-spacing:.02em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0a14f0;border:1px dashed #e0489a;border-radius:999px;padding:8px 14px;font-size:11.5px;font-weight:800;position:fixed}.dev-panel-note{color:var(--km2-text-3a);margin:6px 0 8px;font-size:11px;line-height:1.5}.dev-panel-viewers{gap:6px;display:flex;overflow-x:auto}.dev-viewer{border:1px solid var(--km2-border-weak-1);background:var(--km2-surface-2);min-width:92px;color:var(--km2-text-2a);cursor:pointer;border-radius:10px;flex-direction:column;flex:1 0 auto;align-items:flex-start;gap:2px;padding:7px 10px;font-family:inherit;display:flex}.dev-viewer.is-active{background:#e0489a29;border-color:#e0489a}.dev-viewer-name{white-space:nowrap;font-size:12px;font-weight:700}.dev-viewer-role{color:var(--km2-text-3a);font-size:10.5px}