:root{color:#172019;background:#f4f1ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:24px;background:#f4f1ea}.seminar-room{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;max-width:1320px;min-height:calc(100vh - 48px);margin:0 auto}.stage{display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid rgba(23,32,25,.12);border-radius:8px;background:#ffffffd6}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.eyebrow{margin:0 0 6px;color:#8a3f31;font-size:.82rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{max-width:720px;margin:0;color:#182820;font-size:clamp(2rem,5vw,4.8rem);line-height:.97;letter-spacing:0}.language-toggle{display:inline-grid;grid-template-columns:1fr 1fr;align-self:flex-start;overflow:hidden;min-width:164px;border:1px solid rgba(41,83,92,.2);border-radius:8px;background:#fff}.language-toggle button{min-height:40px;border:0;color:#49534b;background:transparent;font-size:.86rem;font-weight:900}.language-toggle button.active{color:#fff;background:#29535c}.language-toggle button:not(.active):hover{background:#eef3ef}.primary-action{min-width:108px;min-height:44px;border:0;border-radius:8px;color:#fff;background:#b25b46;font-weight:800}.primary-action:hover{background:#933f31}.panel-action{width:min(100%,360px);min-height:58px;font-size:1.08rem}.room-grid{flex:1;min-height:520px}.question-panel,.hud{border:1px solid rgba(23,32,25,.12);border-radius:8px;background:#ffffffd6}.question-panel{display:flex;flex-direction:column;gap:18px;min-width:0;padding:20px;min-height:100%}.start-panel{display:grid;align-content:center;justify-items:center;gap:22px;min-height:100%;padding:32px;text-align:center}.room-scene{display:block;width:min(100%,560px);max-height:38vh;aspect-ratio:4 / 3;object-fit:cover;border:1px solid rgba(23,32,25,.12);border-radius:8px;box-shadow:0 16px 36px #1720191f}.start-panel h2{margin:0;color:#182820;font-size:clamp(1.8rem,4vw,3rem);line-height:1.05;letter-spacing:0}.start-panel p{max-width:560px;margin:12px auto 0;color:#59645d;font-size:1rem;line-height:1.7}.final-score{width:min(100%,320px);margin:22px auto 0;padding:18px;border:1px solid rgba(41,83,92,.18);border-radius:8px;background:#fff}.final-score span{display:block;color:#667068;font-size:.8rem;font-weight:900;text-transform:uppercase}.final-score strong{display:block;margin-top:6px;color:#182820;font-size:2.4rem;line-height:1}.final-score p{margin:12px 0 0;color:#49534b;font-size:.95rem;font-weight:750;line-height:1.55}.start-panel .start-kicker{margin:0 0 8px;color:#8a3f31;font-size:.82rem;font-weight:900;text-transform:uppercase}.speaker-card{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:16px;align-items:center}.avatar{display:grid;width:96px;height:96px;place-items:center;overflow:hidden;border-radius:50%;color:#fff;background:#29535c;font-size:.85rem;font-weight:900}.avatar img,.dialogue-avatar img{display:block;width:100%;height:100%;object-fit:cover}.speaker,.role{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}.speaker{font-weight:900}.role{color:#667068;font-size:.9rem}.difficulty{padding:5px 8px;border-radius:999px;color:#fff;background:#5d6c4a;font-size:.78rem;font-weight:900}.difficulty.鋭い{background:#8a3f31}.difficulty.危険{background:#1f2c5c}.dialogue-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:end}.dialogue-row.answer-line{grid-column:1 / -1;grid-template-columns:minmax(0,1fr) 96px}.dialogue-avatar{display:grid;width:96px;height:96px;place-items:center;overflow:hidden;border-radius:50%;color:#fff;background:#29535c;font-size:.85rem;font-weight:900}.presenter-avatar{background:#5d6c4a;font-size:.74rem}.speech-bubble{position:relative;margin:0;padding:18px;border:1px solid rgba(23,32,25,.12);border-radius:8px;color:#182820;box-shadow:0 10px 22px #17201914}.speech-bubble:before{position:absolute;bottom:14px;width:14px;height:14px;border:inherit;background:inherit;content:"";transform:rotate(45deg)}.question-bubble{background:#f7f3ea;font-size:clamp(1.05rem,2.4vw,1.45rem);font-weight:750;line-height:1.55}.question-bubble:before{left:-8px;border-top:0;border-right:0}.answer-bubble{background:#eef3ef}.answer-bubble:before{right:-8px;border-bottom:0;border-left:0}.answer-form{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:10px}.answer-form label{grid-column:1 / -1;color:#667068;font-size:.82rem;font-weight:900;text-transform:uppercase}.typing-target{min-height:104px;color:#17201952;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:clamp(1.15rem,2.4vw,1.6rem);font-weight:800;line-height:1.75;white-space:pre-wrap}.target-char{border-radius:3px;transition:color .12s ease,background .12s ease}.target-char.correct{color:#172019}.target-char.wrong{color:#fff;background:#b25b46}.target-char.current{box-shadow:inset 0 -3px #29535c}.answer-form input{min-width:0;height:48px;border:2px solid rgba(41,83,92,.2);border-radius:8px;padding:0 14px;color:#172019;background:#fff}.answer-form input:focus{border-color:#29535c;outline:3px solid rgba(41,83,92,.18)}.answer-form button{height:48px;border:0;border-radius:8px;color:#fff;background:#29535c;font-weight:900}.answer-form button:disabled,.answer-form input:disabled{cursor:not-allowed;opacity:.62}.meter-block{margin-top:auto}.meter-label{display:flex;justify-content:space-between;margin-bottom:8px;color:#49534b;font-size:.9rem}.meter,.mini-meter{overflow:hidden;height:10px;border-radius:999px;background:#1720191f}.meter span,.mini-meter span{display:block;height:100%;border-radius:inherit;background:#5d6c4a;transition:width .18s ease,background .18s ease}.meter span.warning{background:#b25b46}.hud{display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px}.stat{padding:14px;border-radius:8px;background:#fff}.stat span{display:block;color:#68746d;font-size:.78rem;font-weight:900;text-transform:uppercase}.stat strong{display:block;margin-top:5px;color:#182820;font-size:1.6rem}.stat.split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat.split strong{font-size:1.35rem}.mini-meter{height:7px;margin-top:10px}.mini-meter span{background:#b25b46}.message{margin:auto 0 0;padding:14px;border-radius:8px;color:#172019;background:#f7f3ea;font-weight:750;line-height:1.45}@media(max-width:1060px){.seminar-room{grid-template-columns:1fr}.hud{display:grid;grid-template-columns:repeat(3,1fr)}.message{grid-column:1 / -1}}@media(max-width:820px){.app-shell{padding:12px}.seminar-room{min-height:calc(100vh - 24px)}.stage{padding:16px}.topbar,.room-grid{grid-template-columns:1fr}.topbar{display:grid}.hud{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.answer-form,.hud{grid-template-columns:1fr}.speaker-card{grid-template-columns:58px minmax(0,1fr)}.avatar{width:58px;height:58px}.speaker-card .difficulty{grid-column:1 / -1;justify-self:start}.dialogue-row,.dialogue-row.answer-line{grid-template-columns:52px minmax(0,1fr);gap:10px}.dialogue-row.answer-line{grid-template-columns:minmax(0,1fr) 52px}.dialogue-avatar{width:52px;height:52px;font-size:.72rem}.presenter-avatar{font-size:.64rem}.speech-bubble{padding:14px}.primary-action,.answer-form button{width:100%}.stat.split{grid-template-columns:1fr 1fr}}