:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#1a1d24;--color-bg-elevated:#22262e;--color-bg-panel:#262a33;--color-border:#383d48;--color-text:#e8e9ed;--color-text-muted:#9a9fac;--color-observer:#4fb8e6;--color-observer-bg:#17303c;--color-decoder:#e6a84f;--color-decoder-bg:#3c2f17;--color-correct:#4fd68c;--color-incorrect:#e6604f;--color-warning:#e6c34f;--bg-image:none;--font-sans:system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--color-bg);background-image:var(--bg-image);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;background-size:cover}#root{min-height:100dvh}button{font-family:inherit}.symbol-match-hint{color:var(--color-text-muted);margin:0 0 1rem;font-size:.85rem}.symbol-match-row{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.symbol-match-symbol{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:.5rem;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.75rem;display:flex}.symbol-match-rules{border-collapse:collapse;width:100%;margin-bottom:1.25rem}.symbol-match-rules td{border-bottom:1px solid var(--color-border);padding:.5rem .6rem;font-size:1rem}.symbol-match-rule-priority{color:var(--color-text-muted);width:1.5rem}.symbol-match-rule-symbol{text-align:center;white-space:nowrap;font-size:1.4rem}.symbol-match-rule-arrow{color:var(--color-text-muted);text-align:center;width:1.5rem}.symbol-match-rule-choice{font-weight:600}.symbol-match-choices{flex-wrap:wrap;gap:.6rem;display:flex}.symbol-match-choice-button{background:var(--color-decoder-bg);min-width:3rem;color:var(--color-decoder);border:1px solid var(--color-decoder);cursor:pointer;border-radius:.5rem;flex:1;padding:.75rem;font-size:1.1rem;font-weight:600}.symbol-match-choice-button:hover:not(:disabled){filter:brightness(1.2)}.symbol-match-choice-button:disabled{opacity:.5;cursor:default}.shape-signal-hint{color:var(--color-text-muted);margin:0 0 1rem;font-size:.85rem}.shape-signal-arrow-stage{justify-content:center;align-items:center;padding:2rem 0;display:flex}.shape-signal-arrow{transform-origin:50%;font-size:4rem;line-height:1;display:inline-block}.shape-signal-rules{border-collapse:collapse;width:100%;margin-bottom:1.25rem}.shape-signal-rules td{border-bottom:1px solid var(--color-border);padding:.5rem .6rem;font-size:1rem}.shape-signal-rule-arrow-cell{text-align:center;width:2.5rem}.shape-signal-rule-arrow{transform-origin:50%;font-size:1.3rem;display:inline-block}.shape-signal-rule-label{color:var(--color-text-muted)}.shape-signal-rule-arrow-glyph{color:var(--color-text-muted);text-align:center;width:1.5rem}.shape-signal-rule-choice{font-weight:600}.shape-signal-choices{flex-wrap:wrap;gap:.6rem;display:flex}.shape-signal-choice-button{background:var(--color-decoder-bg);min-width:3rem;color:var(--color-decoder);border:1px solid var(--color-decoder);cursor:pointer;border-radius:.5rem;flex:1;padding:.75rem;font-size:1.1rem;font-weight:600}.shape-signal-choice-button:hover:not(:disabled){filter:brightness(1.2)}.shape-signal-choice-button:disabled{opacity:.5;cursor:default}.timer{font-variant-numeric:tabular-nums;color:var(--color-text-muted);font-weight:600}.timer-warning{color:var(--color-warning)}.sound-toggle{background:var(--color-bg-panel);width:2.25rem;height:2.25rem;color:var(--color-text-muted);border:1px solid var(--color-border);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:0;display:flex}.sound-toggle:hover{color:var(--color-text);border-color:var(--color-text-muted)}.sound-toggle[aria-pressed=true]{color:var(--color-observer);border-color:var(--color-observer)}.debug-mode{max-width:960px;margin:0 auto;padding:1.5rem}.debug-header{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.debug-channel-banner{text-align:center;color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 12%, var(--color-bg-elevated));border:1px solid var(--color-warning);border-radius:.5rem;margin:-.5rem 0 1.5rem;padding:.6rem .85rem;font-size:.85rem;font-weight:600}.debug-title{flex-direction:column;gap:.15rem;margin-right:auto;display:flex}.debug-subtitle{color:var(--color-text-muted);font-size:.85rem}.debug-control{color:var(--color-text-muted);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.debug-control select{background:var(--color-bg-panel);color:var(--color-text);border:1px solid var(--color-border);border-radius:.35rem;padding:.3rem}.debug-status-area{align-items:center;gap:1rem;display:flex}.debug-status{font-weight:700}.debug-status-correct{color:var(--color-correct)}.debug-status-incorrect{color:var(--color-incorrect)}.debug-new-button{background:var(--color-bg-panel);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;border-radius:.5rem;padding:.5rem 1rem}.debug-new-button:hover{border-color:var(--color-text-muted)}.debug-panels{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}@media (width<=720px){.debug-panels{grid-template-columns:1fr}}.debug-panel{border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem}.debug-panel-observer{background:var(--color-observer-bg)}.debug-panel-decoder{background:var(--color-decoder-bg)}.debug-panel-label{letter-spacing:.05em;text-transform:uppercase;margin:0 0 1rem;font-size:.9rem}.debug-panel-label-observer{color:var(--color-observer)}.debug-panel-label-decoder{color:var(--color-decoder)}.title-screen{flex-direction:column;gap:1.25rem;max-width:26rem;margin:0 auto;padding:2.5rem 1.25rem 3rem;display:flex}.title-toolbar{justify-content:flex-end;display:flex}.title-header{text-align:center;margin-bottom:.5rem}.title-logo{letter-spacing:.08em;color:var(--color-observer);margin:0;font-size:2.5rem}.title-tagline{color:var(--color-text-muted);margin:.35rem 0 0;font-size:.9rem}.title-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:.75rem;flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.title-card-heading{margin:0;font-size:1rem}.title-difficulty{color:var(--color-text-muted);flex-direction:column;gap:.4rem;font-size:.85rem;display:flex}.title-code-input{letter-spacing:.35em;text-align:center;text-transform:uppercase;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:.5rem;padding:.85rem;font-family:inherit;font-size:1.5rem}.title-code-input:focus{border-color:var(--color-observer);outline:none}.title-button{background:var(--color-bg-panel);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;border-radius:.5rem;padding:.85rem;font-size:1rem;font-weight:600}.title-button:hover:not(:disabled){border-color:var(--color-text-muted)}.title-button-primary{background:var(--color-observer-bg);color:var(--color-observer);border-color:var(--color-observer)}.title-button:disabled{opacity:.5;cursor:default}.title-error{color:var(--color-incorrect);background:var(--color-bg-elevated);border:1px solid var(--color-incorrect);border-radius:.5rem;margin:0;padding:.75rem 1rem;font-size:.9rem}.title-note{text-align:center;color:var(--color-text-muted);margin:0;font-size:.8rem}.room-screen{flex-direction:column;gap:1rem;max-width:30rem;min-height:100dvh;margin:0 auto;padding:1.5rem 1.25rem 2.5rem;display:flex}.room-button{background:var(--color-bg-panel);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;border-radius:.5rem;padding:.85rem;font-size:1rem;font-weight:600}.room-button:hover:not(:disabled){border-color:var(--color-text-muted)}.room-button:disabled{opacity:.5;cursor:default}.room-button-primary{background:var(--color-observer-bg);color:var(--color-observer);border-color:var(--color-observer)}.room-button-quiet{color:var(--color-text-muted);background:0 0;border-color:#0000;font-size:.85rem;font-weight:400}.room-error{color:var(--color-incorrect);border:1px solid var(--color-incorrect);border-radius:.5rem;margin:0;padding:.75rem 1rem;font-size:.9rem}.room-lobby{text-align:center;justify-content:center}.room-toolbar{justify-content:flex-end;display:flex}.lobby-caption{color:var(--color-text-muted);letter-spacing:.1em;margin:0;font-size:.85rem}.lobby-code{letter-spacing:.25em;text-indent:.25em;color:var(--color-observer);margin:0;font-size:3.5rem;font-weight:700}.lobby-status{margin:0;font-size:1rem}.lobby-hint{color:var(--color-text-muted);margin:0;font-size:.85rem}.play-header{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;padding-bottom:.85rem;display:flex}.play-role{flex-direction:column;gap:.2rem;display:flex}.play-role-badge{font-size:.95rem;font-weight:700}.play-role-badge-observer{color:var(--color-observer)}.play-role-badge-decoder{color:var(--color-decoder)}.play-role-hint{color:var(--color-text-muted);font-size:.78rem}.play-meta{flex-direction:column;align-items:flex-end;gap:.4rem;display:flex}.play-meta-top{align-items:center;gap:.6rem;display:flex}.play-stage{color:var(--color-text-muted);letter-spacing:.08em;font-size:.78rem}.play-channel-banner{text-align:center;color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 12%, var(--color-bg-elevated));border:1px solid var(--color-warning);border-radius:.5rem;margin:0;padding:.6rem .85rem;font-size:.85rem;font-weight:600}.play-body{border:1px solid var(--color-border);border-radius:.75rem;flex-direction:column;flex:1;justify-content:center;padding:1.25rem;display:flex}.room-play-observer .play-body{background:var(--color-observer-bg)}.room-play-decoder .play-body{background:var(--color-decoder-bg)}.play-waiting{color:var(--color-text-muted);text-align:center;margin:0;font-size:.9rem}.play-result{text-align:center;flex-direction:column;gap:.85rem;display:flex}.play-result-label{margin:0;font-size:1.5rem;font-weight:700}.play-result-correct{color:var(--color-correct)}.play-result-incorrect,.play-result-expired{color:var(--color-incorrect)}.play-difficulty-note{color:var(--color-text-muted);text-align:center;margin:0;font-size:.75rem}.room-finished{text-align:center;justify-content:center;align-items:center;gap:1.25rem}.finished-label{letter-spacing:.08em;margin:0;font-size:3rem;font-weight:800}.finished-cleared{color:var(--color-correct)}.finished-failed{color:var(--color-incorrect)}.finished-detail{color:var(--color-text-muted);margin:0}.room-centered{text-align:center;justify-content:center;align-items:center}.room-centered-text{color:var(--color-text-muted);margin:0}.app-notice{max-width:26rem;color:var(--color-text-muted);text-align:center;margin:0 auto;padding:3rem 1.5rem;line-height:1.7}.app-notice h1{color:var(--color-text);margin:0 0 1rem;font-size:1.15rem}.app-notice code{background:var(--color-bg-panel);border-radius:.25rem;padding:.1em .35em;font-size:.9em}.app-notice a{color:var(--color-observer)}