:root{--ink:#23221e;--muted:#706d65;--paper:#00c4cc;--card:#fff;--line:#d6d3d0;--accent:#0077c7;--accent-soft:#e5f1f9;--focus:#0077c7;--radius:20px}*,:before,:after{box-sizing:border-box}body{background:var(--paper);color:var(--ink);overflow-wrap:anywhere;text-wrap:pretty;margin:0;font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif;line-height:1.7}[lang=ja]{word-break:keep-all}.title,.prompt,.result-name,.result-catchphrase{text-wrap:balance}main{justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem 1rem;display:flex}#stage{width:min(100%,40rem)}.ja,.en{display:block}.en{color:var(--muted);font-size:.875em;line-height:1.55}.panel{background:var(--card);border-radius:var(--radius);padding:1.5rem 1.25rem}.start{padding:0;overflow:hidden}.key-visual{aspect-ratio:3/2;object-fit:contain;background:var(--card);width:100%;max-width:100%;height:auto;display:block}.start-body{text-align:center;padding:1.5rem 1.25rem 1.75rem}.title{margin:0 0 1.25rem;font-size:1.75rem;line-height:1.35}.title .en{margin-top:.375rem;font-size:1rem;font-weight:400}.intro p{margin:0 0 .75rem}.intro p:last-child{margin-bottom:0}.intro .en{border-top:2px dashed var(--line);margin-top:1.25rem;padding-top:1rem}.start .button-large{width:100%}.powered-by{color:var(--muted);letter-spacing:.02em;text-align:center;margin:1.5rem 0 0;font-size:.875rem}.progress{margin-bottom:1.25rem}.progress-label{color:var(--accent);text-align:center;margin:0 0 .5rem;font-weight:700}.progress-bar{background:var(--accent-soft);border:2px solid var(--accent);border-radius:999px;height:.75rem;overflow:hidden}.progress-bar span{background:var(--accent);height:100%;display:block}.prompt{text-align:center;margin:0 0 1.25rem;font-size:1.25rem;line-height:1.5}.prompt .en{margin-top:.25rem;font-size:.9rem;font-weight:400}.prompt:focus{outline:none}.choices{border:0;gap:.75rem;margin:0;padding:0;display:grid}.choice{background:var(--card);border:2px solid var(--line);cursor:pointer;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:.625rem;padding:.875rem .75rem;display:grid;position:relative}.choice:hover{border-color:var(--accent)}.choice input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.choice-badge{border:2px solid var(--accent);width:2rem;height:2rem;color:var(--accent);border-radius:50%;place-items:center;font-weight:700;display:grid}.choice-check{border:2px solid var(--line);border-radius:50%;width:1.5rem;height:1.5rem}.choice:has(input:checked){background:var(--accent-soft);border-color:var(--accent);border-width:3px;padding:calc(.875rem - 1px) calc(.75rem - 1px)}.choice:has(input:checked) .choice-badge{background:var(--accent);color:#fff}.choice:has(input:checked) .choice-check{background:var(--accent);border-color:var(--accent);position:relative}.choice:has(input:checked) .choice-check:after{content:"";border:3px solid #fff;border-width:0 3px 3px 0;width:.4rem;height:.75rem;position:absolute;top:.15rem;left:.4rem;transform:rotate(45deg)}.choice:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.hint{color:var(--muted);text-align:center;margin:1rem 0 0}.actions{flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-top:1.5rem;display:flex}.actions-center{justify-content:center}.button{background:var(--accent);border:2px solid var(--accent);min-width:8rem;color:var(--on-accent,#fff);font:inherit;text-align:center;cursor:pointer;border-radius:999px;padding:.75rem 1.5rem;font-weight:700;line-height:1.4;text-decoration:none;display:inline-block}.button .en{color:inherit;font-size:.75rem;font-weight:400}.button:hover{filter:brightness(.92)}.button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.button-secondary{background:var(--card);color:var(--accent-text,var(--accent))}.button-large{padding:1rem 2.5rem;font-size:1.125rem}.button:disabled{background:var(--card);border-style:dashed;border-color:var(--muted);color:var(--muted);cursor:not-allowed;filter:none}.result{text-align:center}.result[data-type=builder]{--accent:#c62828;--accent-soft:#fde3e1}.result[data-type=explorer]{--accent:#ffb733;--accent-soft:#fff3d1;--accent-text:#8a5a00;--on-accent:#3a2600}.result[data-type=refiner]{--accent:#0c63a8;--accent-soft:#d8eefc}.result[data-type=guardian]{--accent:#006d6a;--accent-soft:#d9f2f1}.result[data-type=connector]{--accent:#c2185b;--accent-soft:#fde1ea}.result{border-color:var(--accent)}.result-lead{color:var(--muted);margin:0}.result-lead .en{font-size:.8rem}.result-image{aspect-ratio:1;width:min(100%,18rem);height:auto;margin:.75rem auto 0;display:block}.result-name{background:var(--accent-soft);border:3px solid var(--accent);border-radius:var(--radius);color:var(--accent-text,var(--accent));margin:.75rem 0;padding:1rem;font-size:1.75rem;line-height:1.35}.result-name:focus{outline:none}.result-name .en{color:var(--accent-text,var(--accent));font-size:1rem}.result-catchphrase{margin:0 0 1.25rem;font-size:1.125rem;font-weight:700}.result-catchphrase .en{font-size:.9rem;font-weight:400}.result-description p{margin:0 0 .75rem}.result-note{border-top:2px dashed var(--line);margin:1rem 0 0;padding-top:1rem}@media (width>=40rem){main{padding-block:3rem}.panel{padding:2rem}.start{padding:0}.start-body{padding:2rem}.title{font-size:2.25rem}.start .button-large{width:auto}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}