:root{--kz-bg:oklch(96% 0.008 85);--kz-surface:oklch(99% 0.006 85);--kz-surface-sunken:oklch(93% 0.01 85);--kz-ink:oklch(25% 0.03 265);--kz-ink-soft:oklch(45% 0.02 265);--kz-line:oklch(85% 0.012 85);--kz-accent:oklch(48% 0.13 265);--kz-accent-soft:oklch(92% 0.04 265);--kz-danger:oklch(52% 0.18 25);--kz-secret:oklch(40% 0.09 30);--kz-stage:oklch(29% 0.03 265);--kz-stage-tile:oklch(38% 0.025 265);--kz-bar:oklch(23% 0.028 265);--kz-on-dark:oklch(95% 0.01 265);--kz-on-dark-soft:oklch(72% 0.02 265);--kz-speak:oklch(75% 0.16 150);--kz-glass:oklch(28% 0.03 265/0.5);--kz-glass-tile:oklch(40% 0.028 265/0.42);--kz-glass-bar:oklch(23% 0.028 265/0.58);--kz-glass-strong:oklch(24% 0.03 265/0.72);--kz-glass-border:oklch(100% 0 0/0.04);--kz-blur:blur(12px) saturate(1.15);--kz-radius:10px;--kz-gap:clamp(0.75rem,0.5rem + 1vw,1.25rem);--kz-pad:clamp(0.75rem,0.5rem + 0.8vw,1.1rem);--kz-text:clamp(0.95rem,0.9rem + 0.2vw,1.05rem);--kz-title:clamp(1.1rem,0.95rem + 0.6vw,1.5rem);--kz-duration:180ms;--kz-ease:cubic-bezier(0.16,1,0.3,1)}body,html{margin:0;padding:0}.kz-app,body{background:var(--kz-bg)}.kz-app{min-height:100vh;color:var(--kz-ink);font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif;font-size:var(--kz-text);line-height:1.65}.kz-lobby{max-width:720px;margin:0 auto;padding:clamp(2rem,5vw,4rem) var(--kz-pad)}.kz-lobby h1{font-size:var(--kz-title);letter-spacing:.02em;margin:0 0 .25rem}.kz-lobby p{color:var(--kz-ink-soft);margin:0 0 2rem}.kz-seat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:var(--kz-gap);gap:var(--kz-gap);list-style:none;padding:0;margin:0}.kz-seat-card{display:flex;flex-direction:column;gap:.4rem;padding:var(--kz-pad);background:var(--kz-surface);border:1px solid var(--kz-line);border-radius:var(--kz-radius);text-align:left;cursor:pointer;transition:transform var(--kz-duration) var(--kz-ease),border-color var(--kz-duration) var(--kz-ease),box-shadow var(--kz-duration) var(--kz-ease)}.kz-seat-card:focus-visible:not(:disabled),.kz-seat-card:hover:not(:disabled){transform:translateY(-2px);border-color:var(--kz-accent);box-shadow:0 6px 20px -12px var(--kz-accent);outline:none}.kz-seat-card:disabled{opacity:.5;cursor:not-allowed}.kz-seat-card .kz-seat-id{font-size:.8rem;color:var(--kz-accent);letter-spacing:.08em}.kz-seat-card .kz-seat-name{font-size:1.1rem;font-weight:600}.kz-seat-card .kz-seat-status{font-size:.8rem;color:var(--kz-ink-soft)}.kz-seat-card.is-mine{border-color:var(--kz-accent);box-shadow:inset 0 0 0 1px var(--kz-accent)}.kz-invite{margin:var(--kz-gap) 0;padding:var(--kz-pad);background:var(--kz-accent-soft);border:1px solid var(--kz-line);border-radius:var(--kz-radius)}.kz-invite-note{margin:.25rem 0 .6rem;font-size:.85rem;color:var(--kz-ink-soft)}.kz-invite-row{display:flex;gap:.5rem;flex-wrap:wrap}.kz-invite-url{flex:1 1;min-width:12rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.kz-seatsetup-lead{color:var(--kz-ink-soft);font-size:.9rem;margin-bottom:var(--kz-gap)}.kz-seatsetup-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:var(--kz-gap)}.kz-field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:var(--kz-gap)}.kz-field-label{font-size:.85rem;color:var(--kz-ink-soft)}.kz-fieldset{border:1px solid var(--kz-line);border-radius:var(--kz-radius);padding:var(--kz-pad);margin-bottom:var(--kz-gap);display:flex;flex-direction:column;gap:.5rem}.kz-fieldset legend{font-size:.85rem;color:var(--kz-ink-soft);padding:0 .4rem}.kz-radio{display:flex;align-items:center;gap:.5rem;cursor:pointer}.kz-subhead{font-size:.95rem;color:var(--kz-ink-soft);margin:var(--kz-gap) 0 .5rem}.kz-waiting-list{list-style:none;margin:0 0 var(--kz-gap);padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.kz-waiting-name{padding:.3rem .7rem;border:1px solid var(--kz-line);border-radius:999px;background:var(--kz-surface-sunken);font-size:.9rem}.kz-waiting-list .kz-btn.is-on{background:var(--kz-accent);color:oklch(98% 0 0);border-color:var(--kz-accent)}.kz-play{display:grid;grid-template-columns:minmax(240px,1fr) minmax(320px,1.6fr) minmax(240px,1fr);grid-template-rows:auto 1fr;grid-gap:var(--kz-gap);gap:var(--kz-gap);max-width:1400px;margin:0 auto;padding:var(--kz-pad);height:100vh;height:100dvh}.kz-phasebar{grid-column:1/-1}@media (max-width:900px){.kz-play{grid-template-columns:1fr;height:auto;min-height:100dvh}}.kz-panel{background:var(--kz-surface);border:1px solid var(--kz-line);border-radius:var(--kz-radius);padding:var(--kz-pad);display:flex;flex-direction:column;gap:.6rem;min-height:0}.kz-panel>h2{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--kz-ink-soft);margin:0 0 .2rem;border-bottom:1px solid var(--kz-line);padding-bottom:.4rem}.kz-col{display:flex;flex-direction:column;gap:var(--kz-gap);min-height:0;overflow-y:auto}.kz-col>*{flex-shrink:0}.kz-phasebar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--kz-gap);background:var(--kz-surface);border:1px solid var(--kz-line);border-radius:var(--kz-radius);padding:var(--kz-pad)}.kz-meet .kz-phasebar{--kz-surface:var(--kz-glass-bar);--kz-line:var(--kz-glass-border);--kz-ink-soft:var(--kz-on-dark-soft);background:var(--kz-glass-bar);backdrop-filter:var(--kz-blur);-webkit-backdrop-filter:var(--kz-blur);border-color:var(--kz-glass-border);color:var(--kz-on-dark)}.kz-meet .kz-phasebar .kz-btn:not(.kz-btn--ghost){color:oklch(98% 0 0)}.kz-phasebar .kz-phase-now{display:flex;align-items:baseline;gap:.6rem}.kz-phase-label{font-size:var(--kz-title);font-weight:700}.kz-phase-scenario{color:var(--kz-ink-soft);font-size:.85rem}.kz-timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700;letter-spacing:.04em;color:var(--kz-accent)}.kz-timer[data-urgent=true]{color:var(--kz-danger)}.kz-lobby-note{font-size:.95rem;color:var(--kz-ink-soft)}.kz-spectator-badge{font-size:.85rem;font-weight:700;letter-spacing:.08em;color:var(--kz-ink-soft);border:1px solid var(--kz-line);border-radius:999px;padding:.2rem .7rem}.kz-lobby .kz-lobby-spectate{margin:3.5rem 0 0;color:var(--kz-ink-soft);font-size:.95rem}.kz-btn{font:inherit;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--kz-accent);background:var(--kz-accent);color:var(--kz-surface);cursor:pointer;transition:transform var(--kz-duration) var(--kz-ease),opacity var(--kz-duration) var(--kz-ease)}.kz-btn:hover:not(:disabled){transform:translateY(-1px)}.kz-btn:disabled{opacity:.45;cursor:not-allowed}.kz-btn--ghost{background:transparent;color:var(--kz-accent)}.kz-lobby-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:var(--kz-gap);gap:var(--kz-gap)}.kz-lobby-card{display:flex;flex-direction:column;gap:.75rem;padding:clamp(1.25rem,1rem + 1vw,1.75rem);background:var(--kz-surface);border:1px solid var(--kz-line);border-radius:var(--kz-radius)}.kz-lobby-card h2{font-size:1.1rem;margin:0}.kz-lobby .kz-lobby-card .kz-lobby-note{margin:0}.kz-lobby-card .kz-btn{align-self:flex-start}.kz-lobby-join{display:flex;gap:.5rem;flex-wrap:wrap}.kz-input{flex:1 1;min-width:0;font:inherit;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--kz-line);background:var(--kz-surface-sunken);color:var(--kz-ink);transition:border-color var(--kz-duration) var(--kz-ease)}.kz-input:focus-visible{outline:none;border-color:var(--kz-accent)}.kz-input[aria-invalid=true]{border-color:var(--kz-danger)}.kz-lobby-error{color:var(--kz-danger);font-size:.9rem;margin:0}.kz-lobby-link{color:var(--kz-accent);font-weight:600}.kz-chat{min-height:320px}.kz-chat-log{flex:1 1;min-height:0;overflow-y:auto;gap:.5rem;padding-right:.25rem}.kz-chat-log,.kz-msg{display:flex;flex-direction:column}.kz-msg{gap:.1rem}.kz-msg .kz-msg-who{font-size:.75rem;color:var(--kz-accent);font-weight:600}.kz-msg[data-kind=gm] .kz-msg-who{color:var(--kz-secret)}.kz-msg[data-kind=system]{color:var(--kz-ink-soft);font-style:italic;font-size:.85rem}.kz-msg .kz-msg-text{white-space:pre-wrap;overflow-wrap:anywhere}.kz-chat-form{display:flex;gap:.5rem}.kz-chat-form input{flex:1 1;font:inherit;padding:.5rem .7rem;border:1px solid var(--kz-line);border-radius:8px;background:var(--kz-surface-sunken);color:var(--kz-ink)}.kz-chat-form input:focus-visible{outline:2px solid var(--kz-accent);outline-offset:1px}.kz-chat-form--gm{margin-top:.4rem;padding-top:.4rem;border-top:1px dashed var(--kz-line)}.kz-chat-form--gm input{border-color:var(--kz-accent-soft)}.kz-field-group{margin:0 0 .6rem}.kz-field-group h3{font-size:.8rem;color:var(--kz-ink-soft);margin:0 0 .2rem}.kz-field-group ul{margin:0;padding-left:1.1rem}.kz-secret-block{background:var(--kz-accent-soft);border-left:3px solid var(--kz-secret);border-radius:6px;padding:.5rem .7rem}.kz-secret-block h3{color:var(--kz-secret)}.kz-player{padding:.5rem 0;border-bottom:1px solid var(--kz-line)}.kz-player:last-child{border-bottom:none}.kz-player .kz-player-name{font-weight:600}.kz-player .kz-player-info{font-size:.85rem;color:var(--kz-ink-soft)}.kz-evidence{display:flex;flex-direction:column;gap:.5rem}.kz-card{border:1px solid var(--kz-line);border-radius:8px;padding:.6rem .7rem;background:var(--kz-surface-sunken)}.kz-card[data-acquired=true]{background:var(--kz-surface);border-color:var(--kz-accent)}.kz-card .kz-card-name{font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.kz-card .kz-card-content{margin-top:.4rem;font-size:.9rem;white-space:pre-wrap}.kz-vote-options{display:flex;flex-direction:column;gap:.4rem}.kz-ending{background:var(--kz-accent-soft);border:1px solid var(--kz-accent);border-radius:var(--kz-radius);padding:var(--kz-pad)}.kz-ending h2{margin:0 0 .4rem;color:var(--kz-accent)}.kz-toast{position:fixed;bottom:1.2rem;left:50%;transform:translateX(-50%);background:var(--kz-danger);color:white;padding:.6rem 1rem;border-radius:8px;box-shadow:0 8px 24px -12px var(--kz-danger);display:flex;align-items:center;gap:.8rem;z-index:10}.kz-toast button{background:transparent;border:none;color:white;cursor:pointer;font:inherit;text-decoration:underline}.kz-voice{background:var(--kz-surface);border:1px solid var(--kz-line);border-radius:var(--kz-radius);padding:var(--kz-pad);display:flex;flex-direction:column;gap:.55rem}.kz-voice-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--kz-line);padding-bottom:.4rem}.kz-voice-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--kz-ink-soft);margin:0}.kz-voice-status{font-size:.75rem;font-weight:600}.kz-voice-status--on{color:var(--kz-accent)}.kz-voice-status--off{color:var(--kz-ink-soft)}.kz-voice-error{margin:0;font-size:.8rem;color:var(--kz-danger)}.kz-voice-mic{align-self:flex-start}.kz-voice-mic--on{background:var(--kz-accent);color:var(--kz-surface)}.kz-voice-gm{align-self:flex-start;margin-top:.4rem;font-size:.85rem}.kz-voice-gm--off{opacity:.7}.kz-voice-micwrap{display:flex;flex-direction:column;gap:.3rem}.kz-voice-interim{margin:0;font-size:.85rem;font-style:italic;color:var(--kz-ink-soft)}.kz-spec-chat-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.kz-spec-chat-head h2{margin:0}.kz-voice-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.kz-voice-member{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.kz-voice-dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--kz-line);flex-shrink:0;transition:background var(--kz-duration) var(--kz-ease),box-shadow var(--kz-duration) var(--kz-ease)}.kz-voice-member--speaking .kz-voice-dot{background:var(--kz-accent);box-shadow:0 0 0 .18rem var(--kz-accent-soft)}.kz-voice-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kz-voice-quality{font-size:.72rem;color:var(--kz-ink-soft)}.kz-voice-empty,.kz-voice-note{margin:0;font-size:.78rem;color:var(--kz-ink-soft)}.kz-mitsudan{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--kz-line);display:flex;flex-direction:column;gap:.5rem}.kz-mitsudan-title{margin:0;font-size:.85rem;font-weight:700;color:var(--kz-ink)}.kz-mitsudan-empty,.kz-mitsudan-hidden,.kz-mitsudan-note{margin:0;font-size:.78rem;color:var(--kz-ink-soft)}.kz-mitsudan-hidden{font-style:italic}.kz-mitsudan-active,.kz-mitsudan-joinlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.kz-mitsudan-joinrow{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.8rem}.kz-mitsudan-pick{border:1px solid var(--kz-line);border-radius:.5rem;padding:.5rem;display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:center}.kz-mitsudan-legend{font-size:.78rem;color:var(--kz-ink-soft);padding:0 .25rem}.kz-mitsudan-opt{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem}.kz-mitsudan-active{font-size:.74rem;color:var(--kz-ink-soft)}.kz-meet{grid-template-rows:auto 1fr auto auto;grid-template-columns:minmax(0,1fr);grid-gap:var(--kz-gap);height:100dvh;box-sizing:border-box;overflow:hidden;margin:0 auto;padding:var(--kz-pad);background-color:var(--kz-bar);color:var(--kz-on-dark)}.kz-meet,.kz-stage{display:grid;gap:var(--kz-gap)}.kz-stage{background:var(--kz-glass);backdrop-filter:var(--kz-blur);-webkit-backdrop-filter:var(--kz-blur);border:1px solid var(--kz-glass-border);border-radius:var(--kz-radius);padding:clamp(.75rem,2vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-auto-rows:minmax(120px,1fr);grid-gap:var(--kz-gap);align-content:center;overflow-y:auto;min-height:0}.kz-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;padding:.75rem;background:var(--kz-glass-tile);color:var(--kz-on-dark);border:2px solid transparent;border-radius:var(--kz-radius);transition:border-color var(--kz-duration) var(--kz-ease),box-shadow var(--kz-duration) var(--kz-ease),transform var(--kz-duration) var(--kz-ease)}.kz-tile--me{outline:1px solid var(--kz-accent-soft);outline-offset:-2px}.kz-tile--empty{background:transparent;border:1px dashed oklch(100% 0 0/.14);color:var(--kz-on-dark-soft);opacity:.5}.kz-tile--speaking{border-color:var(--kz-speak);box-shadow:0 0 0 2px var(--kz-speak),0 0 22px -4px var(--kz-speak)}.kz-tile--gm{background:oklch(36% .05 265/.5)}.kz-tile-avatar{width:clamp(48px,9vw,80px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:clamp(1.2rem,3vw,1.9rem);font-weight:700;letter-spacing:.02em;background:oklch(52% .05 265);color:var(--kz-on-dark)}.kz-tile-avatar--gm{background:var(--kz-accent);font-size:clamp(.85rem,2vw,1.1rem);letter-spacing:.1em}.kz-tile-name{font-size:.88rem;font-weight:600;text-align:center;line-height:1.3}.kz-tile-badge{position:absolute;top:.5rem;right:.5rem;font-size:.66rem;font-weight:700;letter-spacing:.04em;padding:.12rem .5rem;border-radius:999px;background:oklch(50% .02 265/.7);color:var(--kz-on-dark)}.kz-tile-badge--live{background:var(--kz-speak);color:oklch(25% .05 150)}.kz-tile-badge--mute{background:var(--kz-danger);color:oklch(98% 0 0)}.kz-chatdock{position:relative;background:var(--kz-glass-bar);backdrop-filter:var(--kz-blur);-webkit-backdrop-filter:var(--kz-blur);color:var(--kz-on-dark);border:1px solid var(--kz-glass-border);border-radius:var(--kz-radius);padding:.5rem .85rem;min-width:0;overflow:hidden;cursor:pointer;transition:filter var(--kz-duration) var(--kz-ease),border-color var(--kz-duration) var(--kz-ease)}.kz-chatdock:hover{filter:brightness(1.1)}.kz-chatdock:focus-visible{outline:none;border-color:var(--kz-accent)}.kz-chatdock-log{height:calc(3 * 1.5em + .4rem);overflow-y:auto;display:flex;flex-direction:column;gap:.2rem;padding-right:5.5rem}.kz-chatdock-line{margin:0;font-size:.84rem;line-height:1.5;overflow-wrap:anywhere}.kz-chatdock-who{margin-right:.5rem;color:var(--kz-accent-soft);font-weight:700;font-size:.74rem}.kz-chatdock-line[data-kind=gm] .kz-chatdock-who{color:oklch(82% .1 35)}.kz-chatdock-line[data-kind=system]{color:var(--kz-on-dark-soft);font-style:italic}.kz-chatdock-text{white-space:pre-wrap}.kz-chatdock-empty{margin:0;color:var(--kz-on-dark-soft);font-size:.84rem}.kz-chatdock-hint{position:absolute;top:.4rem;right:.6rem;font-size:.7rem;color:var(--kz-on-dark-soft);pointer-events:none}.kz-controlbar{display:flex;flex-direction:column;gap:.35rem;background:var(--kz-glass-bar);backdrop-filter:var(--kz-blur);-webkit-backdrop-filter:var(--kz-blur);border:1px solid var(--kz-glass-border);border-radius:var(--kz-radius);padding:.5rem .75rem}.kz-caption{min-height:1.2em;margin:0;text-align:center;font-size:.8rem;font-style:italic;color:var(--kz-on-dark-soft)}.kz-caption--error{color:oklch(78% .14 25);font-style:normal}.kz-controls{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:.4rem}.kz-ctl-sep{width:1px;background:var(--kz-on-dark-soft);opacity:.3;margin:.15rem .25rem}.kz-mic{display:inline-flex;flex-direction:column;align-items:center;gap:.05rem;font:inherit;cursor:pointer;border:none;border-radius:12px;padding:.35rem 1rem;min-width:76px;color:oklch(98% 0 0);background:var(--kz-accent);transition:transform var(--kz-duration) var(--kz-ease),background var(--kz-duration) var(--kz-ease),opacity var(--kz-duration) var(--kz-ease)}.kz-mic--off{background:var(--kz-danger)}.kz-mic:hover:not(:disabled){transform:translateY(-1px)}.kz-mic:disabled{opacity:.5;cursor:not-allowed}.kz-mic-icon{font-size:1.3rem;line-height:1.1}.kz-mic-label{font-size:.68rem;font-weight:600}.kz-ctl{display:inline-flex;flex-direction:column;align-items:center;gap:.05rem;font:inherit;cursor:pointer;border:1px solid transparent;border-radius:10px;padding:.3rem .55rem;min-width:56px;background:transparent;color:var(--kz-on-dark);transition:background var(--kz-duration) var(--kz-ease),border-color var(--kz-duration) var(--kz-ease)}.kz-ctl>span[aria-hidden]{font-size:1.15rem;line-height:1.2}.kz-ctl-label{font-size:.66rem;color:var(--kz-on-dark-soft)}.kz-ctl:hover{background:oklch(100% 0 0/.08)}.kz-ctl.is-active{background:var(--kz-accent)}.kz-ctl.is-active,.kz-ctl.is-active .kz-ctl-label{color:oklch(98% 0 0)}.kz-ctl.is-hot:not(.is-active){border-color:var(--kz-accent)}.kz-ctl--toggle.is-on .kz-ctl-label{color:var(--kz-accent-soft)}.kz-togm:disabled{opacity:.4;cursor:not-allowed}.kz-togm.is-on{background:var(--kz-speak);border-color:var(--kz-speak)}.kz-togm.is-on,.kz-togm.is-on .kz-ctl-label{color:oklch(22% .05 150)}.kz-togm:not(:disabled){border-color:oklch(100% 0 0/.18)}.kz-settings-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.kz-settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--kz-gap);padding:.6rem 0;border-bottom:1px solid var(--kz-line)}.kz-settings-row:last-child{border-bottom:none}.kz-settings-meta{display:flex;flex-direction:column;gap:.15rem}.kz-settings-name{font-weight:600}.kz-settings-desc{font-size:.8rem;color:var(--kz-ink-soft)}.kz-switch{display:inline-flex;align-items:center;gap:.5rem;border:none;background:transparent;cursor:pointer;font:inherit;padding:.1rem}.kz-switch-track{position:relative;width:42px;height:24px;border-radius:999px;background:var(--kz-surface-sunken);border:1px solid var(--kz-line);transition:background var(--kz-duration) var(--kz-ease)}.kz-switch.is-on .kz-switch-track{background:var(--kz-accent);border-color:var(--kz-accent)}.kz-switch-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:oklch(99% 0 0);transition:transform var(--kz-duration) var(--kz-ease)}.kz-switch.is-on .kz-switch-knob{transform:translateX(18px)}.kz-switch-label{font-size:.75rem;font-weight:600;color:var(--kz-ink-soft);min-width:2.2em;text-align:left}.kz-switch.is-on .kz-switch-label{color:var(--kz-accent)}.kz-modal-overlay{position:fixed;inset:0;z-index:50;background:oklch(20% .02 265/.55);display:grid;place-items:center;padding:var(--kz-pad);animation:kz-fade var(--kz-duration) var(--kz-ease)}.kz-modal-card{position:relative;width:min(680px,100%);max-height:85dvh;overflow-y:auto;--kz-surface:var(--kz-glass-strong);--kz-surface-sunken:oklch(20% 0.03 265/0.6);--kz-ink:var(--kz-on-dark);--kz-ink-soft:var(--kz-on-dark-soft);--kz-line:var(--kz-glass-border);background:var(--kz-glass-strong);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid var(--kz-glass-border);border-radius:var(--kz-radius);padding:clamp(1rem,1rem + 1vw,1.6rem);color:var(--kz-on-dark);box-shadow:0 24px 60px -20px oklch(12% .03 265/.7);animation:kz-pop var(--kz-duration) var(--kz-ease)}.kz-modal-close{position:absolute;top:.6rem;right:.6rem;width:2rem;height:2rem;display:grid;place-items:center;font:inherit;font-size:.9rem;cursor:pointer;border:1px solid var(--kz-line);border-radius:8px;background:var(--kz-surface-sunken);color:var(--kz-ink-soft)}.kz-modal-close:hover{color:var(--kz-ink);border-color:var(--kz-accent)}.kz-modal-body .kz-panel{border:none;background:transparent;padding:0}.kz-modal-card .kz-btn:not(.kz-btn--ghost){color:oklch(98% 0 0)}@keyframes kz-fade{0%{opacity:0}}@keyframes kz-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}@media (max-width:640px){.kz-stage{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.kz-ctl-label,.kz-mic-label{display:none}}.kz-msg-launch{position:fixed;right:clamp(.75rem,2vw,1.5rem);bottom:clamp(5.5rem,12vh,7rem);z-index:40;display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:999px;border:1px solid var(--kz-glass-border);background:var(--kz-glass-strong);-webkit-backdrop-filter:var(--kz-blur);backdrop-filter:var(--kz-blur);color:var(--kz-on-dark);font-size:1.4rem;cursor:pointer;box-shadow:0 10px 30px -12px oklch(0 0 0/.6);transition:transform var(--kz-duration) var(--kz-ease),background var(--kz-duration) var(--kz-ease)}.kz-msg-launch:hover{transform:translateY(-2px);background:var(--kz-glass-strong)}.kz-msg-launch:focus-visible{outline:2px solid var(--kz-accent);outline-offset:2px}.kz-msg-badge{display:inline-grid;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:999px;background:var(--kz-danger);color:oklch(98% .01 25);font-size:.7rem;font-weight:700;line-height:1}.kz-msg-launch .kz-msg-badge{position:absolute;top:-.15rem;right:-.15rem}.kz-msg-panel{position:fixed;right:clamp(.75rem,2vw,1.5rem);bottom:clamp(5.5rem,12vh,7rem);z-index:45;display:flex;flex-direction:column;width:min(360px,calc(100vw - 1.5rem));height:min(64vh,32rem);border:1px solid var(--kz-glass-border);border-radius:calc(var(--kz-radius) + 4px);background:var(--kz-glass-strong);-webkit-backdrop-filter:var(--kz-blur);backdrop-filter:var(--kz-blur);color:var(--kz-on-dark);overflow:hidden;box-shadow:0 18px 48px -18px oklch(0 0 0/.7)}.kz-msg-panel-head{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-bottom:1px solid var(--kz-glass-border)}.kz-msg-panel-head h2{flex:1 1;margin:0;font-size:1rem;font-weight:600;color:var(--kz-on-dark)}.kz-msg-back,.kz-msg-x{display:grid;place-items:center;width:1.9rem;height:1.9rem;border:none;border-radius:8px;background:transparent;color:var(--kz-on-dark-soft);font-size:1.3rem;cursor:pointer}.kz-msg-back:hover,.kz-msg-x:hover{background:var(--kz-glass-tile);color:var(--kz-on-dark)}.kz-msg-threads{flex:1 1;margin:0;padding:.35rem;list-style:none;overflow-y:auto}.kz-msg-thread{display:flex;flex-direction:column;gap:.2rem;width:100%;padding:.6rem .65rem;border:none;border-radius:var(--kz-radius);background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background var(--kz-duration) var(--kz-ease)}.kz-msg-thread:hover{background:var(--kz-glass-tile)}.kz-msg-thread-top{display:flex;align-items:center;gap:.5rem}.kz-msg-thread-label{flex:1 1;font-weight:600;font-size:.95rem}.kz-msg-thread-label[data-kind=gm-private],.kz-msg-thread-label[data-kind=gm-public]{color:var(--kz-speak)}.kz-msg-thread-preview{color:var(--kz-on-dark-soft);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kz-msg-convo{flex:1 1;display:flex;flex-direction:column;gap:.4rem;padding:.75rem;overflow-y:auto}.kz-msg-empty{margin:auto;color:var(--kz-on-dark-soft);font-size:.85rem}.kz-msg-bubble{max-width:78%;align-self:flex-start;display:flex;flex-direction:column;gap:.15rem;padding:.45rem .65rem;border-radius:14px 14px 14px 4px;background:var(--kz-glass-tile)}.kz-msg-bubble.is-mine{align-self:flex-end;border-radius:14px 14px 4px 14px;background:var(--kz-accent);color:oklch(98% .01 265)}.kz-msg-bubble[data-gm=true]{background:oklch(40% .09 150/.55)}.kz-msg-bubble-who{font-size:.72rem;font-weight:700;color:var(--kz-on-dark-soft)}.kz-msg-bubble-text{font-size:.9rem;line-height:1.35;overflow-wrap:anywhere}.kz-msg-form{display:flex;gap:.4rem;padding:.55rem;border-top:1px solid var(--kz-glass-border)}.kz-msg-form input{flex:1 1;min-width:0;padding:.5rem .65rem;border:1px solid var(--kz-glass-border);border-radius:999px;background:var(--kz-glass-tile);color:var(--kz-on-dark);font-size:.9rem}.kz-msg-form input::placeholder{color:var(--kz-on-dark-soft)}.kz-msg-form input:focus-visible{outline:2px solid var(--kz-accent);outline-offset:1px}.kz-msg-toasts{position:fixed;top:clamp(.75rem,2vh,1.25rem);right:clamp(.75rem,2vw,1.5rem);z-index:60;display:flex;flex-direction:column;gap:.5rem;width:min(320px,calc(100vw - 1.5rem))}.kz-msg-toast{display:flex;align-items:stretch;gap:.25rem;border:1px solid var(--kz-glass-border);border-radius:var(--kz-radius);background:var(--kz-glass-strong);-webkit-backdrop-filter:var(--kz-blur);backdrop-filter:var(--kz-blur);color:var(--kz-on-dark);box-shadow:0 12px 32px -14px oklch(0 0 0/.7);animation:kz-msg-toast-in var(--kz-duration) var(--kz-ease)}@keyframes kz-msg-toast-in{0%{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}.kz-msg-toast-body{flex:1 1;display:flex;flex-direction:column;gap:.15rem;padding:.55rem .7rem;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer}.kz-msg-toast-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.kz-msg-toast-thread{font-weight:700;font-size:.82rem}.kz-msg-toast-from{color:var(--kz-on-dark-soft);font-size:.72rem}.kz-msg-toast-text{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kz-msg-toast-close{border:none;background:transparent;color:var(--kz-on-dark-soft);font-size:1.1rem;padding:0 .55rem;cursor:pointer}.kz-msg-toast-close:hover{color:var(--kz-on-dark)}@media (max-width:640px){.kz-msg-panel{right:.5rem;left:.5rem;bottom:.5rem;width:auto;height:min(70vh,30rem)}}.kz-cutscene{position:fixed;inset:0;z-index:30;display:grid;grid-template-rows:1fr auto;background:oklch(12% .02 265);color:var(--kz-on-dark)}.kz-cutscene-stage{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;background-color:oklch(16% .02 265)}.kz-cutscene-portrait{max-height:82%;max-width:min(90%,520px);object-fit:contain;filter:drop-shadow(0 12px 30px oklch(0 0 0/.6));animation:kz-cutscene-rise var(--kz-duration) var(--kz-ease)}@keyframes kz-cutscene-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.kz-cutscene-box{position:relative;margin:clamp(.75rem,2vw,1.5rem);padding:clamp(1rem,2vw,1.75rem) clamp(1.25rem,3vw,2.25rem);min-height:6.5rem;border:1px solid var(--kz-glass-border);border-radius:calc(var(--kz-radius) + 4px);background:var(--kz-glass-strong);-webkit-backdrop-filter:var(--kz-blur);backdrop-filter:var(--kz-blur);box-shadow:0 -8px 40px -20px oklch(0 0 0/.8)}.kz-cutscene-speaker{margin:0 0 .4rem;font-size:clamp(.95rem,.85rem + .4vw,1.15rem);font-weight:700;color:var(--kz-speak);letter-spacing:.02em}.kz-cutscene-text{margin:0;font-size:clamp(1.05rem,.95rem + .6vw,1.4rem);line-height:1.7;overflow-wrap:anywhere}.kz-cutscene-progress{position:absolute;top:.6rem;right:.9rem;font-size:.75rem;color:var(--kz-on-dark-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}