@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap";
:root{--bg:#fbf4f4;--surface:#fff;--surface-alt:#f5eded;--ink:#181b1d;--muted:#3f4950;--faint:#606b72;--line:#e3dadd;--control:#80898e;--primary:#181b1d;--primary-hover:#000;--on-primary:#fff;--blue:#e2f0f7;--pink:#f7e5e7;--mint:#e5f2e9;--soft-ink:#1f698f;--shadow:0 12px 40px #253b5b0b;--gradient:linear-gradient(115deg, #d9ecf5 0%, #f5eded 53%, #e3a5aa 100%);--focus:#5075b3;--good:#2f8f5b;--bad:#c23a4b;--gold:#f4c94a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#181b1d;--surface:#24282b;--surface-alt:#2d3337;--ink:#fbf4f4;--muted:#c0c8cd;--faint:#aab7be;--line:#485158;--control:#75859e;--primary:#e3a5aa;--primary-hover:#edbec2;--on-primary:#181b1d;--blue:#253b57;--pink:#413044;--mint:#1d4139;--soft-ink:#c0d1e9;--shadow:0 12px 40px #0002;--gradient:linear-gradient(115deg, #263f4d, #2d3337 53%, #50363d);--focus:#aacaff;--good:#5fbf86;--bad:#f08a96;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,Arial,sans-serif;line-height:1.5}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2}em{font-family:DM Serif Display,Georgia,serif;font-style:normal;font-weight:400}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}input,select,textarea{background:var(--surface);border:1px solid var(--control);border-radius:8px;width:100%;padding:8px 10px}textarea{min-height:120px}.skip-link{position:absolute;left:-999px}.skip-link:focus{background:var(--surface);z-index:10;padding:8px;top:16px;left:16px}.bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 24px;display:flex}.bar .datmos-logo{width:auto;height:16px;color:var(--ink);display:block}.bar-sep{color:var(--faint)}.bar-app{border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:600;display:inline-flex}.bar-space{flex:1}.bar-pts{background:var(--gradient);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700}.bar-me{background:var(--pink);border-radius:50%;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.icon-button,.link-button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:6px}.link-button{font-size:14px;text-decoration:underline}.journey{border-bottom:1px solid var(--line);white-space:nowrap;align-items:center;gap:14px;padding:10px 24px;font-size:13px;display:flex;overflow-x:auto}.journey-title{font-size:15px;font-weight:600}.journey ol{align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.journey li{align-items:center;display:flex}.stop a{color:var(--faint);align-items:center;gap:8px;padding:2px 4px;display:flex}.stop+.stop:before{content:"";background:var(--line);vertical-align:middle;border-radius:2px;width:26px;height:3px;margin-right:6px;display:inline-block}.stop.done+.stop:before{background:var(--primary)}.stop small{color:var(--faint);font-size:11px;display:block}.stop-dot{border:2px solid var(--line);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:grid}.stop.done a{color:var(--ink)}.stop.done .stop-dot{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.stop.next a{color:var(--ink);font-weight:700}.stop.next .stop-dot{border-color:var(--primary);border-style:dashed}.tabs{border-bottom:1px solid var(--line);gap:4px;padding:0 24px;display:flex;overflow-x:auto}.tab{color:var(--faint);white-space:nowrap;border-bottom:3px solid #0000;padding:12px 14px;font-weight:600}.tab.on{color:var(--ink);border-color:var(--primary)}.tab.admin{margin-left:auto}.tab-live{vertical-align:middle;background:#e85d75;border-radius:50%;width:8px;height:8px;margin-left:6px;animation:1.4s infinite pulse;display:inline-block}.page{max-width:1080px;margin:0 auto;padding:28px 24px 64px}.page-title{margin-bottom:4px;font-size:34px;font-weight:400}.sub{color:var(--muted);margin-bottom:16px}.section-title{margin:32px 0 6px;font-size:20px}.notice{background:var(--pink);border-radius:10px;margin:10px 0;padding:10px 14px}.demo-flag{background:var(--gold);color:#181b1d;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px}.panel h2{margin-bottom:8px;font-size:18px}.grid2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;display:grid}.btn{background:var(--primary);color:var(--on-primary);border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-weight:700;display:inline-flex}.btn:hover{background:var(--primary-hover)}.btn.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn.small{padding:6px 12px;font-size:14px}.btn.danger{background:var(--bad);color:#fff}.meter{background:var(--surface-alt);border-radius:5px;height:10px;margin:8px 0 4px;overflow:hidden}.meter i{background:var(--primary);height:100%;display:block}.plus{background:var(--gold);color:#181b1d;border-radius:999px;padding:2px 10px;font-size:14px;font-weight:700;animation:.6s ease-out pop;display:inline-block}.creature.silhouette{filter:brightness(0)opacity(.35)}.bounce{animation:1s ease-in-out infinite bounce}@keyframes bounce{50%{transform:translateY(-8px)}}@keyframes pop{0%{transform:scale(.4)translateY(10px)}70%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pulse{0%{box-shadow:0 0 #e85d7588}70%{box-shadow:0 0 0 10px #e85d7500}}.live-banner{background:var(--gradient);border-radius:18px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:18px;padding:18px 22px;display:flex}.live-banner .dot{background:#e85d75;border-radius:50%;width:12px;height:12px;animation:1.4s infinite pulse}.live-banner div{flex:1;min-width:200px}.mine{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.mine .art{background:var(--gradient);border-radius:16px;padding:8px}.rows{gap:6px;display:grid}.row{border-radius:10px;grid-template-columns:24px 40px 1fr auto;align-items:center;gap:10px;padding:4px 10px;display:grid}.row.you{background:var(--pink)}.row .rank{color:var(--faint);font-weight:700}.squad-row{grid-template-columns:24px 1fr auto;align-items:center;gap:4px 10px;padding:6px 8px;display:grid}.squad-row .meter{grid-column:2/4;height:8px;margin:0}.filters{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.chip{border:1px solid var(--line);background:0 0;border-radius:999px;padding:4px 12px;font-size:13px}.chip.on{background:var(--pink);border-color:var(--primary)}.herd-group{background:var(--surface);border:1px solid var(--line);border-radius:18px;margin-top:12px;padding:14px 16px}.herd-group header{justify-content:space-between;margin-bottom:6px;font-weight:700;display:flex}.herd{flex-wrap:wrap;gap:4px;display:flex}.herd-item{text-align:center;width:78px;color:var(--faint);font-size:11px;line-height:1.2}.herd-item svg{margin:0 auto;display:block}details summary{cursor:pointer;margin-top:8px;font-weight:600}.picker{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.pick{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:16px;padding:10px}.pick.on{outline:3px solid var(--primary);outline-offset:2px}.swatches{flex-wrap:wrap;gap:10px;margin:8px 0;display:flex}.swatch{border:3px solid #0000;border-radius:50%;width:34px;height:34px}.swatch.on{border-color:var(--ink)}.evo{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:18px;display:flex}.evo figure{text-align:center;margin:0}.evo figcaption small{color:var(--faint);display:block}.shop{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;gap:16px;display:grid}.preview{background:var(--gradient);border-radius:16px;place-items:center;gap:4px;padding:14px;display:grid}.gear-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.gear{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.gear small{color:var(--faint);display:block}.gear.on{border-color:var(--primary);background:var(--pink)}.gear:disabled{opacity:.5}.sess-list{gap:16px;margin-top:18px;display:grid}.sess{background:var(--surface);border:1px solid var(--line);border-radius:18px;grid-template-columns:1fr auto;gap:16px;padding:20px;scroll-margin-top:20px;display:grid}.sess.next{border:2px dashed var(--primary);background:var(--surface-alt)}.sess h2{margin:8px 0 2px;font-size:22px}.sess .meta{color:var(--faint);font-size:14px}.sess .desc{color:var(--muted);margin:10px 0 14px}.badge{border-radius:999px;margin-right:6px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.badge.next,.badge.live{background:var(--primary);color:var(--on-primary)}.badge.done{background:var(--mint)}.badge.upcoming{background:var(--blue)}.badge.test{background:var(--gold);color:#181b1d}.links{flex-wrap:wrap;gap:10px;display:flex}.link-card{background:var(--surface-alt);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.link-card small{color:var(--faint);font-weight:500;display:block}.link-card.off{opacity:.45}.result{background:var(--surface-alt);border-radius:14px;min-width:230px;padding:14px;font-size:14px}.result .big{font-size:26px;font-weight:700}.result .line{color:var(--muted);justify-content:space-between;margin-top:6px;display:flex}@media (max-width:720px){.sess{grid-template-columns:1fr}}.answers{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.answer{color:#181b1d;text-align:left;border:0;border-radius:14px;align-items:center;gap:12px;padding:18px;font-size:18px;font-weight:700;display:flex;position:relative;overflow:hidden}.answer.a0{background:#e3a5aa}.answer.a1{background:#8cc3e0}.answer.a2{background:#9ccfae}.answer.a3{background:#f4c94a}.answer .fill{background:#0002;transition:width .8s;position:absolute;inset:0 auto 0 0}.answer>span{position:relative}.answer .count{margin-left:auto;font-size:15px}.answer.right{outline:4px solid var(--ink);outline-offset:2px}.answer.wrong{opacity:.35}.answer.picked{outline:4px dashed var(--ink);outline-offset:2px}.player{gap:14px;max-width:460px;margin:0 auto;display:grid}.player-head{align-items:center;gap:10px;display:flex}.player-head .plus{margin-left:auto}.player .answers{grid-template-columns:1fr}.player .answer{padding:22px;font-size:18px}.big-msg{text-align:center;justify-items:center;gap:8px;padding:24px 0;display:grid}.big-msg strong{font-size:22px}.screen{align-content:start;gap:20px;min-height:100vh;padding:28px 40px 110px;display:grid}.screen-top{align-items:center;gap:14px;display:flex}.screen .tag{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;font-size:14px}.screen-q{font-size:40px;line-height:1.15}.screen .answer{padding:22px;font-size:24px}.timer{border-radius:50%;place-items:center;width:84px;height:84px;font-size:30px;font-weight:700;display:grid}.timer span{background:var(--bg);border-radius:50%;place-items:center;width:68px;height:68px;display:grid}.crowd{flex-wrap:wrap;gap:4px;display:flex}.crowd figure{text-align:center;width:70px;color:var(--faint);margin:0;font-size:12px}.crowd figure.waiting svg{opacity:.3}.podium{justify-content:center;align-items:flex-end;gap:18px;display:flex}.pod{text-align:center;width:180px}.pod-block{background:var(--gradient);border-radius:12px 12px 0 0;place-items:center;font-size:30px;font-weight:700;display:grid}.screen .rows .row{grid-template-columns:34px 56px 1fr auto auto;font-size:20px}.evolved{background:var(--pink);border-radius:16px;align-items:center;gap:12px;padding:12px 16px;animation:.8s pop;display:flex;position:fixed;top:28px;right:28px}.controls{background:var(--surface);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 24px;display:flex;position:fixed;bottom:0;left:0;right:0}.controls .plan{flex:1;gap:6px;display:flex;overflow-x:auto}.controls .plan button{border:1px solid var(--line);background:var(--surface-alt);white-space:nowrap;border-radius:8px;padding:4px 8px;font-size:12px}.controls .plan button.used{opacity:.4}.form{gap:10px;display:grid}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.field{gap:4px;font-size:14px;font-weight:600;display:grid}.check{align-items:center;gap:8px;font-size:14px;display:flex}.check input{width:auto}.q-list{gap:8px;margin:10px 0;display:grid}.q-item{background:var(--surface-alt);border-radius:12px;gap:4px;padding:10px 14px;display:grid}.q-item .acts{flex-wrap:wrap;gap:8px;display:flex}.q-item ol{color:var(--muted);margin:0;padding-left:20px}.q-item .ok{color:var(--good);font-weight:700}.part-title{justify-content:space-between;align-items:baseline;margin-top:24px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:720px){.bar{gap:8px;padding:10px 16px}.bar-sep,.bar-me,.bar-app .label{display:none}}@media (max-width:560px){.tabs,.journey{padding-left:16px;padding-right:16px}.page{padding:20px 16px 48px}.page-title{font-size:28px}}