[hidden]{display:none!important}
#flow-content{max-width:1320px;margin:36px auto 0;min-height:620px;outline:0;padding-bottom:32px}
.flow-surface{max-width:1050px;margin:auto;padding:38px 42px;border:1px solid var(--line);border-top-color:#deefffac;background:linear-gradient(125deg,#1b3954ed,#0c1c30ed);border-radius:3px 28px 3px 28px;box-shadow:inset 0 1px #fff4,0 20px 70px #0002;overflow-wrap:anywhere}
.flow-surface h1{font-size:32px;line-height:1.4;margin:12px 0 24px;letter-spacing:.5px}.flow-surface h2{font-size:20px}.flow-kicker{color:var(--cyan);font-size:13px;letter-spacing:1px}.flow-lead{font-size:18px;line-height:1.9;color:var(--muted)}
.flow-hero{min-height:600px;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:60px;padding:50px 36px}.flow-hero h1{font-size:clamp(36px,4vw,62px);line-height:1.4;letter-spacing:2px;margin:24px 0}.flow-hero .button{margin-top:22px;padding:16px 30px;font-size:17px}.hero-emblem{display:grid;place-items:center;gap:30px;padding:70px 35px;border:1px solid var(--line);border-top-color:#eaffffab;background:linear-gradient(125deg,#c3eaff13,#498ccc08);border-radius:3px 55px 3px 55px;box-shadow:inset 0 1px #fff6,0 30px 100px #2c90d315}.hero-emblem img{width:100%;max-width:310px;height:auto}.hero-emblem span{font-size:14px;letter-spacing:3px;color:var(--muted)}
.flow-form{max-width:480px;margin-top:30px}.flow-form label{display:grid;gap:9px;font-size:15px;margin-bottom:20px}.flow-form input{padding:14px 16px}.identity-button{background:none;border:0;color:var(--ink);font-size:12px}.identity{display:block!important}.reviewbar button{background:none;border:0;color:var(--cyan);font-size:12px;padding:3px 10px}
.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}.activity-card{padding:28px;text-align:left;background:#4fa9e20a;border:1px solid var(--line);border-radius:3px 22px 3px 22px;color:var(--ink)}.activity-card h2{margin:20px 0 12px}.activity-card p{color:var(--muted)}.activity-card strong{font:24px Consolas;letter-spacing:5px;color:var(--cyan)}.activity-card.chosen{border-color:var(--cyan);box-shadow:inset 0 1px #f0fcff9c,0 0 0 1px #a9e0ff22;background:#56b9f312}
.config-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:24px}.config-heading p{color:var(--muted)}.phase-config{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:30px 0}.phase-config label{padding:22px;border:1px solid var(--line);border-radius:3px 18px 3px 18px}.phase-config label>span{font:14px Consolas;color:var(--cyan)}.phase-config input{width:90px;font:32px Consolas;padding:9px}.phase-config small{margin-left:10px;color:var(--muted)}
.picker-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:20px 0 30px}.picker-toolbar label{display:grid;gap:8px;font-size:13px;min-width:0;flex:1;max-width:440px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-height:580px;overflow:auto;padding:4px}.card-tile{text-align:left;color:var(--ink);background:#4598dc09;padding:22px;border:1px solid var(--line);border-radius:3px 17px 3px 17px}.card-tile:hover{border-color:var(--cyan);background:#4598dc15}.card-tile span,.card-tile p{font-size:13px;color:var(--muted)}.card-tile h2{font-size:19px;line-height:1.6}.card-tile b{font-size:13px;color:var(--cyan);font-weight:400}
.phase-summary{display:flex;flex-direction:column;align-items:center;padding:16px}.phase-summary strong{font:74px/1.3 Consolas;color:var(--cyan)}.phase-summary span{color:var(--muted);font-size:14px}.flow-confirm{inset:0;width:480px;height:fit-content;margin:auto;max-height:calc(100dvh - 32px)}.phase-current{color:var(--cyan);font-weight:bold}#change-card{margin-left:auto;font-size:12px;padding:6px 12px}#next-card{align-self:end;justify-self:end}.feedback{gap:16px}
.report-orbit{position:relative;width:110px;height:110px;margin:40px auto;display:grid;place-items:center}.report-orbit b{font-size:34px;color:var(--cyan)}.report-orbit i{position:absolute;inset:0;border-radius:50%;border:1px solid var(--line);border-top:3px solid var(--cyan);border-right:3px solid transparent;animation:orbit 2s linear infinite}.generation-steps{display:flex;justify-content:center;gap:40px;padding:20px;color:var(--muted);font-size:14px}#report-progress{text-align:center}.report-toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px}.report-paper section{padding:24px 0;border-top:1px solid var(--line);margin-top:25px}.report-paper article{border-left:2px solid var(--line);padding-left:22px;margin:24px 0}.report-paper p,.report-paper li{font-size:17px;line-height:1.9}.report-paper article h3{color:var(--cyan);font-size:16px}.flow-test-tools{max-width:1320px;margin:25px auto;padding:15px 25px;color:var(--muted);font-size:12px}.flow-test-tools summary{cursor:pointer}.flow-test-tools label,.flow-test-tools button{display:inline-block;margin:15px 12px 0 0}.flow-test-tools select,.flow-test-tools button{padding:8px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:4px}.flow-test-tools>span{display:block}.flow-test-tools select{max-width:100%}#local-feedback label{display:grid;gap:15px}#local-feedback textarea{min-height:160px}#login-error,#config-error{color:#da6478}
html[data-theme=light] .flow-surface{background:linear-gradient(125deg,#f9fdfff2,#edf6fff0);border-color:#94b6d3;border-top-color:white;box-shadow:inset 0 1px #fff,0 20px 70px #4a719720}
html[data-theme=light] .flow-test-tools select,html[data-theme=light] .flow-test-tools button{background:#eff6ff}
@keyframes orbit{to{transform:rotate(360deg)}}
@media(max-width:1000px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-hero{gap:25px;padding:25px}.phase-config{gap:12px}.phase-config label{padding:16px}.phase-config input{width:70px}.phase-config small{display:block;margin:7px 0}}
@media(max-width:700px){.flow-hero{grid-template-columns:1fr;min-height:0;padding:28px 10px}.hero-emblem{display:none}.flow-surface{padding:24px 20px}.flow-surface h1{font-size:26px}.flow-lead{font-size:17px}.activity-grid{grid-template-columns:1fr}.phase-config{grid-template-columns:1fr}.phase-config label{display:flex;align-items:center;gap:14px}.phase-config h2{font-size:17px;flex:1}.phase-config input{font-size:24px}.phase-config small{display:none}.card-grid{grid-template-columns:1fr;max-height:none}.picker-toolbar{align-items:start;flex-direction:column}.config-heading{flex-direction:column;align-items:start}.generation-steps{gap:20px;font-size:12px;flex-wrap:wrap}.identity{margin-left:auto}.nav{width:100%;justify-content:center;order:4}.flow-test-tools{margin:12px;padding:12px}.cardbar{flex-wrap:wrap}#flow-content{min-height:500px}.report-paper p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.report-orbit i{animation:none}}
.identity{margin-left:auto}
.flow-feedback-actions{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.flow-feedback-actions #back-to-card{align-self:auto}
.hero-emblem{position:relative;isolation:isolate;aspect-ratio:1995/1250;min-height:0;padding:12% 9%;gap:12px;background:#09243b url('brand-references/boardgame-box-cover.jpg') center/100% 100% no-repeat;border:0;border-radius:3px 28px 3px 28px;overflow:hidden}.hero-emblem img{position:relative;max-width:76%;max-height:100%;width:76%;filter:drop-shadow(0 8px 12px #00173080)}.hero-emblem span{color:#e4f3ff;font-size:12px;letter-spacing:2px;text-shadow:0 2px 6px #001326}
.auth-surface{max-width:650px}.auth-surface .flow-form{max-width:none}.auth-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin:15px 0 28px}.auth-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:14px 0;color:var(--muted);font-size:15px}.auth-tabs [aria-selected=true]{color:var(--cyan);border-color:var(--cyan)}.code-entry{display:flex;gap:10px;min-width:0}.code-entry input{flex:1;min-width:0;width:100%}.code-entry button{flex-shrink:0}.auth-submit{width:100%;padding:14px;font-size:16px}.auth-links{display:flex;justify-content:space-between;margin-top:22px}.auth-links button,.auth-back{background:none;border:0;color:var(--cyan);padding:0;font-size:14px}.auth-back{margin-top:15px;color:var(--muted)}
.reader.is-idle .cardbar,.reader.is-idle .page-stack{display:none!important}.idle-card{padding:32px;min-height:560px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,#24759b17,transparent 65%)}.select-card{width:100%;min-height:490px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;border:0;background:none;color:var(--ink);position:relative}.select-card strong{font-size:clamp(34px,4vw,56px);font-weight:600;letter-spacing:5px}.select-card>span:last-of-type{font-size:15px;color:var(--muted);letter-spacing:1px}.select-card>b{font-size:25px;color:var(--cyan);margin-top:5px;font-weight:400}.idle-card-symbol{display:block;width:108px;height:103px;position:relative;margin-bottom:12px}.idle-card-symbol i{position:absolute;width:65px;height:88px;left:22px;top:7px;border:1px solid var(--cyan);border-radius:2px 15px 2px 15px;background:linear-gradient(130deg,#cbf6ff18,#377aaa12);box-shadow:inset 0 1px #ffffffb0,0 0 25px #32aaff15;transform:rotate(-16deg) translateX(-17px)}.idle-card-symbol i:nth-child(2){transform:rotate(16deg) translateX(17px)}.idle-card-symbol i:last-child{transform:none;backdrop-filter:blur(8px)}.select-card:hover strong{color:var(--cyan)}.select-card:focus-visible{outline-offset:-8px}
.flow-card-picker{position:fixed;inset:0;margin:auto;width:min(940px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:28px;background:#10253bef;color:var(--ink);border:1px solid #a7d2eda8;border-top-color:#f3fcff;border-radius:3px 24px 3px 24px;box-shadow:0 30px 100px #0006;backdrop-filter:blur(22px)}.flow-card-picker::backdrop{background:#04122755;backdrop-filter:blur(3px)}.flow-card-picker .drawer-head h2{font-size:25px;margin:0}.flow-card-picker .card-grid{max-height:44dvh;overflow:auto;grid-template-columns:repeat(3,minmax(0,1fr))}.flow-card-picker .card-tile{padding:18px}.flow-card-picker .picker-toolbar{align-items:end}.flow-card-picker .picker-toolbar label{max-width:none}.flow-card-picker .picker-toolbar button{flex-shrink:0;margin-bottom:1px}.flow-card-picker .drawer-close{font-size:22px;flex-shrink:0}
html[data-theme=light] .flow-card-picker{background:#f2f8fff5;border-color:#8bb2d3;border-top-color:#fff}html[data-theme=light] .idle-card{background:radial-gradient(ellipse at 50% 45%,#a2d8ff2a,transparent 65%)}
@media(max-width:700px){.hero-emblem{display:grid;max-width:520px;width:100%;justify-self:center;padding:11% 8%}.flow-hero{gap:30px}.idle-card{min-height:430px;padding:20px}.select-card{min-height:390px}.flow-card-picker{padding:20px}.flow-card-picker .card-grid{grid-template-columns:1fr}.flow-card-picker .picker-toolbar{align-items:stretch}.code-entry{gap:6px}.code-entry button{padding:8px;font-size:12px}.auth-tabs{gap:16px}.auth-tabs button{font-size:13px}}