:root{--ink:#09243a;--cream:#fffaf0;--paper:#fffdf6;--teal:#008e99;--yellow:#ffda45;--muted:#566675;--line:#d7d9cc;--pink:#ffd5c9;color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream)}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 95% 0%,#d5f4e9 0,transparent 38%),radial-gradient(ellipse at 0 95%,#fff0ad 0,transparent 40%),var(--cream);font-size:17px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,textarea,select,summary{touch-action:manipulation}button{cursor:pointer;color:var(--ink)}button:disabled{cursor:default;opacity:.45}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--teal);outline-offset:4px}[hidden]{display:none!important}#app{max-width:1500px;margin:auto;padding:max(22px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:26px}.brand-button{border:0;background:none;padding:8px 0}.wordmark{font-family:Impact,'Arial Black',Arial,sans-serif;font-size:clamp(25px,3.2vw,46px);font-weight:1000;font-style:italic;letter-spacing:-1px;position:relative;display:inline-block;transform:rotate(-3deg);line-height:1.2;isolation:isolate;padding:0 7px}.wordmark:before{content:'';position:absolute;inset:10% -4% 1%;z-index:-1;background:var(--yellow);clip-path:polygon(0 17%,98% 0,100% 81%,1% 100%)}.wordmark:after{content:'';position:absolute;left:5%;right:6%;height:4px;bottom:-6px;background:var(--teal);transform:rotate(1deg);border-radius:80%}.wordmark>span{color:#b44600}.header-actions{display:flex;gap:18px;align-items:center}.settings,.quiet,.remove{border:1px solid var(--line);background:#fffdf5;border-radius:15px;padding:11px 17px;font-weight:700}.quiet{background:none;border:0;padding:8px}.remove{padding:5px 12px;font-size:24px}.primary,.secondary,.premium-button{display:block;border:2px solid var(--ink);padding:17px 23px;border-radius:14px;text-align:center;width:100%;font-weight:800;line-height:1.3;min-height:57px}.primary{background:var(--yellow);box-shadow:0 4px 0 var(--ink)}.primary:hover:not(:disabled){background:#ffe676;transform:translateY(-1px)}.secondary{background:#d3f1eb;margin-top:16px;box-shadow:0 3px 0 #b0ceca}.text-link{background:none;border:0;text-decoration:underline;text-underline-offset:4px;font-size:15px;padding:10px 0;color:var(--teal)}.primary b,.secondary b{float:right}.panel,.home-panel{background:var(--paper);border:1px solid var(--line);border-radius:30px;padding:clamp(25px,4vw,60px);box-shadow:0 8px 0 #09243a06}.home-panel,.game-panel,.setup-panel,.handoff-panel,.scores-panel,.final-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,5vw,76px);align-items:center;min-height:min(720px,78dvh)}h1{font-size:clamp(34px,4vw,62px);line-height:1.1;letter-spacing:-1.8px;margin:20px 0 24px;font-weight:900}h1 em{font-style:normal;color:var(--teal)}h2{line-height:1.15;font-size:29px;letter-spacing:-.7px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;line-height:1.5;color:var(--teal);margin:0 0 15px}.intro{font-size:clamp(18px,1.9vw,24px);line-height:1.55;margin-bottom:30px}.home-character{text-align:center}.fib{width:100%;aspect-ratio:1;display:block;background-image:var(--fib-sheet);background-size:300% 200%;background-repeat:no-repeat;background-position:0 0;flex:none;max-width:480px;margin:auto}.fib[data-expression=peek]{background-position:50% 0}.fib[data-expression=skeptical]{background-position:100% 0}.fib[data-expression=delighted]{background-position:0 100%}.fib[data-expression=truth]{background-position:50% 100%}.fib[data-expression=champion]{background-position:100% 100%}.fib-name{display:block;font-weight:900;font-size:35px;margin-top:-24px;transform:rotate(-4deg)}.home-character p{color:var(--muted);margin:7px}.home-copy>.primary,.home-copy>.secondary{max-width:490px}details{margin-top:26px;border-top:1px solid var(--line);padding-top:17px;font-size:15px}summary{cursor:pointer;font-weight:800}details li{padding-bottom:10px}footer{text-align:center;color:var(--muted);font-size:14px;padding:28px 0 0}footer span{display:block;font-size:9px;letter-spacing:1.4px;margin-top:7px;opacity:.8}.field{border:2px solid #bbc9c6;background:#fff;color:var(--ink);border-radius:13px;min-height:55px;padding:13px 16px;width:100%;outline:0;box-shadow:none}.field:focus{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal)}.player{display:grid;grid-template-columns:minmax(80px,1fr) auto 35px;gap:10px;align-items:center;margin:12px 0}.player label{font-size:12px;white-space:nowrap;display:flex;align-items:center;gap:5px}.player input[type=checkbox]{accent-color:var(--teal);width:18px;height:18px}.player .remove{border:0;padding:0;background:none}.setup-options{padding:20px 25px;background:#e7f6ef;border-radius:22px}.setup-options .fib{width:190px;margin-top:-30px;margin-bottom:-20px}fieldset{border:0;padding:0;margin:0 0 25px}legend,.timer-label{font-weight:800;font-size:15px}.mode{display:flex;gap:10px;background:#fffaf0;padding:12px;border:1px solid #b7d6d0;border-radius:12px;margin-top:10px}.mode:has(:checked){border:2px solid var(--teal);padding:11px}.mode small{display:block;font-size:12px;font-weight:400;margin-top:2px}.mode input{accent-color:var(--teal)}select{display:block;width:100%;padding:10px;border-radius:8px;border:1px solid #a1bcb6;margin-top:8px;color:var(--ink);background:white}.small{font-size:13px;color:var(--muted);line-height:1.6}#error{color:#a53d29;font-weight:700;font-size:13px;min-height:0;margin:14px 0}.round{font-size:12px;font-weight:800;letter-spacing:1.5px;opacity:.7;margin:0 0 22px}.stage-fib{text-align:center}.stage-fib .fib{max-width:260px}.stage-fib p{font-size:14px;color:var(--muted);margin:0}.question-panel .stage-fib .fib{max-width:420px}.change{display:block;margin-bottom:22px;font-size:13px}.change span{opacity:.7;margin-left:7px}.game-panel h1{font-size:clamp(28px,3.4vw,49px);line-height:1.2}.input-panel .question-column>.stage-fib{display:flex;align-items:center;justify-content:start;gap:6px}.input-panel .stage-fib .fib{width:160px;margin:0}.input-panel .stage-fib p{max-width:140px;text-align:left;font-style:italic}.response-column{padding:28px;background:#eaf5ef;border-radius:20px}textarea.field{resize:vertical;min-height:116px;max-height:230px;margin-top:12px;font-size:20px;line-height:1.4}.response-column form .primary{margin-top:25px}.hint-button{text-align:left}.hint{background:#fff3be;border-left:4px solid var(--yellow);padding:14px;font-size:14px;border-radius:8px;margin:12px 0}.hint p{margin:8px 0}.vote-option{display:flex;width:100%;gap:14px;text-align:left;align-items:center;background:#fff;border:1px solid #b9c8c1;border-radius:12px;padding:13px 16px;line-height:1.35;margin-bottom:11px}.vote-option>b{background:#e1f4ee;border-radius:8px;padding:9px 12px}.vote-option.selected{border:2px solid var(--teal);background:#e2f7f1;padding:12px 15px}.vote-option small{display:block;font-size:11px;margin-top:3px}.handoff-panel{text-align:left}.handoff-panel .fib{max-width:410px}.time{font-weight:800;margin-bottom:14px}#countdown{position:fixed;top:120px;right:24px;z-index:10;font-size:56px;background:var(--yellow);padding:2px 22px;border-radius:20px;animation:tick .8s infinite}@keyframes tick{50%{transform:scale(1.08);background:#ffd3bf}}.reveal-layout{height:calc(100dvh - 165px);min-height:550px;display:flex;flex-direction:column;max-width:1250px;margin:auto;gap:14px}.reveal-top{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:20px;align-items:center}.reveal-top h1{font-size:clamp(24px,2.5vw,36px);line-height:1.18;margin:9px 0}.reveal-top .round{margin:0 0 8px}.reveal-top .eyebrow{margin:0}.reveal-fib .fib{width:140px}.board-status{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 15px;border-radius:12px;background:#e0f1e9;min-height:48px}.board-status p{font-size:15px;font-weight:700;margin:0}.board-status>span{font-size:12px;white-space:nowrap;opacity:.7}.answer-board{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:12px;min-height:0;overflow-y:auto;padding:3px 5px 10px 3px;flex:1;scrollbar-color:#99c2bb transparent}.answer-card{position:relative;padding:16px;border:1px solid #bdc8c0;background:var(--paper);border-radius:15px;min-height:110px;transition:background .25s,border-color .25s,box-shadow .25s}.answer-card.active{border:2px solid var(--teal);padding:15px;box-shadow:0 3px 0 #008e991f}.answer-card.revealed:not(.zero):not(.truth){background:#fff0c4}.answer-card.zero{background:#f1eee8;color:#596466}.answer-card.truth{background:#d4efdc;border-color:#21834c}.answer-line{display:flex;gap:12px;align-items:start}.answer-letter{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#09243a0c;font-size:14px;flex:none}.answer-line p{font-size:18px;line-height:1.35;font-weight:800;margin:3px 0 10px;overflow-wrap:anywhere}.answer-voters{font-size:12px;margin-left:42px;color:var(--muted)}.answer-owner{margin:9px 0 0 42px;font-size:13px;font-weight:800}.answer-points{font-size:12px;margin-left:42px;color:var(--teal);font-weight:800}.reveal-controls{display:flex;gap:20px;align-items:center;justify-content:end;flex:none;min-height:61px}.reveal-controls .primary{max-width:410px}.reveal-controls .text-link{white-space:nowrap}.truth-explanation{font-size:13px;line-height:1.4;padding:7px 12px;border-left:3px solid #21834c;max-height:65px;overflow:auto}.score-list{padding:0;list-style:none}.score-list li{display:grid;grid-template-columns:25px 1fr auto;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:19px 8px}.score-list b{font-size:22px}.score-list small{grid-column:2;font-size:12px;color:var(--teal)}.score-list strong{grid-column:3;grid-row:1 / 3;font-size:35px}.scores-panel .stage-fib .fib{width:230px}.final-panel .champion-fib{position:relative}.champion-fib .fib{width:min(450px,100%)}.crown{position:absolute;top:-25px;left:45%;font-size:90px;transform:rotate(-12deg);color:#e4a800;text-shadow:2px 2px var(--ink)}.winner{margin:25px 0;transition:opacity .35s}.winner strong{display:block;font-size:clamp(36px,5vw,78px);font-weight:900;overflow-wrap:anywhere;animation:winner 2.8s ease-out}.winner.waiting{opacity:0}.winner.waiting strong{animation:none}.winner p{margin-top:5px;font-weight:800}.tie-number{font-size:110px;color:var(--teal)}@keyframes winner{0%{transform:scale(.7)}20%,55%{transform:scale(1.12)}100%{transform:scale(1)}}.confetti{position:fixed;inset:0;z-index:20;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-30px;left:var(--x);height:18px;width:8px;background:var(--c);animation:confetti 2.9s var(--d) ease-in both;transform:rotate(var(--r))}@keyframes confetti{to{top:110%;transform:rotate(640deg)}}dialog{border:1px solid #bacbc3;background:var(--paper);color:var(--ink);border-radius:24px;max-width:650px;width:calc(100% - 30px);max-height:88dvh;padding:0;box-shadow:0 30px 100px #09243a40}dialog::backdrop{background:#09243a99}.modal-top{display:flex;align-items:center;justify-content:space-between;padding:23px 26px 12px;gap:20px}.modal-top h2{margin:0}.modal-content{padding:0 26px 24px;max-height:calc(88dvh - 180px);overflow:auto}.modal-bottom{padding:15px 26px 25px;background:var(--paper);border-top:1px solid var(--line)}.sound-setting label{display:flex;justify-content:space-between;padding:15px 0;font-weight:800}.sound-setting input{width:25px;height:25px;accent-color:var(--teal)}.premium-button{background:var(--pink);margin:20px 0}.premium-button small{display:block;margin-top:6px;font-weight:400}.expressions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;text-align:center}.expressions b{font-size:12px;display:block}.notice{padding:15px;background:#e5f2ed;border-radius:12px}.history section{border-bottom:1px solid var(--line);padding:20px 0}.history small{color:var(--muted)}
@media(min-width:760px){#app[data-screen=home]{padding-top:36px}.home-panel{margin-top:35px}.game-panel,.handoff-panel,.scores-panel{margin-top:clamp(0px,3vh,35px)}#app[data-screen=reveal] footer{display:none}}
@media(max-width:759px){body{font-size:16px}#app{padding:18px 16px max(15px,env(safe-area-inset-bottom))}header{margin-bottom:23px}.settings{padding:8px 11px;font-size:17px}.settings span{display:none}.header-actions{gap:7px}.quiet{font-size:13px}.home-panel,.game-panel,.setup-panel,.handoff-panel,.scores-panel,.final-panel{display:flex;flex-direction:column;min-height:0;gap:25px;align-items:stretch;padding:25px 23px;border-radius:23px}h1{font-size:40px;margin:15px 0 18px;letter-spacing:-1.2px}.home-panel{position:relative;padding-top:155px}.home-character{display:contents}.home-character>.fib{position:absolute;top:-12px;right:16px;width:175px;max-width:none}.home-character>.fib-name,.home-character>p,.home-character>.text-link{display:none}.home-copy>.eyebrow{max-width:150px;position:absolute;top:35px;left:25px;font-size:10px;line-height:1.7}.intro{font-size:18px}.primary,.secondary{padding:15px;font-size:15px}.home-copy details{margin-top:23px}.setup-options{padding:20px}.setup-options .fib{display:none}.player{grid-template-columns:minmax(65px,1fr) auto 22px;gap:5px}.player label{font-size:10px}.player .field{font-size:15px;padding:11px}.player input[type=checkbox]{width:15px;height:15px}.game-panel h1{font-size:27px;letter-spacing:-.6px}.game-panel .stage-fib{display:flex;align-items:center;justify-content:center;gap:5px}.game-panel .stage-fib .fib{width:100px;max-width:100px;margin:0}.stage-fib p{max-width:180px}.question-panel .stage-fib{order:-1;display:none}.response-column{padding:20px 16px}.input-panel{gap:14px}.input-panel .stage-fib{margin-top:-4px}.input-panel .stage-fib .fib{width:80px}.input-panel .question-column>p:not(.eyebrow):not(.round){font-size:14px;margin:10px 0}.input-panel .round{margin-bottom:9px}.input-panel .eyebrow{margin-bottom:10px;font-size:10px}.input-panel h1{margin-top:0}.response-column .small{margin-bottom:0}.response-column form>.eyebrow{font-size:9px}textarea.field{font-size:17px;min-height:90px}.handoff-panel .stage-fib .fib{width:155px}.handoff-panel{gap:5px;text-align:center}.handoff-panel .intro{font-size:17px}.vote-options .vote-option{padding:10px}.vote-option.selected{padding:9px}.vote-options .primary{margin-top:17px}.reveal-layout{height:calc(100dvh - 100px - env(safe-area-inset-bottom));min-height:530px;gap:10px}.reveal-top{grid-template-columns:minmax(0,1fr) 75px;gap:4px}.reveal-top h1{font-size:22px;letter-spacing:-.6px;margin:7px 0}.reveal-top .round,.reveal-top .eyebrow{font-size:9px;letter-spacing:1.3px}.reveal-top .round{margin-bottom:6px}.reveal-fib .fib{width:82px}.board-status{min-height:42px;padding:8px 11px;gap:10px}.board-status p{font-size:12px;line-height:1.35}.board-status>span{font-size:10px}.answer-board{grid-template-columns:1fr;gap:7px;padding-bottom:4px}.answer-card{padding:10px 12px;min-height:68px;border-radius:12px}.answer-card.active{padding:9px 11px}.answer-line{gap:9px}.answer-letter{width:25px;height:25px;font-size:11px;border-radius:6px}.answer-line p{font-size:14px;margin:2px 0 4px;line-height:1.3}.answer-voters,.answer-owner,.answer-points{margin-left:34px;font-size:11px;line-height:1.35}.answer-owner{margin-top:4px}.answer-points{margin-top:1px}.reveal-controls{gap:10px;min-height:53px;flex-wrap:wrap}.reveal-controls .primary{max-width:none;flex:1}.reveal-controls .text-link{font-size:10px;padding:6px 0}.truth-explanation{font-size:11px;max-height:48px;padding:4px 8px}#app[data-screen=reveal] footer{display:none}.score-list b{font-size:19px}.score-list li{padding:15px 5px}.scores-panel .stage-fib .fib{width:130px}.scores-panel>div:first-child{display:grid;grid-template-columns:1fr 120px}.scores-panel h1{grid-column:1;font-size:32px}.scores-panel .stage-fib{grid-column:2;grid-row:1/5}.scores-panel>div:first-child>p:last-child{font-size:12px}.scores-panel .round{margin-bottom:10px}.final-panel{text-align:center}.champion-fib .fib{width:200px}.crown{font-size:55px;top:-22px;left:43%}.winner strong{font-size:48px}.final-panel h1{font-size:35px}.expressions{grid-template-columns:1fr 1fr}.modal-top,.modal-content,.modal-bottom{padding-left:20px;padding-right:20px}.modal-top h2{font-size:24px}.modal-content{font-size:15px}}
html.typing,html.typing body{height:var(--visible-height);overflow:hidden}html.typing #app[data-screen=answer]{position:fixed;inset:0;height:var(--visible-height);overflow:auto;padding-top:max(12px,env(safe-area-inset-top))}html.typing #app[data-screen=answer] footer{display:none}html.typing #app[data-screen=answer] header{margin-bottom:12px}html.typing .input-panel{min-height:0;margin-top:0;padding:18px;gap:14px}html.typing .input-panel .stage-fib{display:none}html.typing .input-panel .round{margin-bottom:5px}html.typing .input-panel h1{font-size:clamp(21px,2.4vw,34px);margin:5px 0 9px}html.typing .response-column{padding:15px}html.typing .response-column .small{display:none}html.typing textarea.field{min-height:72px}html.typing .response-column form .primary{margin-top:18px}html.typing .input-panel .eyebrow{margin-bottom:5px}html.typing .input-panel .question-column>p:not(.eyebrow):not(.round){margin:6px 0;font-size:13px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.answer-board{grid-auto-rows:max-content}.answer-card{display:flex;flex-direction:column;align-self:start}.answer-line{flex:none}.answer-voters,.answer-owner,.answer-points{flex:none}
/* Reserve identity slots from the outset, so a reveal never moves another answer. */
.answer-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 18px 18px;column-gap:5px;row-gap:1px;padding:12px;min-height:108px;align-content:start}
.answer-card.active{padding:11px}.answer-line{grid-column:1/-1}.answer-line p{margin-bottom:4px}.answer-voters{grid-column:1/-1;margin-left:42px;line-height:18px}.answer-owner{grid-column:1;margin:0 0 0 42px;line-height:18px}.answer-points{grid-column:2;margin:0;line-height:18px;text-align:right}.answer-card [hidden]{display:block!important;visibility:hidden;min-height:18px}
@media(max-width:759px){#app[data-screen=reveal] header{margin-bottom:9px}#app[data-screen=reveal] .wordmark{font-size:22px}.reveal-layout{height:calc(100dvh - 80px - env(safe-area-inset-bottom));gap:7px}.reveal-top{grid-template-columns:1fr 64px}.reveal-fib .fib{width:67px}.reveal-top h1{font-size:20px}.answer-board{gap:5px}.answer-card{padding:9px 10px;grid-template-rows:auto 14px 14px;min-height:82px;column-gap:4px}.answer-card.active{padding:8px 9px}.answer-line p{font-size:13px;margin-bottom:3px}.answer-letter{width:22px;height:22px}.answer-line{gap:7px}.answer-voters{margin-left:29px;font-size:10px;line-height:14px}.answer-owner{margin-left:29px;font-size:10px;line-height:14px}.answer-points{font-size:10px;line-height:14px}.answer-card [hidden]{min-height:14px}.board-status{min-height:35px;padding:6px 9px}.board-status p{font-size:11px}}
.answer-card{grid-template-rows:auto minmax(18px,auto) minmax(18px,auto)}.answer-voters{overflow-wrap:anywhere}.answer-card.active .answer-voters{animation:reveal-in .35s ease-out}.answer-card.active.revealed .answer-owner,.answer-card.active.revealed .answer-points{animation:reveal-in .35s ease-out}@keyframes reveal-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:759px){.answer-card{grid-template-rows:auto minmax(14px,auto) minmax(14px,auto)}}
@media(min-width:760px){.input-panel .stage-fib .fib[data-expression=peek]{transform:scaleX(-1)}}
@media(max-width:759px){#app{padding-top:max(18px,env(safe-area-inset-top))}.reveal-layout{height:calc(100dvh - 80px - env(safe-area-inset-bottom) - env(safe-area-inset-top))}}
@media(min-width:760px){.answer-board{gap:10px}.answer-card{min-height:100px;padding:10px 12px}.answer-card.active{padding:9px 11px}}
html.typing #app[data-screen=answer]{margin:0 auto;bottom:auto}
@media(max-width:759px){html.typing .input-panel{height:calc(var(--visible-height) - 86px);display:grid;grid-template-rows:minmax(55px,1fr) auto;gap:10px;padding:12px}html.typing .question-column{min-height:0;overflow:auto}html.typing .response-column{padding:12px}html.typing .response-column form>.eyebrow{font-size:9px}html.typing textarea.field{min-height:65px;margin-top:7px}html.typing .response-column form .primary{margin-top:12px}html.typing .input-panel #error{margin:8px 0}}
@media(max-width:759px){html.typing .input-panel{grid-template-columns:minmax(0,1fr);align-items:stretch}html.typing .input-panel .response-column{grid-row:2}html.typing .input-panel .question-column{grid-row:1}}

:root{--ink:#08263b;--cream:#fff8e9;--paper:#fffdf7;--teal:#009aa3;--yellow:#ffcf24;--line:#ddd8c9;--muted:#5a6b72;font-family:'Segoe UI',system-ui,sans-serif}body{background:var(--cream);font-family:'Segoe UI',system-ui,sans-serif}.panel,.home-panel{box-shadow:none;background:var(--paper)}h1{font-weight:750;letter-spacing:-1.4px}.primary{border:0;box-shadow:0 3px 0 #be9400}.secondary{background:none;box-shadow:none;border:1px solid #b9c6c3}.primary:hover:not(:disabled){background:#ffdc55}.brand-logo{width:clamp(160px,23vw,290px);height:auto;display:block}.brand-button{padding:0}.fib-actor{display:block;position:relative;width:100%;aspect-ratio:1;max-width:480px;margin:auto;flex:none}.fib-actor>canvas,.fib-actor>.actor-face{position:absolute;inset:0;width:100%;height:100%;display:block}.actor-face{pointer-events:none}.actor-brow{fill:#08263b;transform-box:fill-box;transform-origin:center;transition:transform .18s}.actor-lid{opacity:0}.home-character>.fib-actor{max-width:420px}.setup-options{background:#fff5d8}.setup-options .fib-actor{width:175px;margin-top:-30px;margin-bottom:-10px}.response-column{background:#fff8e9;border:1px solid var(--line)}.stage-fib .fib-actor{max-width:250px}.input-panel .question-column>.stage-fib{display:flex}.input-panel .stage-fib .fib-actor{width:160px;margin:0}.question-panel .stage-fib .fib-actor{max-width:420px}.handoff-panel .fib-actor{max-width:370px}.champion-fib .fib-actor{width:min(450px,100%)}.scores-panel .stage-fib .fib-actor{width:220px}.reveal-layout{display:grid;grid-template-columns:230px minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto;column-gap:22px;row-gap:12px;position:relative}.reveal-top{grid-column:1/-1;grid-row:1;display:block}.reveal-top h1{margin:8px 0;font-size:clamp(24px,2.6vw,36px)}.reveal-fib{grid-column:1;grid-row:2/5;align-self:center;text-align:center}.reveal-fib .fib-actor{width:230px}.reveal-fib p{font-size:14px;font-weight:650;line-height:1.5;margin:12px auto;max-width:210px}.reveal-fib .text-link{font-size:12px}.board-status{grid-column:2;grid-row:2;background:none;border-bottom:1px solid var(--line);border-radius:0;padding:8px 0;gap:14px}.board-status p{font-size:13px}.answer-board{grid-column:2;grid-row:3;gap:9px}.truth-explanation{grid-column:2;grid-row:4}.reveal-controls{grid-column:1/-1;grid-row:5}.answer-card{background:#fffdf7;min-height:100px}.answer-card.revealed:not(.zero):not(.truth){background:#fff1c0}.answer-card.zero{background:#f0eee8}.answer-card.truth{background:#def0df}.answer-card.active{box-shadow:none}.expressions .fib-actor{width:100%}.home-character .fib-name{margin-top:-12px}.scores-panel .stage-fib .fib-actor{width:230px}.answer-card .answer-voters{animation:none!important}.answer-card .answer-owner,.answer-card .answer-points{animation-duration:.3s}.field:focus{border-color:#009aa3}.actor-face{transition:opacity .06s}
@media(min-width:760px){.reveal-layout{height:calc(100dvh - 175px);min-height:510px}.reveal-top .round{margin-bottom:5px}.reveal-top .eyebrow{margin-bottom:0}.scores-panel .stage-fib .fib-actor{width:230px}}
@media(max-width:759px){.brand-logo{width:155px}.home-character>.fib-actor{position:absolute;top:-8px;right:13px;width:174px}.home-panel{padding-top:155px}.home-character>.fib-name{display:none}.input-panel .stage-fib .fib-actor{width:80px}.game-panel .stage-fib .fib-actor{width:100px;max-width:100px;margin:0}.setup-options .fib-actor{display:none}.handoff-panel .stage-fib .fib-actor{width:155px}.champion-fib .fib-actor{width:210px}.scores-panel .stage-fib .fib-actor{width:125px}.reveal-layout{height:calc(100dvh - 84px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:530px;grid-template-columns:minmax(0,1fr) 104px;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:6px}.reveal-top{grid-column:1;grid-row:1}.reveal-fib{grid-column:2;grid-row:1;align-self:center}.reveal-fib .fib-actor{width:104px}.reveal-fib p,.reveal-fib .text-link{display:none}.reveal-top h1{font-size:20px;line-height:1.14}.reveal-top .round,.reveal-top .eyebrow{font-size:9px}.board-status{grid-column:1/-1;grid-row:2;min-height:33px;padding:5px 0}.board-status p{font-size:11px}.answer-board{grid-column:1/-1;grid-row:3;gap:5px}.truth-explanation{grid-column:1/-1;grid-row:4}.reveal-controls{grid-column:1/-1;grid-row:5}.answer-card{min-height:76px;padding:7px 9px}.answer-card.active{padding:6px 8px}.answer-line p{font-size:13px;line-height:1.25}.answer-owner,.answer-points,.answer-voters{font-size:10px}.reveal-controls .primary{font-size:14px}.expressions{grid-template-columns:1fr 1fr}.expressions .fib-actor{width:100%}}
html.typing .input-panel .stage-fib{display:none}
.actor-lab{width:min(360px,100%);margin:0 auto}.actor-lab .fib-actor{width:100%}.reaction-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reaction-controls .secondary{margin:0;padding:12px;font-size:12px;min-height:43px}.home-character>.text-link{display:none}.inspect-fib{display:block;margin:13px 0 0}

.point-icon{width:25px;height:25px;object-fit:contain;display:inline-block;vertical-align:middle;flex:none}.earned-icons{display:inline-flex;align-items:center;gap:1px;vertical-align:middle;line-height:1}.earned-icons .point-icon{width:23px;height:23px}.earned-icons b{font-size:12px;margin-left:3px}.answer-points{display:flex;gap:3px;align-items:center;justify-content:flex-end;min-height:24px}.answer-points small{font-size:10px;white-space:nowrap}.answer-card{grid-template-rows:auto minmax(18px,auto) minmax(24px,auto)}.answer-card .answer-owner{align-self:center}.no-award{font-weight:600;color:var(--muted)}.banking-panel{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;max-width:1250px;margin:auto;padding:30px;min-height:550px}.bank-host h1{font-size:37px;letter-spacing:-1px}.bank-host .fib-actor{width:220px}.point-legend{font-size:12px;line-height:2.4;white-space:nowrap}.point-legend .point-icon{margin-right:6px}.bank-question{font-size:13px;border-top:1px solid var(--line);padding-top:15px}.bank-stage{min-width:0;display:flex;flex-direction:column;justify-content:center}.award-tray{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;padding:5px 5px 10px;min-height:65px}.award-item{display:flex;flex-direction:column;align-items:center;min-width:45px;max-width:100px;gap:2px}.award-source{display:block;width:32px;height:32px;transition:opacity .12s}.award-source .point-icon{width:32px;height:32px}.award-item small{font-size:10px;line-height:1.2;overflow-wrap:anywhere;text-align:center}.award-item.departed .award-source{opacity:.12}.award-item.landed small{opacity:.45}.bank-status{font-size:12px;min-height:35px;margin:5px 0 14px;text-align:center;color:var(--muted)}.ledger-window{max-height:390px;overflow:auto;scrollbar-color:#9abcb5 transparent;padding:0 5px}.ledger-rows{position:relative;list-style:none;margin:0;padding:0;min-height:100px}.ledger-row{position:absolute;left:0;right:0;top:0;display:grid;grid-template-columns:30px minmax(0,1fr) 55px;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:7px 10px;background:var(--paper);will-change:transform}.ledger-rank{font-size:13px;color:var(--muted)}.ledger-identity>b{font-size:20px;display:block;overflow-wrap:anywhere;line-height:1.2}.ledger-tokens{display:flex;align-items:center;gap:14px;margin-top:5px;font-size:12px}.ledger-tokens>span{display:inline-flex;align-items:center;gap:5px}.ledger-tokens .point-icon{width:23px;height:23px}.ledger-total{font-size:34px;text-align:right}.ledger-row.received .ledger-total{animation:point-land .3s ease-out}.ledger-row.received{z-index:1}.flying-reward{position:fixed;top:0;left:0;width:32px;height:32px;z-index:30;pointer-events:none;will-change:transform}.flying-reward .point-icon{width:32px;height:32px}.bank-controls{display:flex;align-items:center;justify-content:flex-end;min-height:75px;padding-top:15px;gap:15px}.bank-controls .primary{max-width:420px}.trial-tool-button{font-size:11px;border:1px dashed var(--line);padding:8px 10px;border-radius:9px;color:var(--ink);background:none;white-space:nowrap}.trial-theme{margin-top:25px}.trial-theme .secondary{display:inline-block;width:auto;font-size:13px;margin:8px 8px 12px 0}.trial-navy{--ink:#fff8e9;--cream:#08263b;--paper:#12364a;--line:#365768;--muted:#c4d5dc;color:var(--ink)}.trial-navy .primary{color:#08263b}.trial-navy .secondary,.trial-navy .settings,.trial-navy .remove{background:var(--paper);color:var(--ink)}.trial-navy .setup-options,.trial-navy .response-column{background:#153c4c}.trial-navy .field,.trial-navy select,.trial-navy .vote-option{background:#143a4d;color:var(--ink)}.trial-navy .vote-option.selected{background:#19565c}.trial-navy .answer-card{background:var(--paper);color:var(--ink)}.trial-navy .answer-card.revealed:not(.zero):not(.truth){background:#4b421f}.trial-navy .answer-card.zero{background:#253e4b;color:#c7d4dc}.trial-navy .answer-card.truth{background:#153f32}.trial-navy .vote-option>b,.trial-navy .board-status{background:transparent}.trial-navy .home-copy .eyebrow{color:#3cdae0}.trial-navy dialog{background:var(--paper);color:var(--ink)}@keyframes point-land{40%{transform:scale(1.28);color:var(--teal)}}
@media(max-width:759px){.earned-icons .point-icon{width:19px;height:19px}.answer-points{min-height:21px;gap:2px}.answer-card{grid-template-rows:auto minmax(14px,auto) minmax(21px,auto);min-height:76px}.answer-points small{font-size:9px}.banking-panel{display:flex;flex-direction:column;padding:20px 16px;gap:10px;min-height:0}.bank-host{display:grid;grid-template-columns:1fr 100px;column-gap:9px}.bank-host .round,.bank-host .eyebrow,.bank-host h1{grid-column:1}.bank-host .round{margin-bottom:7px}.bank-host .eyebrow{font-size:9px;margin-bottom:6px}.bank-host h1{font-size:26px;line-height:1.1;margin:5px 0 8px}.bank-host .stage-fib{grid-column:2;grid-row:1/5}.bank-host .fib-actor{width:100px}.point-legend{grid-column:1/-1;font-size:10px;display:flex;align-items:center;gap:6px;line-height:2;margin:8px 0 0}.point-legend br{display:none}.point-legend .point-icon{width:19px;height:19px;margin:0}.bank-question{display:none}.award-tray{gap:5px;min-height:52px;padding-bottom:4px}.award-source,.award-source .point-icon{width:28px;height:28px}.award-item{min-width:40px}.award-item small{font-size:9px}.bank-status{font-size:10px;min-height:28px;margin:4px 0 7px}.ledger-window{max-height:310px;padding:0}.ledger-row{grid-template-columns:20px minmax(0,1fr) 42px;padding:6px 5px;gap:7px}.ledger-identity>b{font-size:17px}.ledger-total{font-size:29px}.ledger-tokens{margin-top:3px;gap:12px;font-size:11px}.ledger-tokens .point-icon{width:20px;height:20px}.bank-controls{min-height:65px;padding-top:12px}.bank-controls .primary{font-size:13px}.trial-tool-button{font-size:9px;padding:8px 5px}.brand-logo{width:135px}.header-actions{gap:5px}.reveal-layout{height:calc(100dvh - 80px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.ledger-row,.ledger-total,.award-source{animation:none!important;transition:none!important}}

/* Fib occupies the activity itself: hands meet the tile edge. */
.input-panel .response-column{position:relative;margin-top:155px;padding-top:30px;overflow:visible}.response-column>.perched-fib{position:absolute;width:180px;max-width:none;right:25px;bottom:calc(100% - 11px);z-index:2;pointer-events:none}.input-panel .question-column{align-self:center}.actor-lid{transition:none}.lid-edge{pointer-events:none}.reveal-layout{grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);grid-template-rows:160px auto minmax(0,1fr) auto auto;column-gap:15px;row-gap:8px}.reveal-top{grid-column:1;grid-row:1;align-self:center}.reveal-top h1{font-size:25px;line-height:1.16}.reveal-fib{grid-column:2;grid-row:1;align-self:start;position:relative;width:180px}.reveal-fib .fib-actor{width:180px;z-index:2}.reveal-fib p{position:absolute;left:calc(100% + 25px);top:53px;width:clamp(150px,23vw,280px);margin:0;text-align:left;font-size:15px;line-height:1.5}.reveal-fib .text-link{position:absolute;left:calc(100% + 25px);top:116px;width:210px;text-align:left}.board-status{grid-column:1/-1;grid-row:2;background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:8px 12px;min-height:36px}.answer-board{grid-column:1/-1;grid-row:3}.truth-explanation{grid-column:1/-1;grid-row:4}.reveal-controls{grid-column:1/-1;grid-row:5}.answer-card{min-height:86px;padding:9px 11px}.answer-card.active{padding:8px 10px}
@media(max-width:759px){.input-panel .response-column{margin-top:110px;padding-top:25px}.response-column>.perched-fib{width:133px;right:14px;bottom:calc(100% - 9px)}.reveal-layout{grid-template-columns:1fr;grid-template-rows:auto 96px auto minmax(0,1fr) auto auto;gap:5px}.reveal-top{grid-column:1;grid-row:1;align-self:start}.reveal-top h1{font-size:18px;margin:6px 0;line-height:1.15}.reveal-top .round{margin-bottom:4px}.reveal-fib{grid-column:1;grid-row:2;justify-self:center;width:110px;top:1px}.reveal-fib .fib-actor{width:110px}.reveal-fib p,.reveal-fib .text-link{display:none}.board-status{grid-column:1;grid-row:3;min-height:31px;padding:5px 9px}.board-status p{font-size:10px;line-height:1.3}.answer-board{grid-column:1;grid-row:4;gap:4px}.truth-explanation{grid-column:1;grid-row:5;max-height:32px;font-size:10px;line-height:1.3;padding:2px 7px}.reveal-controls{grid-column:1;grid-row:6;min-height:49px}.reveal-controls .primary{min-height:49px;padding:13px}.answer-card{min-height:69px;padding:5px 9px}.answer-card.active{padding:4px 8px}.answer-line p{font-size:12px;line-height:1.25;margin:2px 0}.answer-letter{width:20px;height:20px}.answer-owner,.answer-voters{margin-left:27px}.answer-points .point-icon{width:18px;height:18px}.answer-points{min-height:20px}.answer-card{grid-template-rows:auto minmax(14px,auto) minmax(20px,auto)}}
html.typing .input-panel .response-column{margin-top:65px;padding-top:16px}html.typing .response-column>.perched-fib{display:block;width:82px;right:12px;bottom:calc(100% - 6px)}
html.typing .input-panel .question-column{align-self:stretch;max-height:100%}html.typing .question-column>.round,html.typing .question-column>p:not(.eyebrow):not(.round){display:none}@media(max-width:759px){.ledger-window{max-height:350px}}
html.typing .input-panel .question-column .eyebrow{display:none}html.typing .input-panel .question-column h1{font-size:18px;line-height:1.2;margin:0}

:root{background:#071a2b}body.trial-navy{--ink:#eef5f6;--cream:#071a2b;--paper:#102a3e;--line:#29485b;--muted:#b3c9d6;--teal:#54d4d5;background:radial-gradient(ellipse at 55% 0%,#12394c 0,transparent 64%),#071a2b;color:var(--ink)}body:not(.trial-navy){--cream:#f2f4f0;--paper:#fcfdfa;background:#f2f4f0}.trial-navy .panel,.trial-navy .home-panel{background:linear-gradient(145deg,#102c40,#0b2235);border:1px solid #35546880;box-shadow:0 18px 55px #0002}.panel,.home-panel{border-radius:24px}h1{font-weight:700;letter-spacing:-1px}.eyebrow{font-size:10px;letter-spacing:2px}.brand-logo{width:clamp(135px,21vw,252px)}.primary{border:1px solid #ffe18a55;box-shadow:0 5px 18px #0002;border-radius:12px;background:#f4cc43;min-height:53px;font-weight:750}.primary:hover:not(:disabled){background:#ffdd62;transform:translateY(-1px)}.trial-navy .primary{color:#071a2b}.secondary,.settings,.trial-tool-button{border-radius:10px;font-weight:600}.trial-navy .secondary,.trial-navy .settings,.trial-navy .trial-tool-button{background:#17354a88;border:1px solid #53718866;color:var(--ink)}.trial-tool-button{border-style:solid;font-size:10px;letter-spacing:.3px;padding:9px 12px}.trial-navy .answer-card{background:#112f44;border:1px solid #2d4c61;box-shadow:0 3px 10px #0001}.answer-card{border-radius:12px}.trial-navy .answer-card.active{border:2px solid #55d3d2;background:#163c50}.trial-navy .answer-card.revealed:not(.zero):not(.truth){background:#283b46}.trial-navy .answer-card.zero{background:#102838;color:#a7bdcc}.trial-navy .answer-card.truth{background:#124547;border-color:#5ed5cc}.trial-navy .answer-letter{background:#ffffff0b;color:#bdd6e1}.answer-line p{font-weight:650}.trial-navy .board-status{background:#102e42;border-color:#325369;color:#d4e7ed}.trial-navy .input-panel .response-column{background:linear-gradient(135deg,#153b50,#112f43);border-color:#3c6478;box-shadow:0 12px 30px #0002}.trial-navy .field{background:#091f31;border-color:#3a5b70;color:#eef6f7}.trial-navy .field:focus{border-color:#5ad9d4;box-shadow:inset 0 0 0 1px #5ad9d4}.trial-navy .setup-options{background:#143448}.trial-navy .mode{background:#0d293e;border-color:#31576c}.trial-navy .mode:has(:checked){border-color:#54d4d5}.trial-navy dialog{background:linear-gradient(145deg,#123047,#0a2336);border:1px solid #4a6a7c80;box-shadow:0 24px 80px #0007}.trial-navy .modal-bottom{background:#0b2437;border-top-color:#2b4e63}.trial-navy .modal-top .remove{background:#19394f;border-color:#416075}.trial-navy .premium-button{background:#174d5c;color:#f1f7f6}.trial-navy .hint{background:#173f4c;border-color:#f4cc43}.trial-navy .banking-panel{background:linear-gradient(145deg,#102d42,#0b2337)}.trial-navy .ledger-row{background:transparent}.ledger-identity>b{font-weight:650}.ledger-total{font-weight:650}.studio-intro{font-size:14px;color:var(--muted)}.flow-button{font-size:13px;margin:0 auto 14px;max-width:360px;min-height:44px;padding:11px}.reaction-controls{gap:7px}.reaction-controls .secondary{min-height:39px;padding:10px}.actor-brow{transition:none}.response-column>.perched-fib::after{content:'';position:absolute;bottom:4%;left:9%;right:8%;height:3px;border-radius:50%;background:#0003;filter:blur(3px);z-index:-1}.trial-navy .truth-explanation{border-left-color:#54d4d5;color:#bcd5df}footer{opacity:.65}.reveal-layout+footer{display:none}
@media(max-width:759px){.brand-logo{width:132px}.trial-tool-button{padding:8px 7px;font-size:9px}.panel,.home-panel{border-radius:20px}.reaction-controls .secondary{font-size:11px}.flow-button{margin-top:0}.answer-line p{font-weight:650}.bank-host h1{font-size:25px}.primary{min-height:49px}.reveal-controls .primary{padding:12px}.eyebrow{font-size:9px}}

.reveal-top{grid-column:1;grid-row:1}.reveal-fib{grid-column:2;grid-row:1}.board-status{grid-column:1/-1;grid-row:2}.answer-board{grid-column:1/-1;grid-row:3}.truth-explanation{grid-column:1/-1;grid-row:4}.reveal-controls{grid-column:1/-1;grid-row:5}
html.viewport-game,body.viewport-game{height:var(--screen-height,100dvh);min-height:0;overflow:hidden}#app[data-screen=reveal],#app[data-screen=scores]{height:var(--screen-height,100dvh);min-height:0;display:flex;flex-direction:column;overflow:hidden;padding: max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}#app[data-screen=reveal]>header,#app[data-screen=scores]>header{flex:none;margin-bottom:10px;min-height:35px}#app[data-screen=reveal]>footer,#app[data-screen=scores]>footer{display:none}#app[data-screen=reveal] .brand-logo,#app[data-screen=scores] .brand-logo{width:clamp(125px,17vw,210px)}.reveal-layout{width:100%;max-width:1300px;flex:1;min-height:0!important;height:auto!important;grid-template-columns:minmax(0,1fr) var(--host-size,110px) minmax(0,1fr);grid-template-rows:var(--host-size,110px) auto minmax(0,1fr) auto auto;gap:6px 16px;margin:auto;overflow:visible}.reveal-top{min-width:0;overflow:hidden}.reveal-top h1{font-size:clamp(17px,2.1vw,28px);line-height:1.12;margin:5px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;cursor:pointer}.reveal-top .round{margin:0 0 5px;font-size:10px}.reveal-top .eyebrow{font-size:9px;margin:0}.reveal-fib{width:var(--host-size);height:var(--host-size);position:relative;top:5px;min-width:0}.reveal-fib .fib-actor{width:100%;height:100%}.reveal-fib p{top:25%;font-size:13px;line-height:1.45}.reveal-fib .text-link{top:70%;font-size:11px}.board-status{min-height:28px;padding:5px 10px;gap:10px;min-width:0}.board-status p{font-size:12px;line-height:1.2}.answer-board{display:grid;grid-template-columns:repeat(var(--answer-cols,2),minmax(0,1fr));grid-template-rows:repeat(var(--answer-rows,3),minmax(0,1fr));grid-auto-rows:unset;align-content:stretch;gap:5px;overflow:hidden;min-height:0;padding:0}.answer-card,.answer-card.active{min-height:0!important;min-width:0;height:100%;align-self:stretch;padding:7px 10px;grid-template-rows:minmax(0,1fr) 15px 22px;gap:1px 4px;overflow:hidden;cursor:pointer}.answer-card.active{padding:6px 9px}.answer-line{min-height:0;overflow:hidden;align-items:flex-start;gap:7px}.answer-line p{font-size:var(--answer-font,15px);line-height:1.18;margin:1px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;overflow-wrap:anywhere}.answer-letter{width:22px;height:22px;font-size:10px;border-radius:6px}.answer-voters{line-height:15px;font-size:11px;margin-left:29px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.answer-owner{font-size:11px;margin-left:29px;line-height:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.answer-points{min-height:20px;line-height:20px;white-space:nowrap;min-width:0}.answer-points .point-icon{width:20px;height:20px}.answer-card [hidden]{min-height:0}.reward-marker{display:inline-flex;opacity:0;transform:scale(.65);transition:opacity .15s,transform .2s}.reward-marker.arrived{opacity:1;transform:none}.answer-reward-flight{position:fixed;left:0;top:0;width:32px;height:32px;pointer-events:none;z-index:35;will-change:transform,opacity}.answer-reward-flight .point-icon{width:32px;height:32px}.reward-flight-layer{pointer-events:none}.truth-explanation{border:0;border-left:2px solid var(--teal);border-radius:0;background:transparent;color:var(--muted);text-align:left;max-height:32px;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:11px;line-height:1.25;padding:3px 7px;cursor:pointer}.reveal-controls{min-height:45px;padding-top:0;gap:9px;flex-wrap:nowrap;min-width:0}.reveal-controls .primary{min-height:44px;padding:12px 16px;max-width:410px;font-size:14px}.reveal-controls .text-link{font-size:11px;white-space:nowrap}.board-help{font-size:10px;color:var(--muted);margin-right:auto;max-width:120px;line-height:1.2}.dense-tiles .answer-card{padding:5px 7px;grid-template-rows:minmax(0,1fr) 12px 19px}.dense-tiles .answer-card.active{padding:4px 6px}.dense-tiles .answer-voters,.dense-tiles .answer-owner{font-size:10px;margin-left:26px;line-height:12px}.dense-tiles .answer-letter{width:19px;height:19px;font-size:9px}.dense-tiles .answer-points .point-icon{width:17px;height:17px}.dense-tiles .answer-points small{font-size:8px}.tiny-tiles .answer-card{grid-template-rows:minmax(0,1fr) 10px 15px;padding:3px 5px}.tiny-tiles .answer-card.active{padding:2px 4px}.tiny-tiles .answer-voters,.tiny-tiles .answer-owner{font-size:9px;line-height:11px;margin-left:0}.tiny-tiles .answer-letter{width:14px;height:14px;border-radius:3px;font-size:8px}.tiny-tiles .answer-line{gap:4px}.tiny-tiles .answer-points{min-height:14px;line-height:14px}.tiny-tiles .answer-points .point-icon{width:14px;height:14px}.tiny-tiles .answer-line p{-webkit-line-clamp:3}.banking-panel{flex:1;min-height:0!important;height:auto;max-width:1300px;width:100%;overflow:hidden;grid-template-columns:200px minmax(0,1fr);padding:20px;gap:24px}.bank-host{min-height:0;overflow:hidden}.bank-host h1{font-size:30px;margin:10px 0}.bank-host .fib-actor{width:min(180px,100%)}.bank-host .point-legend{font-size:11px}.bank-stage{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;align-content:stretch}.award-tray{min-height:40px;padding:0 0 5px;gap:7px}.award-item small{font-size:9px}.award-source,.award-source .point-icon{width:26px;height:26px}.bank-status{min-height:24px;margin:3px 0 8px;line-height:1.25}.ledger-window{min-height:0;max-height:none!important;overflow:hidden}.bank-controls{min-height:50px;padding-top:8px}.bank-controls .primary{min-height:43px;padding:11px 15px}.ledger-row{min-height:0}.ledger-identity>b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dense-ledger .ledger-identity>b{font-size:13px}.dense-ledger .ledger-tokens{font-size:9px;margin-top:1px;gap:10px}.dense-ledger .ledger-tokens .point-icon{width:14px;height:14px}.dense-ledger .ledger-total{font-size:23px}.dense-ledger .ledger-rank{font-size:10px}.dense-ledger .ledger-row{padding:3px 7px}
@media(max-width:649px){.reveal-layout{grid-template-columns:1fr;grid-template-rows:auto var(--host-size,84px) auto minmax(0,1fr) auto auto;gap:4px}.reveal-top{grid-column:1;grid-row:1}.reveal-top h1{font-size:18px;-webkit-line-clamp:2;margin:4px 0}.reveal-top .round{display:inline-block;margin:0 9px 0 0;font-size:9px}.reveal-top .eyebrow{display:inline-block;font-size:8px}.reveal-fib{grid-column:1;grid-row:2;justify-self:center;top:5px}.reveal-fib p,.reveal-fib .text-link{display:none}.board-status{grid-column:1;grid-row:3;padding:4px 8px}.board-status p{font-size:10px}.board-status>span{font-size:9px}.answer-board{grid-column:1;grid-row:4}.truth-explanation{grid-column:1;grid-row:5;max-height:27px;font-size:10px}.reveal-controls{grid-column:1;grid-row:6;min-height:42px;gap:7px}.reveal-controls .primary{max-width:none;min-height:42px;padding:11px 12px;font-size:12px}.board-help{font-size:8px;max-width:60px}.reveal-controls .text-link{font-size:9px}.reveal-layout.compact-stage{grid-template-columns:minmax(0,1fr) var(--host-size,65px) minmax(0,1fr);grid-template-rows:var(--host-size,65px) auto minmax(0,1fr) auto auto;gap:4px 7px}.compact-stage .reveal-top{grid-column:1;grid-row:1;align-self:center;overflow:hidden}.compact-stage .reveal-top h1{font-size:14px;-webkit-line-clamp:3}.compact-stage .reveal-top .eyebrow{display:none}.compact-stage .reveal-fib{grid-column:2;grid-row:1;top:4px}.compact-stage .board-status{grid-column:1/-1;grid-row:2}.compact-stage .answer-board{grid-column:1/-1;grid-row:3}.compact-stage .truth-explanation{grid-column:1/-1;grid-row:4}.compact-stage .reveal-controls{grid-column:1/-1;grid-row:5}.banking-panel{display:grid;grid-template-columns:1fr;grid-template-rows:100px minmax(0,1fr);padding:14px;gap:8px}.bank-host{grid-row:1;display:grid;grid-template-columns:1fr 80px;grid-template-rows:15px 40px 23px}.bank-host .round{grid-column:1;grid-row:1;margin:0;font-size:9px}.bank-host .eyebrow{display:none}.bank-host h1{grid-column:1;grid-row:2;font-size:21px;line-height:1.02;margin:2px 0}.bank-host .stage-fib{grid-column:2;grid-row:1/4}.bank-host .fib-actor{width:80px}.point-legend{grid-column:1/-1;grid-row:3;margin:5px 0;font-size:9px}.point-legend .point-icon{width:15px;height:15px}.bank-question{display:none}.bank-stage{grid-row:2;min-height:0}.bank-controls .primary{font-size:12px}.bank-status{font-size:10px;min-height:20px;margin-bottom:4px}.award-tray{min-height:36px}.award-source,.award-source .point-icon{width:23px;height:23px}.award-item small{font-size:8px}.dense-ledger .ledger-row{grid-template-columns:18px 1fr 35px}.dense-ledger .ledger-identity>b{font-size:12px}.ledger-tokens{margin-top:0}}
@media(max-height:500px){#app[data-screen=reveal]>header,#app[data-screen=scores]>header{margin-bottom:5px;min-height:28px}#app[data-screen=reveal] .brand-logo,#app[data-screen=scores] .brand-logo{width:110px}.settings{padding:6px 9px}.reveal-layout{--host-size:55px!important}.reveal-top h1{font-size:16px}.reveal-top .eyebrow{display:none}.board-status{min-height:23px;padding:3px 8px}.board-status p{font-size:10px}.reveal-controls,.reveal-controls .primary{min-height:35px;padding-top:0;padding-bottom:0;font-size:11px}.truth-explanation{max-height:21px;font-size:9px}.banking-panel{grid-template-columns:140px minmax(0,1fr);padding:10px}.bank-host h1{font-size:22px}.bank-host .fib-actor{width:90px}.bank-host .point-legend{font-size:9px}.bank-host .bank-question{display:none}.bank-controls{min-height:36px}.bank-controls .primary{min-height:33px;padding:8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.reward-marker{transition:none}}
.truth-explanation:not([hidden]){display:block;min-height:23px;height:23px;max-height:23px;white-space:nowrap;text-overflow:ellipsis;line-height:17px;padding:3px 7px}@media(max-height:500px){.truth-explanation:not([hidden]){min-height:20px;height:20px;max-height:20px;line-height:14px}}
.micro-tiles .answer-card{grid-template-rows:minmax(0,1fr) 0 14px}.micro-tiles .answer-voters{visibility:hidden}.ultra-ledger .ledger-tokens{display:none}.ultra-ledger .ledger-total{font-size:16px}.ultra-ledger .ledger-identity>b{font-size:10px;line-height:1.05}.ultra-ledger .ledger-row{padding:1px 5px}.ultra-ledger .ledger-rank{font-size:9px}
.ultra-ledger .ledger-total{font-size:15px;line-height:1}.ultra-ledger .ledger-rank{line-height:1}.ultra-ledger .ledger-row{overflow:hidden}
.truth-explanation[hidden]{display:none!important}.truth-explanation:not([hidden]){width:100%;justify-self:stretch}

/* Reserve the lower lines for reveal details, centre the answer within its area. */
.answer-card .answer-line{align-self:stretch;align-items:center;justify-content:center;text-align:center;position:relative;padding:0 23px}
.answer-card .answer-line .answer-letter{position:absolute;left:0;top:50%;transform:translateY(-50%)}
.answer-card .answer-line p{width:100%;text-align:center;margin:0}
.opening-active{overflow:hidden}.opening{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:radial-gradient(ellipse at 30% 10%,#16465a,transparent 65%),#071a2b;padding:env(safe-area-inset-top) 18px env(safe-area-inset-bottom);transition:opacity .5s ease,visibility .5s}
.opening-centre{width:min(85vw,760px);text-align:center}.opening-word{font:900 clamp(34px,8.4vw,86px)/1.1 system-ui,sans-serif;letter-spacing:-.055em;white-space:nowrap;color:#ffd13b;text-shadow:3px 4px 0 #086775;transform:rotate(-4deg);margin:0 0 10px}
.opening-word span{display:inline-block;opacity:0;animation:spell-pop .36s cubic-bezier(.2,.75,.25,1.25) forwards;animation-delay:calc(.1s + var(--letter)*.085s)}
.opening-fib{width:clamp(180px,35vw,340px);margin:auto;opacity:0;animation:fib-arrive .55s ease forwards;animation-delay:1s}.opening-fib .fib-actor{width:100%}.opening-skip{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);color:#b7d8df;font-size:12px}.opening-leave{opacity:0;visibility:hidden;pointer-events:none}
@keyframes spell-pop{from{opacity:0;transform:translateY(14px) rotate(-12deg) scale(.7)}70%{opacity:1;transform:translateY(-3px) rotate(3deg) scale(1.06)}to{opacity:1;transform:none}}
@keyframes fib-arrive{from{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.opening-word span,.opening-fib{animation:none;opacity:1}.opening{transition:none}}
.answer-card:not(.revealed):not(.active) .answer-line{grid-row:1/-1}
.opening-sound .opening-word span,.opening-sound .opening-fib{animation:none;opacity:0}.opening-wait .opening-centre{visibility:hidden}.opening-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(280px,75vw)}.opening-start[hidden]{display:none!important}

.opening-logo{width:100%;margin:0;transform:none;line-height:0;text-shadow:none;white-space:normal}.opening-logo canvas{display:block;width:100%;height:auto}.opening-fib{width:27%;min-width:0;margin:12px auto 0}.opening-centre{width:min(88vw,760px)}

.answer-card .answer-line{padding:0;gap:0}.answer-card .answer-line p{min-width:0;line-height:1.16}.answer-card .answer-voters,.answer-card .answer-owner{margin-left:0}.vote-option{justify-content:center;text-align:center;font-size:clamp(17px,2.1vw,23px);line-height:1.2}.vote-option>span{width:100%}.answer-letter{display:none!important}

.question-scene{width:100%;max-width:1060px;margin:12px auto 0}.question-host{display:grid;grid-template-columns:1fr 160px 1fr;align-items:center;min-height:160px}.question-host .question-perch{grid-column:2;grid-row:1;align-self:end;margin:0 0 -9px;z-index:2}.question-perch .fib-actor{width:160px;display:block}.fib-instruction{grid-column:1;grid-row:1;font-size:17px;line-height:1.45;text-align:right;margin:0 20px 0 0;color:var(--muted)}.fib-instruction strong{font-weight:600;color:#54d4d5}.question-tile{padding:clamp(22px,4vw,46px);margin:0;position:relative;z-index:1}.question-tile .change{position:static;display:block;text-align:left;font-size:13px;margin:0 0 22px}.question-tile .round{margin:0 0 18px}.question-tile h1{font-size:clamp(25px,3vw,42px);line-height:1.2;margin:18px 0 30px}.question-tile .primary{max-width:520px;margin:0 auto}.question-tile .eyebrow{font-size:12px}
.bank-scene{--bank-fib-size:130px;position:relative;flex:1;min-height:0;width:100%;max-width:1300px;margin:auto;padding-top:calc(var(--bank-fib-size) - 8px);display:flex;flex-direction:column}.bank-scene .bank-perch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:var(--bank-fib-size);height:var(--bank-fib-size);margin:0;z-index:2;pointer-events:none}.bank-perch .fib-actor{width:100%;height:100%}.bank-scene .banking-panel{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:20px;overflow:visible;margin:0}.bank-scene .bank-host{grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:16px;overflow:visible;min-height:0}.bank-scene .bank-host h1{font-size:25px;line-height:1.08;margin:0}.bank-scene .bank-host .round{font-size:12px;margin:0}.bank-scene .bank-host>.eyebrow,.bank-scene .bank-question{display:none}.bank-scene .bank-stage{grid-row:2;min-height:0}.bank-scene .bank-legend{grid-row:3;display:flex;justify-content:center;flex-wrap:wrap;gap:5px 20px;font-size:11px;line-height:1.2;margin:0;padding-top:4px}.bank-legend>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.bank-legend .point-icon{width:18px;height:18px}.bank-scene .bank-controls{padding-top:6px;min-height:48px}.bank-scene .bank-status{font-size:12px;min-height:20px;margin:3px 0 6px}
@media(max-width:649px){.question-host{grid-template-columns:1fr;grid-template-rows:auto 110px;gap:9px;min-height:0}.question-host .fib-instruction{grid-column:1;grid-row:1;font-size:13px;line-height:1.4;text-align:center;margin:0}.question-host .question-perch{grid-column:1;grid-row:2;justify-self:center;margin-bottom:-9px}.question-perch .fib-actor{width:118px}.question-tile{padding:22px}.question-tile h1{font-size:25px;margin:14px 0 22px}.question-tile .change{margin-bottom:18px}.question-tile .round{font-size:11px;margin-bottom:14px}.question-tile .primary{min-height:46px}.bank-scene{--bank-fib-size:95px}.bank-scene .banking-panel{padding:14px;gap:8px}.bank-scene .bank-host h1{font-size:21px}.bank-scene .bank-host .round{font-size:10px}.bank-scene .bank-legend{font-size:9px;gap:4px 10px}.bank-legend .point-icon{width:15px;height:15px}.bank-scene .award-tray{min-height:30px;padding-bottom:2px}.bank-scene .bank-controls{min-height:43px}.bank-scene .bank-controls .primary{min-height:40px}}
@media(max-height:500px){.bank-scene{--bank-fib-size:45px}.bank-scene .banking-panel{padding:8px;gap:4px}.bank-scene .bank-host{min-height:22px}.bank-scene .bank-host h1{font-size:15px}.bank-scene .bank-host h1 br{display:none}.bank-scene .bank-host h1 em{margin-left:5px}.bank-scene .bank-host .round{font-size:9px}.bank-scene .award-tray{min-height:22px}.bank-scene .award-source,.bank-scene .award-source .point-icon{width:17px;height:17px}.bank-scene .award-item small{font-size:7px}.bank-scene .bank-status{font-size:9px;line-height:1.1;min-height:12px;margin:1px 0 3px}.bank-scene .bank-controls{min-height:30px;padding-top:3px}.bank-scene .bank-controls .primary{min-height:28px;padding:5px 8px;font-size:10px}.bank-scene .bank-legend{font-size:8px;gap:3px 10px;padding-top:0}.bank-scene .bank-legend .point-icon{width:12px;height:12px}.bank-scene .ultra-ledger .ledger-total,.bank-scene .ultra-ledger .ledger-identity>b{font-size:9px;line-height:1}.bank-scene .ultra-ledger .ledger-rank{font-size:8px;line-height:1}}

/* One viewport-wide background; safe-area padding belongs to the content. */
html{background:#071a2b!important;min-height:100%;width:100%;overscroll-behavior-y:none}body,body.trial-navy{background:#071a2b!important;isolation:isolate;min-height:100dvh;width:100%;overscroll-behavior-y:none}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#071a2b 0,transparent 170px),radial-gradient(ellipse at 50% 38%,#17425599 0,transparent 75%),#071a2b}.opening{background:linear-gradient(180deg,#071a2b 0,transparent 170px),radial-gradient(ellipse at 50% 38%,#17425599 0,transparent 75%),#071a2b}
.answer-board{gap:8px}.answer-card,.answer-card.active{border-radius:14px}.answer-line p{font-weight:600!important;line-height:1.25!important}.trial-navy .answer-card{border-color:#36576899;background:#102c3f}.reveal-top h1{font-size:clamp(24px,2.5vw,32px);line-height:1.15}.board-status{border-color:#36576866!important;box-shadow:none}.board-status p{font-weight:500}.question-tools{position:relative;z-index:3;display:flex;justify-content:flex-end;margin:-27px 0 8px;min-height:22px}.question-tools .change{font-size:12px;padding:2px 0;margin:0;min-height:0}
@media(max-width:649px){.reveal-layout,.reveal-layout.compact-stage{grid-template-columns:minmax(0,1fr) 68px;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:8px 10px}.reveal-layout .reveal-top{grid-column:1;grid-row:1;align-self:center;overflow:hidden}.reveal-layout .reveal-top h1{font-size:clamp(22px,6.1vw,26px);line-height:1.15;-webkit-line-clamp:3;margin:6px 0}.reveal-layout .reveal-top .round{font-size:10px}.reveal-layout .reveal-top .eyebrow{display:none}.reveal-layout .reveal-fib{grid-column:2;grid-row:1;top:0;align-self:end;width:68px;height:74px}.reveal-layout .reveal-fib .fib-actor{width:68px;height:68px}.reveal-layout .board-status{grid-column:1/-1;grid-row:2;min-height:30px;padding:6px 8px}.reveal-layout .board-status p{font-size:11px;line-height:1.2}.reveal-layout .answer-board{grid-column:1/-1;grid-row:3}.reveal-layout .truth-explanation{grid-column:1/-1;grid-row:4}.reveal-layout .reveal-controls{grid-column:1/-1;grid-row:5}.reveal-layout .answer-card{padding:9px 8px}.reveal-layout .answer-card.active{padding:8px 7px}.reveal-layout.dense-tiles .answer-card{padding:5px 6px}.reveal-layout.tiny-tiles .answer-card{padding:3px 5px}.question-tools{margin:-23px 0 8px}.question-tools .change{font-size:11px}.question-tile .round{margin-top:0}}
@media(max-height:500px){.reveal-layout .reveal-top h1{font-size:20px;-webkit-line-clamp:2}.reveal-layout{gap:4px 9px}.answer-board{gap:5px}.question-tools{margin-top:-22px}}

@media(max-width:359px){.question-host{grid-template-rows:auto 90px}.question-perch .fib-actor{width:96px}.question-tools .change{font-size:10px}}

html,body{max-width:100%;overflow-x:clip;touch-action:manipulation;overscroll-behavior-x:none}
#app,main,section,header,.header-actions,.question-column,.response-column,.vote-options{min-width:0;max-width:100%}
.fib-actor{pointer-events:auto!important;cursor:pointer;touch-action:manipulation}
.fib-actor:focus-visible{outline:2px solid var(--teal);outline-offset:4px;border-radius:35%}
.bank-perch{pointer-events:auto!important}
.answer-card,.answer-card.active{cursor:default}
.board-help{display:none!important}
.bank-controls{justify-content:center}
.bank-controls #skipScores{margin-inline:auto;text-align:center}
.vote-dock #error:empty{display:none}
.vote-dock .primary{margin:0}
.vote-dock #error{font-size:13px;margin:0 0 6px;text-align:center}
#app[data-screen=vote]{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
.vote-dock{position:fixed;z-index:25;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,760px);padding:12px max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom));background:linear-gradient(0deg,#071a2b 80%,#071a2b00)}
.vote-dock .primary{min-height:50px;margin:0;font-size:16px}
.tap-laugh{animation:tap-chuckle .32s ease-in-out infinite}
@keyframes tap-chuckle{0%,100%{translate:0 0;rotate:-.7deg}50%{translate:0 -2px;rotate:.7deg}}
@media(max-width:759px),(max-height:600px){
 #app[data-screen=vote]{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
 .vote-dock{position:fixed;z-index:25;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,760px);padding:12px max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom));background:linear-gradient(0deg,#071a2b 80%,#071a2b00);}
 .vote-dock .primary{min-height:50px;margin:0;font-size:16px}
 .vote-options{padding-bottom:12px}
 .voting-panel .stage-fib{margin:6px 0}
 .voting-panel .stage-fib .fib-actor{max-width:74px;width:74px}
 .voting-panel h1{font-size:clamp(23px,6vw,28px);line-height:1.18}
}
/* Hide the chrome while writing, reserving the remaining space for the question and form. */
html.typing #app[data-screen=answer]{position:fixed;inset:auto 0 auto;top:var(--visual-top,0px);height:var(--visible-height);width:100%;overflow:hidden;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));display:flex;flex-direction:column;}
html.typing #app[data-screen=answer]>header,html.typing #app[data-screen=answer]>footer{display:none}
html.typing .input-panel{flex:1;min-height:0!important;height:auto!important;width:100%;margin:0;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:16px;align-items:stretch;overflow:hidden}
html.typing .input-panel .question-column{min-height:0;max-height:none;align-self:stretch;overflow:auto;overscroll-behavior:contain}
html.typing .input-panel .question-column h1{font-size:clamp(19px,2.8vw,30px);line-height:1.2;margin:0}
html.typing .input-panel .response-column{min-height:0;max-height:100%;margin:0;padding:12px;overflow:auto;overscroll-behavior:contain;align-self:stretch;}
html.typing .response-column>.perched-fib{display:none}
html.typing .response-column form>.eyebrow{font-size:9px;line-height:1.2;display:block;margin:0 0 8px}
html.typing textarea.field{display:block;width:100%;font-size:17px;line-height:1.3;height:70px;min-height:60px;padding:12px;resize:none;margin:0;outline:0;box-shadow:inset 0 0 0 1px #54d4d5;border:1px solid #54d4d5;border-radius:14px}
html.typing .response-column form .primary{min-height:45px;margin:10px 0 0;padding:11px;font-size:14px}
html.typing .input-panel #error{margin:5px 0;font-size:12px}
html.typing .hint-button{font-size:11px;padding:0 0 7px}
html.typing .hint{padding:8px;font-size:12px;margin:0 0 8px;max-height:90px;overflow:auto}
@media(max-width:759px){
 html.typing .input-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(45px,1fr) auto;gap:10px;padding:12px}
 html.typing .input-panel .question-column{grid-row:1}
 html.typing .input-panel .question-column h1{font-size:clamp(18px,5vw,23px);margin:0}
 html.typing .input-panel .response-column{grid-row:2;max-height:calc(var(--visible-height) * .65);padding:12px}
}
@media(prefers-reduced-motion:reduce){.tap-laugh{animation:none}}

.answer-card.zero-leaving{pointer-events:none;will-change:opacity,transform}
.answer-card{transform-origin:top left}
@media(prefers-reduced-motion:reduce){.answer-card.zero-leaving{will-change:auto}}

.answer-card.last-answer-wide{grid-column:1/-1}

/* Keep the question beside the writing task instead of at the top of empty space. */
@media(max-width:759px){html.typing .input-panel .question-column{display:flex;flex-direction:column;justify-content:flex-start;padding-bottom:5px}html.typing .input-panel .question-column h1{flex:none;margin-top:auto!important}}
.gather-call{display:flex;flex-wrap:wrap;align-items:center;gap:0 5px!important}
.gather-call .gather-instruction{color:#54d4d5;font-weight:750}
.reveal-layout .board-status:has(.gather-call){height:auto;min-height:36px}
.champion-fib{position:relative;isolation:isolate;padding-top:11%;overflow:visible}
.champion-fib .crown{display:none}
.champion-fib .champion-crown{position:absolute;z-index:3;pointer-events:none;top:-5%;left:23%;width:54%;height:auto;transform:rotate(-7deg);filter:drop-shadow(0 5px 3px #03152166);}
.champion-fib::after{content:'';position:absolute;z-index:-1;inset:10% 0 0;border-radius:50%;background:radial-gradient(ellipse,#f4cc4322,transparent 65%);pointer-events:none}
.legal-footer{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin-top:14px}
.legal-footer button{background:none;color:#54d4d5;border:0;padding:7px 0;font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.legal-links{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.legal-links button{background:#163b4d;border:1px solid #426578;color:#54d4d5;border-radius:10px;padding:10px 12px;font:inherit;font-size:14px;font-weight:650}
.legal-doc{font-size:15px;line-height:1.65;overflow-wrap:anywhere}
.legal-doc a{color:#54d4d5;text-underline-offset:3px}
.legal-doc h1{font-size:27px;margin:12px 0}.legal-doc h2{font-size:21px;color:#54d4d5;margin:22px 0 12px}.legal-doc h3{font-size:17px;margin-top:24px}.legal-doc .tag{font-size:11px;color:#f4cc43}.legal-doc .meta{font-size:12px;color:var(--muted)}.legal-doc section{margin:22px 0;padding-top:18px;border-top:1px solid #355468}.legal-doc .intro,.legal-doc .owner{padding:14px;background:#16394b;border-radius:12px}.legal-doc .toc{padding:0 12px}.legal-doc .toc li{margin:5px 0}.legal-doc .button{display:inline-block;background:#f4cc43;color:#071a2b;padding:10px 14px;text-decoration:none;border-radius:9px;font-weight:700}.legal-doc .lead{font-size:16px}

.champion-fib{width:clamp(230px,34vw,400px);max-width:100%;margin-inline:auto;padding-top:40px}.champion-fib .fib-actor{width:100%;max-width:none}

/* Left of the writing task on tablets; above the question on phones. */
html.typing .input-panel .question-column{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;overflow:auto}
html.typing .input-panel .question-column h1{margin:0!important;flex:none;order:0}
html.typing .writing-fib{order:1;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}
html.typing .writing-fib .perched-fib{display:block!important;position:relative!important;inset:auto!important;transform:none!important;width:clamp(125px,20vw,230px)!important;max-width:100%;height:auto;margin:0!important;flex-shrink:0}
html.typing .writing-fib .fib-actor canvas{max-width:100%}
/* The crown's open band fits around the fur, with its rim lowered onto the head. */
.champion-fib .champion-crown{top:0;left:20%;width:60%;transform:rotate(-7deg);overflow:visible;filter:drop-shadow(0 2px 1px #03152155)}
.champion-fib:has(.tap-laugh){animation:tap-chuckle .32s ease-in-out infinite}
.champion-fib .tap-laugh{animation:none}
@media(max-width:759px){
 html.typing .input-panel{grid-template-rows:minmax(0,1fr) auto;gap:8px}
 html.typing .input-panel .question-column{justify-content:flex-end;gap:5px;padding-bottom:0}
 html.typing .input-panel .question-column h1{order:1;font-size:clamp(17px,5vw,22px);line-height:1.15}
 html.typing .writing-fib{order:0;flex:0 1 auto;min-height:45px;align-self:center}
 html.typing .writing-fib .perched-fib{width:clamp(52px,calc(var(--visible-height) * .19),100px)!important}
 html.typing .input-panel .response-column{max-height:calc(var(--visible-height) * .61);padding:10px}
 html.typing .response-column form>.eyebrow{margin-bottom:6px}
 html.typing textarea.field{height:62px;min-height:52px}
 html.typing .response-column form .primary{margin-top:8px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){.champion-fib:has(.tap-laugh){animation:none}}

html.typing .question-column{scrollbar-width:none}html.typing .question-column::-webkit-scrollbar{display:none}