:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#12273c;background:#f4f7fa;font-size:16px;--blue:#164cd8;--line:#d4dfe9}*{box-sizing:border-box}body{margin:0}.proof{background:#12273c;color:white;text-align:center;padding:10px;font-size:.75rem;letter-spacing:.08em}header{max-width:940px;margin:auto;padding:25px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:1.9rem;font-weight:850;letter-spacing:-.09em;text-decoration:none;color:inherit}.brand span{color:var(--blue);font-size:.6rem;vertical-align:top;margin-left:5px}main{max-width:760px;margin:auto;padding:28px 24px 70px}h1{font-size:2.4rem;line-height:1.15;letter-spacing:-.05em;margin:12px 0 18px}h2{font-size:1.35rem;letter-spacing:-.03em}h3{font-size:1rem}p{line-height:1.6}.muted,small{color:#536579;font-size:.875rem;line-height:1.5}.eyebrow{font-size:.8rem;letter-spacing:.09em;text-transform:uppercase;color:#426087}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;margin:18px 0}.section-label{display:inline-flex;align-items:center;justify-content:center;background:#e8efff;color:var(--blue);border-radius:12px;font-size:1.2rem;font-weight:700;width:44px;height:44px;margin-right:10px}button{font:inherit;font-weight:600;min-height:46px;border-radius:10px;border:1px solid var(--line);background:white;color:#12273c;padding:11px 16px;cursor:pointer}button:hover{border-color:var(--blue)}button.primary{background:var(--blue);color:white;border-color:var(--blue)}button:disabled{opacity:.5;cursor:wait}button.quiet{border-color:transparent;background:transparent;color:#536579;padding-left:0}button.danger{color:#9c2433}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #88a9ff;outline-offset:3px}input,textarea,select{font:inherit;color:inherit;width:100%;padding:13px;border:1px solid #b6c7d9;border-radius:10px;background:white;margin:7px 0 15px}textarea{min-height:100px;resize:vertical;line-height:1.5}label{display:block;font-size:.875rem;font-weight:600;line-height:1.5}label.check{display:flex;align-items:flex-start;gap:12px;font-weight:400;margin:14px 0}input[type=checkbox]{width:20px;height:20px;flex-shrink:0;margin:1px 0;accent-color:var(--blue)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.tabs{display:flex;border-bottom:1px solid var(--line);gap:22px;margin:22px 0}.tabs button{border:none;border-radius:0;background:none;padding:12px 0;color:#536579}.tabs button.selected{color:var(--blue);border-bottom:3px solid var(--blue)}.bubble{max-width:90%;margin:18px 0;padding:18px 20px;border-radius:16px;background:white;border:1px solid var(--line);white-space:pre-wrap;line-height:1.6}.bubble.player{margin-left:auto;background:#e9effb;border-color:#d5e0f5}.speaker{font-size:.75rem;letter-spacing:.07em;display:block;color:#536579;margin-bottom:8px}.composer{background:white;padding:16px;border:1px solid var(--line);border-radius:16px}.composer{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.composer textarea{display:block;width:100%;min-width:0;border:1px solid #b6c7d9;margin:0;min-height:140px;padding:12px;resize:vertical}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:4px}.composer-actions button{position:static;flex:0 0 auto;margin-left:auto}.privacy{margin:12px 0;font-size:.875rem}.status{font-size:.8rem;border-radius:30px;background:#e9effb;color:var(--blue);padding:6px 10px}.policy{white-space:pre-line;font-size:.95rem;line-height:1.65}details{margin:14px 0}summary{cursor:pointer;min-height:44px;padding:10px 0}.divider{border-top:1px solid var(--line);margin:20px 0}pre{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem}#notice:not(:empty){position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#12273c;color:white;padding:16px 22px;border-radius:12px;width:min(92%,700px);z-index:5}a{color:var(--blue)}.game-link{display:flex;width:100%;text-align:left;justify-content:space-between;margin:10px 0}.invite-link{overflow-wrap:anywhere}.save{color:#176348;font-size:.875rem}article{border-left:3px solid #b6c7d9;padding:0 16px;margin:16px 0}@media(max-width:540px){header{padding:18px}header small{font-size:.75rem}main{padding:24px 16px 90px}h1{font-size:2rem}.panel{padding:18px}.bubble{max-width:95%}.row>button{flex-grow:1}.proof{font-size:.65rem;letter-spacing:.04em}}
#remember-choice{margin:18px 0;line-height:1.5}#remember-choice[hidden]{display:none}#remember{width:auto;min-height:0;margin:0 8px 0 0;vertical-align:middle}
.question-feedback{display:block;min-height:32px;font-size:.75rem;padding:4px 8px;margin-top:12px;background:transparent;color:#536579}.round-progress{font-size:.8rem;margin:8px 0}.game-title{font-weight:600;margin-top:-8px}blockquote{margin:12px 0;padding-left:12px;border-left:2px solid var(--line);white-space:pre-wrap}

.composer-question{padding-bottom:12px;border-bottom:1px solid var(--line)}.composer-question p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}

.game-mode{display:block;margin-top:4px;font-weight:400}

.game-list-item{display:flex;align-items:center;gap:8px}.game-list-item>.game-link{flex:1;min-width:0}.game-menu{flex:0 0 auto;position:relative}.game-menu>summary{list-style:none;padding:12px;letter-spacing:2px}.game-menu>button{position:absolute;right:0;top:100%;width:190px;z-index:2;box-shadow:0 4px 14px #12273c22}

.ai-thinking{display:flex;align-items:center;gap:10px;margin:0;color:#536579;font-size:.9rem}.ai-thinking[hidden]{display:none}.ai-thinking::before{content:"";width:14px;height:14px;border:2px solid #d4dfe9;border-top-color:#164cd8;border-radius:50%;animation:ai-spin .9s linear infinite}@keyframes ai-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ai-thinking::before{animation:none}}

.tabs{position:sticky;top:0;z-index:10;background:#f4f7fa;padding-top:env(safe-area-inset-top,0px);box-shadow:0 3px 6px #12273c08}.chat-history{max-height:360px;max-height:min(38dvh,360px);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding:0 6px 0 0;border-bottom:1px solid var(--line)}.chat-history .bubble:first-child{margin-top:0}.history-hint{font-size:.75rem;margin:8px 0}.chat-history-wrap{margin-bottom:16px}.chat-history:empty{display:none}.chat-history-wrap:not(:has(.bubble)){display:none}.tabs button{min-height:48px;flex:1}.tabs{scroll-margin-top:0}

#questionFeedback[hidden]{display:none}
.composer{scroll-margin-top:64px}
.composer-question{position:sticky;top:60px;z-index:9;background:white;max-height:calc(var(--reply-viewport,100dvh) * .32);overflow-y:auto;overscroll-behavior-y:contain}
body.answering .composer textarea{min-height:80px;height:100px;max-height:calc(var(--reply-viewport,100dvh) * .3)}
body.answering .composer~.privacy,body.answering .composer~.row,body.answering .composer~#extra{display:none}

body.answering .composer{gap:8px}body.answering .composer>label,body.answering #draft-hint{display:none}body.answering .composer textarea{height:80px}body.answering .composer-question{max-height:calc(var(--reply-viewport,100dvh) * .28)}