:root{--bg: #f5f6f8;--panel: #ffffff;--ink: #1d2433;--ink-soft: #5a6375;--ink-faint: #8a92a3;--line: #e1e5ec;--accent: #1f5fae;--accent-soft: #e8f0fb;--accent-ink: #ffffff;--cta: #e0663a;--cta-ink: #ffffff;--mine: #1f5fae;--mine-fill: rgba(31, 95, 174, .22);--target: #e0663a;--danger: #c23b3b;--paper: #ffffff;--paper-line: #cfd5df;--radius: 14px;--shadow: 0 1px 2px rgba(20, 30, 50, .06), 0 4px 16px rgba(20, 30, 50, .06);color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic UI,sans-serif;line-height:1.7;-webkit-text-size-adjust:100%}h1,h2,h3{line-height:1.35;margin:0}p{margin:0}main{max-width:1080px;margin:0 auto;padding:24px 16px 64px}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.is-embed .site-header{display:none}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;color:var(--ink-soft)}.brand-mark{width:18px;height:18px;border-radius:4px;background:radial-gradient(circle at 30% 30%,var(--accent) 0 28%,transparent 29%),linear-gradient(135deg,transparent 55%,var(--cta) 56%);border:1.5px solid var(--ink-soft)}.header-cta{font-size:.85rem;font-weight:700;color:var(--accent);text-decoration:none;padding:6px 12px;border:1.5px solid var(--accent);border-radius:999px;white-space:nowrap}.header-cta:hover{background:var(--accent-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 20px;border-radius:10px;border:1.5px solid transparent;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;transition:background .15s,transform .05s}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:#184d8f}.btn-secondary{background:var(--panel);color:var(--accent);border-color:var(--accent)}.btn-text{background:none;color:var(--accent);min-height:36px;padding:4px 0;font-weight:600;font-size:.9rem}.btn-cta{background:var(--cta);color:var(--cta-ink)}.btn-cta:hover{background:#c9552b}.btn-large{min-height:52px;padding:12px 32px;font-size:1.05rem}:focus-visible{outline:3px solid #f0b429;outline-offset:2px}.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.08em;color:var(--accent)}.hero{position:relative;display:grid;gap:16px;justify-items:start;padding:40px 0 32px}.hero h1{font-size:clamp(2rem,6vw,3rem);letter-spacing:.02em}.hero .lead{max-width:34em;font-size:1.05rem;color:var(--ink-soft)}.hero-meta{display:flex;flex-wrap:wrap;gap:8px}.hero-meta span{font-size:.8rem;padding:2px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:600}.steps h2,.note h2,.insights h2{font-size:1.15rem;margin-bottom:12px}.steps ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.steps li{display:flex;gap:12px;background:var(--panel);padding:16px;border-radius:var(--radius);box-shadow:var(--shadow)}.steps h3{font-size:1rem;margin-bottom:4px}.steps p{font-size:.88rem;color:var(--ink-soft)}.step-num{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:.9rem}.note{margin-top:24px;padding:16px 20px;border-left:4px solid var(--cta);background:#fff6f1;border-radius:0 var(--radius) var(--radius) 0}.note p{font-size:.92rem;color:var(--ink-soft)}.round-head{margin:8px 0 16px}.round-head h1{font-size:1.5rem}.panel{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;display:grid;gap:12px}.panel h2{font-size:.95rem;color:var(--ink-soft)}.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.actions.center{justify-content:center;margin-top:24px}.summary{max-width:860px}.summary-scores{list-style:none;margin:0;padding:0;display:grid;gap:4px}.summary-scores li{display:grid;grid-template-columns:3.5em 1fr auto auto;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.summary-scores li:last-child{border-bottom:none}.summary-level{font-size:.75rem;font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:999px;text-align:center;padding:2px 0}.summary-title{font-weight:700}.summary-score{font-size:1.3rem;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.summary-asked{font-size:.8rem;color:var(--ink-faint)}.insights{margin:32px 0 16px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;border-top:4px solid var(--accent)}.card h3{font-size:1rem;margin-bottom:6px}.card p{font-size:.9rem;color:var(--ink-soft)}.training p{font-size:.95rem}.specs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0}.specs div{background:var(--bg);border-radius:10px;padding:10px 12px}.specs dt{font-size:.75rem;color:var(--ink-faint);font-weight:700}.specs dd{margin:0;font-weight:700;font-size:.95rem}.cta{margin-top:24px;padding:28px 24px;border-radius:var(--radius);background:linear-gradient(135deg,#1d2433,#2a3a5c);color:#fff;display:grid;gap:12px;justify-items:start}.cta h2{font-size:1.35rem}.cta p{color:#ffffffd1;max-width:36em}.header-actions{display:flex;align-items:center;gap:4px}.header-link{font:inherit;font-size:.85rem;font-weight:700;color:var(--ink-soft);background:none;border:none;padding:6px 10px;border-radius:999px;cursor:pointer}.header-link:hover{background:var(--accent-soft);color:var(--accent)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.note .btn-text{margin-top:4px}.summary .panel+.panel{margin-top:16px}.guide-teaser{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-radius:var(--radius);background:var(--accent-soft);border:1px solid #cddcf2}.guide-teaser h2{font-size:1.1rem;margin-bottom:4px}.guide-teaser p{font-size:.9rem;color:var(--ink-soft)}.guide-teaser .btn{flex:none}.guide{max-width:820px}.guide-back{margin-bottom:4px}.guide-hero{display:grid;gap:14px;padding:8px 0}.guide-hero h1{font-size:clamp(1.6rem,4.6vw,2.3rem);letter-spacing:.01em}.guide-hero .lead{font-size:1.02rem;color:var(--ink-soft)}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}.summary-card{font:inherit;text-align:left;display:grid;gap:2px;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);cursor:pointer;color:var(--ink)}.summary-card:hover{border-color:var(--accent)}.summary-card strong{font-size:1rem}.summary-card span:last-child{font-size:.85rem;color:var(--ink-soft)}.summary-card-no{font-size:.75rem;font-weight:800;color:var(--accent);letter-spacing:.06em}.summary-card-no:before{content:"理由 "}.guide-toc{position:sticky;top:57px;z-index:5;display:flex;gap:6px;overflow-x:auto;margin:0 -16px;padding:10px 16px;background:var(--bg);scrollbar-width:none}.toc-chip{flex:none;font:inherit;font-size:.82rem;font-weight:600;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);cursor:pointer}.toc-chip:hover{border-color:var(--accent);color:var(--accent)}.guide-section{scroll-margin-top:120px;margin-top:20px;padding:24px;border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);display:grid;gap:16px}.guide-section h2{font-size:1.3rem}.guide-text{font-size:.98rem;line-height:1.85}.reason-head{display:grid;gap:4px}.reason-no{justify-self:start;font-size:.78rem;font-weight:800;letter-spacing:.06em;color:#fff;background:var(--accent);padding:2px 10px;border-radius:999px}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.example{padding:12px 14px;border-radius:10px;background:var(--bg);display:grid;gap:4px}.example-tag{justify-self:start;font-size:.75rem;font-weight:700;color:var(--cta);border:1px solid var(--cta);border-radius:6px;padding:0 8px}.example p{font-size:.92rem}.in-game{padding:14px 16px;border-left:4px solid var(--cta);border-radius:0 10px 10px 0;background:#fff6f1;display:grid;gap:4px}.in-game-label{font-size:.78rem;font-weight:800;color:var(--cta)}.in-game p:last-child{font-size:.93rem}.bar-chart{margin:0;padding:16px;border-radius:12px;border:1px solid var(--line);display:grid;gap:10px}.bar-chart figcaption{font-size:.85rem;font-weight:700;color:var(--ink-soft)}.bar-row{display:grid;grid-template-columns:8.5em 1fr 6.5em;align-items:center;gap:10px}.bar-label{font-size:.85rem;font-weight:600}.bar-value{font-weight:800;font-variant-numeric:tabular-nums}.bar-track{position:relative;height:22px;border-radius:6px;background:var(--bg)}.bar-fill{position:absolute;inset:0 auto 0 0;border-radius:6px}.bar-tip{position:absolute;top:0;bottom:0;border-radius:0 6px 6px 0;opacity:.35}.bar-muted{background:#b9c2d1}.bar-accent{background:var(--accent)}.bar-warn{background:var(--cta)}.bar-marker{position:absolute;top:-4px;bottom:-4px;border-left:2px dashed var(--ink)}.bar-legend{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--ink-soft)}.flow-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px}.flow-card{padding:14px;border-radius:12px;border:1px solid var(--line);display:grid;gap:10px;justify-items:center;text-align:center}.flow-card-good{border-color:var(--accent);background:var(--accent-soft)}.flow-title{font-weight:800}.flow-line{display:flex;align-items:center;gap:8px}.flow-person{padding:6px 10px;border-radius:999px;background:var(--panel);border:1.5px solid var(--ink-soft);font-size:.85rem;font-weight:700;white-space:nowrap}.flow-arrow{font-size:.8rem;font-weight:700;color:var(--ink-soft);white-space:nowrap}.flow-arrow-both{display:grid;gap:2px;color:var(--accent)}.flow-note{font-size:.82rem;color:var(--ink-soft)}.cycle{margin:0;display:grid;gap:8px}.cycle ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cycle li{position:relative;display:grid;gap:2px;padding:12px;border-radius:10px;background:var(--bg);font-size:.82rem;color:var(--ink-soft)}.cycle li strong{font-size:.95rem;color:var(--ink)}.cycle li:not(:last-child):after{content:"→";position:absolute;right:-8px;top:50%;transform:translate(50%,-50%);color:var(--accent);font-weight:800;z-index:1}.cycle-no{font-size:.72rem;font-weight:800;color:var(--accent)}.cycle figcaption{font-size:.8rem;color:var(--ink-faint)}.timeline{list-style:none;margin:0;padding:0;display:grid}.timeline li{display:grid;grid-template-columns:4.5em 1fr;gap:14px;position:relative;padding-bottom:14px}.timeline li:before{content:"";position:absolute;left:calc(2.25em - 1px);top:28px;bottom:0;border-left:2px solid var(--line)}.timeline li:last-child:before{display:none}.timeline-min{justify-self:center;align-self:start;min-width:4.5em;text-align:center;font-size:.8rem;font-weight:800;padding:3px 0;border-radius:999px;background:var(--bg);border:1.5px solid var(--line);position:relative;z-index:1}.timeline li.is-debrief .timeline-min{background:var(--accent);border-color:var(--accent);color:#fff}.timeline h3{font-size:1rem}.timeline p{font-size:.9rem;color:var(--ink-soft)}.question-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.question-step{padding:14px;border-radius:12px;background:var(--bg);display:grid;align-content:start;gap:8px}.question-step-head{font-weight:800;display:grid}.question-step-head span{font-size:.72rem;color:var(--accent);letter-spacing:.08em}.question-step ul{margin:0;padding-left:1.1em;display:grid;gap:6px;font-size:.9rem}.fit-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.fit-list li{padding:6px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.88rem;font-weight:600}.fit-list li:before{content:"✓ "}.cta-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-on-dark{background:transparent;color:#fff;border-color:#fff9}.btn-on-dark:hover{background:#ffffff1a}.guide-sources{margin-top:24px;display:grid;gap:8px;font-size:.82rem;color:var(--ink-soft)}.guide-sources h2{font-size:.95rem;color:var(--ink)}.guide-sources ul{margin:0;padding-left:1.2em;display:grid;gap:6px}.guide-sources a{color:var(--ink-soft);overflow-wrap:anywhere}.timer{display:grid;gap:6px;min-width:min(100%,300px)}.timer-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.timer-time{font-size:clamp(1.8rem,5vw,2.8rem);font-weight:900;font-variant-numeric:tabular-nums;line-height:1}.timer-actions{display:flex;flex-wrap:wrap;gap:4px}.timer-track{display:block;height:6px;border-radius:3px;background:var(--line);overflow:hidden}.timer-bar{display:block;height:100%;background:var(--accent);transition:width .25s linear}.timer.is-low .timer-time{color:var(--warn, #9a5b00)}.timer.is-low .timer-bar{background:var(--warn, #9a5b00)}.timer.is-over .timer-time{color:var(--danger);animation:blink 1s steps(2) 3}@keyframes blink{50%{opacity:.3}}.timer-actions .btn{min-height:36px;padding:6px 12px;font-size:.85rem}.participant-url{display:grid;gap:8px;padding:14px;border-radius:12px;background:var(--accent-soft)}.participant-url strong{font-size:clamp(1rem,2.4vw,1.3rem);word-break:break-all}.participant-url a.btn{text-decoration:none}.participant-url-body{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center}.participant-url .qr{width:140px;padding:6px;border-radius:10px;background:#fff;border:1px solid var(--line)}.participant-url .qr svg{display:block;width:100%;height:auto;shape-rendering:crispEdges}@media (max-width: 520px){.participant-url-body{grid-template-columns:1fr;justify-items:start}}.link-msg{font-size:.85rem;font-weight:700;color:#1f8a54}.link-msg:empty{display:none}@media (max-width: 860px){.steps ol{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.specs{grid-template-columns:1fr 1fr}.question-steps{grid-template-columns:1fr}.cycle ol{grid-template-columns:1fr 1fr}.cycle li:nth-child(2):after{display:none}}@media (max-width: 640px){.hero{padding-top:16px}.steps ol{grid-template-columns:1fr}.brand span:last-child{font-size:.8rem}.summary-scores li{grid-template-columns:3.5em 1fr auto}.summary-asked{grid-column:2 / -1}.header-cta{padding:6px 10px;font-size:.8rem}.summary-cards,.example-grid,.flow-compare{grid-template-columns:1fr}.guide-section{padding:18px 16px}.bar-row{grid-template-columns:1fr auto}.bar-row .bar-track{grid-column:1 / -1;grid-row:2}.guide-teaser{flex-direction:column;align-items:flex-start}.hero-actions .btn{flex:1 1 100%}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.legend-line{width:0;height:14px;border-left:2px dashed var(--ink)}:root{--maru: #d23f36;--maru-soft: #fdecea;--batsu: #1f5fae;--batsu-soft: #e8f0fb;--ok: #1f6b47;--ok-soft: #e9f6ef;--warn-ink: #8a5a00;--warn-soft: #fff6e0}.mark{display:inline-grid;place-items:center;font-weight:900;line-height:1;border-radius:50%}.mark-o{color:var(--maru)}.mark-x{color:var(--batsu)}.mark-sm{font-size:1.1rem;width:1.6rem;height:1.6rem}.mark-md{font-size:2rem}.mark-lg{font-size:4.5rem;width:6rem;height:6rem;flex:none}.quiz-title{display:flex;align-items:baseline;gap:.05em}.title-o{color:var(--maru)}.title-x{color:var(--batsu);margin-right:.1em}.sample-sets{margin:28px 0 32px;display:grid;gap:10px;scroll-margin-top:72px}.sample-sets h2{font-size:1.15rem}.sample-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sample-card{display:grid;grid-template-rows:auto auto 1fr auto;gap:6px;padding:16px;border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);border-top:4px solid var(--maru)}.sample-card:nth-child(2n){border-top-color:var(--batsu)}.sample-card h3{font-size:1.1rem}.sample-lead{font-size:.92rem}.sample-fits{font-size:.8rem;color:var(--ink-faint)}.sample-card .btn{justify-self:start;margin-top:4px}.quiz{max-width:860px;margin:0 auto}.quiz-progress{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.progress-dots{list-style:none;margin:0;padding:0;display:flex;gap:6px}.progress-dots li{width:10px;height:10px;border-radius:50%;background:var(--line)}.progress-dots li.is-done{background:var(--accent)}.progress-dots li.is-now{background:var(--cta);transform:scale(1.3)}.quiz-card{padding:28px 24px;border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.quiz-text{font-size:clamp(1.25rem,3.2vw,1.8rem);font-weight:800;line-height:1.6;text-align:center}.host-card .quiz-text{font-size:clamp(1.4rem,4vw,2.4rem)}.answer-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.answer-btn{font:inherit;font-size:clamp(3.5rem,12vw,6rem);font-weight:900;line-height:1;min-height:140px;border-radius:var(--radius);border:3px solid currentColor;background:var(--panel);cursor:pointer;box-shadow:var(--shadow);transition:transform .08s ease,background .15s ease}.answer-o{color:var(--maru)}.answer-x{color:var(--batsu)}.answer-o:hover{background:var(--maru-soft)}.answer-x:hover{background:var(--batsu-soft)}.answer-btn:active{transform:scale(.97)}.answer-btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.quiz-note{margin-top:14px;font-size:.85rem;color:var(--ink-soft);text-align:center}.reveal-card{display:grid;gap:10px;padding:20px 24px;border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);border-left:6px solid var(--line)}.reveal-card.is-right{border-left-color:var(--ok)}.reveal-card.is-wrong{border-left-color:var(--cta)}.reveal-head{display:flex;align-items:center;gap:14px}.reveal-verdict{font-size:1.6rem;font-weight:900}.reveal-card.is-right .reveal-verdict{color:var(--ok)}.reveal-card.is-wrong .reveal-verdict{color:var(--cta)}.reveal-sub{font-size:.92rem;color:var(--ink-soft)}.reveal-question{font-weight:700;padding:10px 12px;border-radius:8px;background:var(--bg)}.reveal-explanation{line-height:1.8}.host-reveal .reveal-explanation{font-size:1.1rem}.reveal-source{font-size:.78rem;color:var(--ink-faint)}.quiz .panel,.quiz .actions{margin-top:16px}.facilitator-tip{border-top:4px solid var(--cta)}.tip-row{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px}.tip-tag{padding:2px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.78rem;font-weight:800;white-space:nowrap}.quiz-summary{max-width:860px;margin:0 auto}.score-big{display:flex;align-items:baseline;gap:4px}.score-big strong{font-size:3.2rem;font-weight:900;color:var(--accent);line-height:1}.score-big span{font-weight:700;color:var(--ink-soft)}.score-message{font-weight:700}.result-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.result-list li{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:var(--bg);font-size:.9rem}.result-icon{font-weight:900;text-align:center}.result-list li.is-right .result-icon{color:var(--ok)}.result-list li.is-wrong .result-icon{color:var(--cta)}.host-teaser{border-top:4px solid var(--accent)}.host-teaser>.btn{justify-self:start}.host-points{margin:0;padding-left:1.2em;display:grid;gap:4px;font-size:.92rem}.setup{max-width:860px;margin:0 auto}.setup .panel+.panel,.setup-notice+.panel{margin-top:16px}.setup .panel>.btn{justify-self:start}.setup-text{font-size:.92rem;color:var(--ink-soft)}.setup-notice{margin-bottom:12px;padding:10px 14px;border-radius:10px;background:var(--ok-soft);color:var(--ok);font-weight:700;font-size:.92rem}.btn-small{min-height:36px;padding:6px 12px;font-size:.85rem}.btn-danger{color:var(--danger)}.msg-list{display:grid;gap:6px}.msg-error,.msg-warn,.msg-ok{font-size:.88rem;padding:8px 12px;border-radius:8px}.msg-error{background:#fdecec;color:var(--danger)}.msg-warn{background:var(--warn-soft);color:var(--warn-ink)}.msg-ok{background:var(--ok-soft);color:var(--ok);font-weight:700}.privacy{max-width:860px;margin:20px auto 0;display:grid;gap:4px;justify-items:start;font-size:.82rem;color:var(--ink-faint)}.chip{font:inherit;font-size:.88rem;min-height:38px;padding:4px 14px;border-radius:999px;border:1.5px solid var(--accent);background:var(--panel);color:var(--accent);cursor:pointer}.chip.is-chosen{background:var(--accent);color:var(--accent-ink)}.set-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.set-choice{font:inherit;text-align:left;display:grid;gap:4px;padding:12px 14px;border-radius:10px;border:2px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer}.set-choice:hover{border-color:var(--accent)}.set-choice.is-chosen{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.set-choice-title{font-weight:800}.set-choice-meta{font-size:.8rem;font-weight:700;color:var(--accent)}.set-choice-lead{font-size:.8rem;color:var(--ink-soft)}.think-choices{display:flex;flex-wrap:wrap;gap:8px}.think-timer{margin-top:16px;display:grid;justify-items:center;gap:6px;text-align:center}.think-label{font-weight:700;color:var(--ink-soft)}.think-count{font-size:4rem;font-weight:900;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums}.think-go{font-size:clamp(2.4rem,8vw,4rem);font-weight:900;line-height:1.1;color:var(--cta)}.think-cue{font-weight:700}.counters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.counter{display:grid;gap:4px;padding:10px;border-radius:10px;background:var(--bg)}.counter-label{font-size:.85rem;font-weight:800}.counter-o .counter-label{color:var(--maru)}.counter-x .counter-label{color:var(--batsu)}.counter-changed .counter-label{color:var(--ink-soft)}.counter-row{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:6px}.counter-btn{font:inherit;font-size:1.2rem;font-weight:800;min-height:40px;border-radius:8px;border:1.5px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer}.counter-btn:hover{border-color:var(--accent)}.counter-input{font:inherit;font-size:1.1rem;font-weight:800;text-align:center;min-width:0;border-radius:8px;border:1.5px solid var(--line);background:var(--panel);color:var(--ink);-moz-appearance:textfield}.counter-input::-webkit-outer-spin-button,.counter-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.counter-input:focus{border-color:var(--accent);outline:none}.tally-bar:empty{display:none}.split-bar{display:flex;gap:3px;min-height:44px;border-radius:10px;overflow:hidden}.split-side{display:flex;align-items:center;gap:6px;min-width:0;padding:6px 10px;color:#fff;font-weight:800;white-space:nowrap}.split-o{background:var(--maru)}.split-x{background:var(--batsu);justify-content:flex-end}.split-side:not(.is-correct){opacity:.55}.split-bar:not(:has(.is-correct)) .split-side{opacity:1}.split-mark{font-size:1.3rem}.split-count{font-size:.85rem;overflow:hidden;text-overflow:ellipsis}.split-verdict{font-weight:800;padding:8px 12px;border-radius:8px}.split-verdict.split-split{background:var(--warn-soft);color:var(--warn-ink)}.split-verdict.split-lean,.split-verdict.split-agreed{background:var(--bg);color:var(--ink-soft)}.ask-panel{border-left:5px solid var(--cta)}.ask-list{margin:0;padding-left:1.2em;display:grid;gap:6px;font-weight:700}.host-summary{max-width:860px;margin:0 auto}.debrief-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.debrief-item{display:grid;gap:8px;padding:12px 14px;border-radius:10px;background:var(--bg);border-left:5px solid var(--line)}.debrief-item.is-split{border-left-color:var(--cta);background:var(--warn-soft)}.debrief-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.debrief-no{font-weight:800;font-size:.85rem}.debrief-badge{padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:800;background:var(--panel);color:var(--ink-soft);border:1px solid var(--line)}.badge-split{background:var(--cta);color:#fff;border-color:var(--cta)}.debrief-answer{margin-left:auto;display:inline-flex;align-items:center;gap:2px;font-size:.8rem;color:var(--ink-soft)}.debrief-text{font-weight:700}.debrief-steps{margin:0;padding-left:1.4em;display:grid;gap:6px}.tips{border-top:4px solid var(--accent)}.tip-list{margin:0;padding-left:1.2em;display:grid;gap:4px;font-size:.9rem}.title-input,.q-item textarea,.import-row select{font:inherit;font-size:.95rem;width:100%;min-width:0;padding:8px 10px;border-radius:8px;border:1.5px solid var(--line);background:var(--panel);color:var(--ink)}.q-item textarea{resize:vertical}.title-input:focus,.q-item textarea:focus,.import-row select:focus{border-color:var(--accent);outline:none}.import-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.import-row select{width:auto;flex:1 1 200px}.q-editor{list-style:none;margin:0;padding:0;display:grid;gap:10px}.q-item{display:grid;gap:8px;padding:12px;border-radius:10px;background:var(--bg)}.q-item-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.q-no{font-weight:800;font-size:.9rem;color:var(--accent)}.q-actions{display:flex;gap:2px}.q-answer{display:flex;align-items:center;gap:8px}.q-answer-label{font-size:.85rem;font-weight:700;color:var(--ink-soft)}.answer-toggle{font:inherit;font-size:1.4rem;font-weight:900;width:52px;height:44px;border-radius:10px;border:2px solid var(--line);background:var(--panel);color:var(--ink-faint);cursor:pointer}.answer-toggle-o.is-on{border-color:var(--maru);background:var(--maru);color:#fff}.answer-toggle-x.is-on{border-color:var(--batsu);background:var(--batsu);color:#fff}.answer-toggle-o:hover:not(.is-on){color:var(--maru)}.answer-toggle-x:hover:not(.is-on){color:var(--batsu)}@media (max-width: 640px){.sample-grid,.set-choices{grid-template-columns:1fr}.quiz-card{padding:20px 16px}.answer-btn{min-height:110px}.reveal-card{padding:16px}.mark-lg{font-size:3.2rem;width:4rem;height:4rem}.counters{grid-template-columns:1fr}.tip-row{grid-template-columns:1fr;gap:4px}.tip-row .tip-tag{justify-self:start}}.design-a{--bg: #f7f5f0;--panel: #ffffff;--ink: #1c1f26;--ink-soft: #585e68;--ink-faint: #8d929b;--line: #e6e1d8;--accent: #2f3fa8;--accent-soft: #eceefa;--accent-ink: #ffffff;--accent-dark: #24318a;--cta: #1c1f26;--cta-ink: #ffffff;--tint: #efebe3;--c1: #2f3fa8;--c1-soft: #eceefa;--c2: #e2664a;--c2-soft: #fdede8;--c3: #e3a21a;--c3-soft: #fdf3dc;--c3-ink: #9a6a00;--c4: #22948a;--c4-soft: #e2f3f1;--radius: 10px;--shadow: none}.design-a body{background:var(--bg);line-height:1.8}.design-a .site-header{background:#f7f5f0eb;border-bottom:1px solid var(--line);padding:12px 20px}.design-a .brand{color:var(--ink)}.design-a .brand-mark{border:none;border-radius:50%;background:var(--accent)}.design-a .header-cta{color:var(--ink);border-color:var(--ink)}.design-a .header-cta:hover,.design-a .header-link:hover{background:var(--tint);color:var(--ink)}.design-a .btn{border-radius:999px;transition:background .15s,border-color .15s,transform .08s}.design-a .btn-primary{background:var(--accent)}.design-a .btn-primary:hover:not(:disabled){background:var(--accent-dark)}.design-a .btn-secondary{background:transparent;color:var(--ink);border-color:#1c1f2647}.design-a .btn-secondary:hover:not(:disabled){border-color:var(--ink);background:var(--panel)}.design-a .btn-text{color:var(--accent);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.design-a .btn-cta{background:var(--cta)}.design-a .btn-cta:hover{background:#000}.design-a .btn-large{min-height:56px;padding:14px 34px}.design-a .eyebrow{color:var(--ink-soft);letter-spacing:.12em}.design-a .hero{padding:64px 0 56px;gap:22px}.design-a .hero h1{font-size:clamp(2.6rem,7vw,4.2rem);font-weight:800;letter-spacing:0;line-height:1.15}.design-a .hero .lead{max-width:30em;font-size:1.12rem;line-height:1.9}.design-a .hero-meta span{background:transparent;border:1px solid var(--line);color:var(--ink-soft);font-weight:600;padding:3px 12px}.design-a .steps,.design-a .note{margin-top:48px}.design-a .steps h2,.design-a .note h2,.design-a .insights h2{font-size:1.5rem;font-weight:800;margin-bottom:20px}.design-a .steps ol{gap:28px}.design-a .steps li{flex-direction:column;gap:8px;background:none;box-shadow:none;border-radius:0;padding:18px 0 0;border-top:2px solid var(--ink)}.design-a .step-num{width:auto;height:auto;place-items:start;background:none;color:var(--accent);font-size:1.8rem;font-weight:800;line-height:1}.design-a .steps h3{font-size:1.08rem}.design-a .steps p{font-size:.92rem}.design-a .note{border-left:none;border-radius:var(--radius);background:var(--tint);padding:32px}.design-a .panel{box-shadow:none;border-radius:var(--radius);padding:24px;gap:16px}.design-a .panel h2{color:var(--ink);font-size:1.05rem;font-weight:800}.design-a .summary-title{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800}.design-a .cta{margin-top:48px;padding:44px 36px;border-radius:var(--radius);background:var(--ink);gap:16px}.design-a .cta h2{font-size:clamp(1.4rem,3.4vw,1.9rem);font-weight:800}.design-a .cta .btn-cta{background:#fff;color:var(--ink)}.design-a .cta .btn-cta:hover{background:var(--tint)}.design-a .guide-teaser{border:none;background:var(--panel);border-radius:var(--radius);padding:28px}.design-a .guide-teaser h2{font-size:1.25rem;font-weight:800}.design-a .guide{max-width:760px}.design-a .guide-hero{padding:32px 0 16px;gap:18px}.design-a .guide-hero h1{font-size:clamp(2rem,5.6vw,3rem);font-weight:800;line-height:1.25}.design-a .guide-hero .lead{font-size:1.08rem;line-height:1.95}.design-a .summary-card{border:none;box-shadow:none;border-radius:var(--radius);padding:18px}.design-a .summary-card:hover{background:var(--accent-soft)}.design-a .guide-toc{background:var(--bg);border-bottom:1px solid var(--line)}.design-a .toc-chip{border:none;background:transparent;color:var(--ink-soft);padding:5px 10px}.design-a .toc-chip:hover{color:var(--accent);background:var(--accent-soft)}.design-a .guide-section{margin-top:0;padding:48px 0;border-radius:0;background:none;box-shadow:none;border-top:1px solid var(--line);gap:20px}.design-a .guide-section h2{font-size:clamp(1.4rem,3.6vw,1.85rem);font-weight:800;line-height:1.4}.design-a .guide-text{font-size:1.02rem;line-height:2}.design-a .reason-no{background:none;color:var(--accent);padding:0;font-size:.85rem;letter-spacing:.12em}.design-a .example{background:var(--panel);padding:16px 18px}.design-a .example-tag{border:none;padding:0;color:var(--accent)}.design-a .in-game{border-left:none;border-radius:var(--radius);background:var(--accent-soft);padding:20px 22px}.design-a .in-game-label{color:var(--accent)}.design-a .bar-chart,.design-a .flow-card,.design-a .question-step{box-shadow:none;border-color:var(--line)}.design-a .guide-sources{margin-top:48px}.design-a .brand-mark{width:22px;height:22px;border-radius:6px;background:radial-gradient(circle at 28% 28%,var(--c1) 0 22%,transparent 23%),radial-gradient(circle at 72% 28%,var(--c2) 0 22%,transparent 23%),radial-gradient(circle at 28% 72%,var(--c3) 0 22%,transparent 23%),radial-gradient(circle at 72% 72%,var(--c4) 0 22%,transparent 23%)}.design-a .hero-meta span{border:none;font-weight:700}.design-a .hero-meta span:nth-child(4n+1){background:var(--c1-soft);color:var(--c1)}.design-a .hero-meta span:nth-child(4n+2){background:var(--c2-soft);color:#b84a31}.design-a .hero-meta span:nth-child(4n+3){background:var(--c3-soft);color:var(--c3-ink)}.design-a .hero-meta span:nth-child(4n+4){background:var(--c4-soft);color:#17756d}.design-a .steps li:nth-child(4n+1){border-top-color:var(--c1)}.design-a .steps li:nth-child(4n+2){border-top-color:var(--c2)}.design-a .steps li:nth-child(4n+3){border-top-color:var(--c3)}.design-a .steps li:nth-child(4n+4){border-top-color:var(--c4)}.design-a .steps li{border-top-width:4px}.design-a .steps li:nth-child(4n+1) .step-num{color:var(--c1)}.design-a .steps li:nth-child(4n+2) .step-num{color:var(--c2)}.design-a .steps li:nth-child(4n+3) .step-num{color:var(--c3)}.design-a .steps li:nth-child(4n+4) .step-num{color:var(--c4)}.design-a .note{background:var(--c3-soft)}.design-a .cta{position:relative;overflow:hidden;background:var(--c1)}.design-a .cta:before,.design-a .cta:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.design-a .cta:before{width:220px;height:220px;right:-60px;top:-80px;background:var(--c2);opacity:.9}.design-a .cta:after{width:120px;height:120px;right:120px;bottom:-60px;background:var(--c3);opacity:.9}.design-a .cta>*{position:relative;z-index:1}.design-a .cta p{color:#ffffffe0}.design-a .summary-card{border-top:4px solid var(--c1)}.design-a .summary-card:nth-child(3n+2){border-top-color:var(--c2)}.design-a .summary-card:nth-child(3n+3){border-top-color:var(--c4)}.design-a .summary-card:nth-child(3n+2) .summary-card-no{color:var(--c2)}.design-a .summary-card:nth-child(3n+3) .summary-card-no{color:var(--c4)}.design-a #guide-reason2 .reason-no{color:var(--c2)}.design-a #guide-reason3 .reason-no{color:var(--c4)}.design-a .reason-no:before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:50%;background:currentColor;vertical-align:1px}.design-a .in-game{background:var(--c2-soft)}.design-a .in-game-label{color:#b84a31}.design-a .example:nth-child(4n+1) .example-tag{color:var(--c1)}.design-a .example:nth-child(4n+2) .example-tag{color:#b84a31}.design-a .example:nth-child(4n+3) .example-tag{color:var(--c3-ink)}.design-a .example:nth-child(4n+4) .example-tag{color:#17756d}.design-a .question-step:nth-child(3n+1) .question-step-head span{color:var(--c1)}.design-a .question-step:nth-child(3n+2) .question-step-head span{color:var(--c2)}.design-a .question-step:nth-child(3n+3) .question-step-head span{color:var(--c4)}.design-a .guide-teaser{background:var(--c4-soft)}.design-a .chip{border:1.5px solid rgba(28,31,38,.22);color:var(--ink)}.design-a .chip:hover{border-color:var(--ink)}.design-a .chip.is-chosen{background:var(--ink);border-color:var(--ink);color:#fff}.design-a .field input,.design-a .field textarea,.design-a .paste-area,.design-a .share-link{border-color:var(--line);border-radius:8px}.design-a .solo,.design-a .setup,.design-a .host{gap:24px}.design-a .solo-title{font-size:clamp(1.6rem,4.2vw,2.4rem);font-weight:800;line-height:1.3}.design-a .plan-list li{background:var(--bg);padding:10px 14px}.design-a .plan-list li.is-debrief{background:var(--accent-soft)}.design-a .step-chip{border:none;background:transparent;color:var(--ink-faint)}.design-a .step-chip.is-done{color:var(--ink-soft)}.design-a .step-chip.is-current{background:var(--ink);color:#fff}.design-a .stage{padding:clamp(24px,4vw,48px);gap:24px}.design-a .stage-head h1{font-size:clamp(1.8rem,4.6vw,3rem);font-weight:800;line-height:1.25}.design-a .promise-list{gap:20px}.design-a .timer-time{font-size:clamp(2.4rem,6vw,4rem);font-weight:800}.design-a .timer-track{height:4px}.design-a .timer-bar{background:var(--ink)}.design-a .big-question{font-size:clamp(1.5rem,4vw,2.4rem);font-weight:800}.design-a .question-no{color:var(--accent);letter-spacing:.06em}.design-a .host-tip{background:transparent;border-top:1px solid var(--line);border-radius:0;padding:12px 0 0}.design-a .participant-url{background:var(--panel);padding:24px}.design-a .participant-url .qr{border:none}.design-a .participant-section h2{font-size:1.5rem;font-weight:800}.design-a .participant-section .participant-url{background:var(--c1-soft)}.design-a .participant-url .qr{background:#fff;padding:8px}.design-a .rule-list li::marker,.design-a .promise-list li::marker{color:var(--c2);font-weight:800}.design-a .chip.is-chosen{background:var(--c1);border-color:var(--c1)}.design-a .step-chip.is-current{background:var(--c2)}.design-a .step-chip.is-done{color:var(--c1)}.design-a .timer-bar{background:var(--c4)}.design-a .timer.is-low .timer-bar{background:var(--c3)}.design-a .plan-list li.is-debrief{background:var(--c4-soft)}.design-a .plan-min{color:var(--c1)}.design-a.is-embed .hero{padding-top:24px}.design-a{--maru: #d4573c;--maru-soft: var(--c2-soft);--batsu: var(--c1);--batsu-soft: var(--c1-soft);--ok: #17756d;--ok-soft: var(--c4-soft);--warn-ink: var(--c3-ink);--warn-soft: var(--c3-soft)}.design-a .msg-error{background:var(--c2-soft)}