:root{font-family:Segoe UI,Arial,sans-serif;color:#25233c;background:#f3efe6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1500px;margin:auto;padding:24px}h1{font-size:26px;margin:0}h2{font-size:23px;margin:6px 0}h3{font-size:18px}.intro{color:#575365;max-width:75ch}.panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.room-panel{background:#fffcf6;border:1px solid #c6bdcc;border-radius:20px;padding:20px;display:flex;flex-direction:column;height:min(820px,calc(100dvh - 140px));min-height:540px;overflow:auto;box-shadow:0 8px 24px #24223b0b}.room-panel header{display:flex;align-items:start;justify-content:space-between;gap:12px}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#655776}.test-notice{background:#f4e9cc;border-radius:8px;padding:9px;font-size:12px;color:#534425;margin:10px 0}.status{min-height:22px;font-size:14px;margin:4px 0 12px}.entry{padding:12px 0;max-width:65ch}.entry form{border-top:1px solid #d8cfdd;margin-top:22px;padding-top:20px}button,input,select{font:inherit}button{border:1px solid #aba1b5;background:#fffdf8;border-radius:10px;min-height:44px;padding:9px 14px;color:#302640;cursor:pointer;margin:3px}button:hover{background:#eee7f2}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #64469b;outline-offset:3px}button:disabled{opacity:.5;cursor:default}.primary{background:#583e80;color:white;border-color:#583e80}.primary:hover{background:#493266}label{display:grid;gap:6px;margin:8px 0;font-weight:600;font-size:14px}input,select{width:100%;min-width:0;border:1px solid #a79aaf;border-radius:8px;padding:12px;background:white;color:#25233c}.room-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;color:#635771;font-size:12px}.situation{font-size:14px;border-block:1px solid #ddd3e2;padding:10px 0;margin:10px 0}.transcript{flex:1;min-height:100px;overflow:auto;overscroll-behavior:contain;padding:5px 12px 12px;scrollbar-gutter:stable}.transcript article{background:#f0eaf5;padding:13px 16px;border-radius:14px;margin:10px auto;max-width:52ch}.transcript strong{font-size:12px;color:#57436e}.transcript p{margin:5px 0;font-size:18px}.transcript small{color:#63566f;line-height:1.5}.reply-dock{flex:none;background:#fffcf6;border-top:1px solid #ddd3e2;padding:12px 0 4px}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.choices button[aria-pressed=true]{border:2px solid #62438e;background:#e4d9f3}.reply-dock>.primary{width:calc(100% - 6px)}.reply-dock p{font-size:13px}.tools{display:flex;flex-wrap:wrap;border-top:1px solid #ddd3e2;padding-top:10px;margin-top:auto}.tools button{font-size:13px}.safety{padding:12px;background:#f9eee8;border:1px solid #be9688;border-radius:10px}.ending{padding:12px;text-align:center}@media(max-width:850px){.panels{grid-template-columns:1fr}main{padding:12px}.room-panel{height:85dvh;min-height:580px}}@media(max-height:620px){.room-panel{height:auto;min-height:0}.transcript{max-height:240px;flex:auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.sign-in-panel{max-width:460px;margin:16px auto;padding:20px;background:#fffcf6;border:1px solid #c6bdcc;border-radius:18px}.sign-in-panel button{width:calc(100% - 6px)}summary{cursor:pointer;padding:12px}nav[aria-label="Workshop view"]{display:flex;gap:4px;flex:none}nav button[aria-pressed=true]{background:#e4d9f3;border-color:#62438e}.seat{min-width:0;min-height:0}.seat[hidden]{display:none}.focused-workshop{height:100dvh;padding:8px;display:flex;flex-direction:column;gap:6px}.focused-workshop .workshop-heading{display:none}.focused-workshop .panels{display:block;flex:1;min-height:0}.focused-workshop .seat{height:100%}.focused-workshop .room-panel{height:100%;min-height:0;padding:12px}.focused-workshop .transcript{min-height:40px;max-height:none;flex:1}.focused-workshop h2{font-size:19px}.focused-workshop .status{margin-bottom:4px}.focused-workshop .test-notice{margin:6px 0}.focused-workshop .situation{margin:6px 0;padding:6px 0}.focused-workshop .tools{flex-wrap:nowrap;flex:none}.focused-workshop .tools button{padding:8px;font-size:12px;flex:1}.focused-workshop .reply-dock{padding-top:6px}.focused-workshop .safety{flex:none;max-height:35dvh;overflow:auto}.focused-workshop header,.focused-workshop .test-notice,.focused-workshop .status,.focused-workshop .room-meta,.focused-workshop .situation,.focused-workshop .turn-hint{flex:none}

.onboarding-workshop{max-width:740px;overflow-wrap:anywhere}
.onboarding-workshop .sign-in-panel{max-width:100%}
.consent-check{display:flex;align-items:flex-start;gap:12px;line-height:1.5;padding:8px 0;cursor:pointer}
.consent-check input[type=checkbox]{width:22px;height:22px;flex:0 0 22px;margin:0;padding:0;accent-color:#583e80}
.onboarding-workshop [role=status]{min-height:28px;line-height:1.5}

.multiplayer-app{max-width:850px;min-height:100dvh;display:flex;flex-direction:column;gap:18px}.app-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.app-header h1{font-size:clamp(20px,4vw,30px);line-height:1.2;margin-top:8px}.onboarding-content{width:100%;max-width:650px;margin:auto}.onboarding-content .sign-in-panel{max-width:100%}.app-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;font-size:12px;margin-top:auto;padding:10px 0}.app-footer a{color:#583e80}.notice-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;max-height:32dvh;overflow:auto;padding:10px;border:1px solid #ddd3e2;border-radius:8px}.multiplayer-app.playing{height:100dvh;min-height:0;overflow:hidden;padding:12px;gap:8px}.multiplayer-app.playing .app-header h1{font-size:18px}.multiplayer-app.playing .room-panel{height:auto;min-height:0;flex:1;padding:12px}.multiplayer-app.playing .transcript{min-height:40px;max-height:none;flex:1}.multiplayer-app.playing .reply-dock,.multiplayer-app.playing .tools,.multiplayer-app.playing .app-footer{flex:none}.multiplayer-app.playing .safety{max-height:30dvh;overflow:auto;flex:none}.multiplayer-app.playing .status{margin-bottom:4px}.multiplayer-app.playing .situation{margin:6px 0;padding:6px 0}@media(max-width:480px){.app-header{align-items:flex-start}.multiplayer-app.playing .app-header .eyebrow{display:none}.app-footer{gap:6px 14px}.multiplayer-app.playing .app-footer span{display:none}.multiplayer-app.playing .room-panel header h2{font-size:18px}.multiplayer-app.playing .tools button{font-size:12px;padding:8px}.multiplayer-app.playing .room-panel{border-radius:12px}}
.app-workshop{height:100dvh;display:flex;flex-direction:column}.app-workshop>.test-notice{flex:none;margin:0}.app-workshop>.multiplayer-app{width:100%;flex:1;min-height:0;overflow:auto}.app-workshop>.multiplayer-app.playing{height:auto;overflow:hidden}.multiplayer-app.playing>.app-header{flex:none}.multiplayer-app.playing .room-panel>header,.multiplayer-app.playing .room-meta{flex:none}