: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-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)}.kz-app{min-height:100vh;background:var(--kz-bg);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-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-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-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-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)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}