:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Hiragino Sans,Noto Sans CJK JP,sans-serif}*{box-sizing:border-box}body{margin:0;background:#0b0d10;color:#eaeaea;min-height:100vh}#app{display:grid;grid-template-columns:1fr 280px;gap:16px;padding:16px;max-width:1400px;margin:0 auto}.stage{position:relative;background:#000;border-radius:12px;overflow:hidden;aspect-ratio:4 / 3}#cam,#overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}#cam{z-index:0}#overlay{z-index:1;pointer-events:none}#badge{position:absolute;top:14px;left:14px;z-index:2;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;padding:12px 16px;min-width:180px}#kanji{font-size:56px;line-height:1;font-weight:700;color:#ff5252;text-shadow:0 0 18px rgba(255,82,82,.45)}#romaji{font-size:18px;margin-top:4px;color:#fff}#score{font-size:12px;color:#888;margin-top:6px;font-variant-numeric:tabular-nums}#legend{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;align-content:start}.seal-card{background:#15181d;border:1px solid #23272d;border-radius:8px;padding:10px;text-align:center;transition:border-color .12s,transform .12s}.seal-card.active{border-color:#ff5252;background:#ff52521f;transform:scale(1.06)}.seal-card .k{font-size:28px;font-weight:700;color:#fff}.seal-card .r{font-size:11px;color:#999;margin-top:2px}@media (max-width: 720px){#app{grid-template-columns:1fr}#legend{grid-template-columns:repeat(4,1fr)}}