.clair-page{color:#243d58;max-width:1120px;margin:auto;padding:24px 24px 64px}.clair-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.clair-header img{width:100px}.clair-header a{color:#245d66;font-weight:700}.clair-intro{text-align:center;max-width:780px;margin:32px auto}.clair-intro h1{margin-bottom:10px;font-size:clamp(38px,6vw,62px)}.clair-intro h2{font-size:26px}.clair-intro p{line-height:1.8}.clair-play-note{color:#526479;font-size:14px}.clair-stage{text-align:center;background:#fffdf8;border:1px solid #d5cfe5;border-radius:28px;padding:28px}.clair-audio{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.clair-page button{color:#243d58;min-height:48px;font:inherit;cursor:pointer;background:#fff;border:1px solid #5b7189;border-radius:999px;padding:12px 22px}.clair-page button.game-pink-button{color:#fff;background:#a92e7d;border:2px solid #a92e7d;font-weight:700}.clair-page button:disabled{opacity:.5;cursor:default}.clair-page button:focus-visible,.clair-page a:focus-visible{outline-offset:4px;outline:3px solid #276d7c}.clair-welcome{flex-direction:column;align-items:center;gap:16px;margin:22px auto;display:flex}.clair-welcome>.bud-picture{max-width:250px}.clair-welcome fieldset{border:0;flex-wrap:wrap;justify-content:center;gap:18px;padding:15px;display:flex}.clair-welcome label{align-items:center;gap:9px;min-height:48px;display:flex}.clair-welcome input{accent-color:#a92e7d;width:22px;height:22px}.clair-secret-card{color:#fff0c6;background:linear-gradient(140deg,#745b9e,#485a8e);border:6px solid #d8bedf;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;width:180px;height:210px;display:flex;box-shadow:0 12px 24px #36416b20}.clair-secret-card b{font-size:85px;line-height:1.3}.clair-secret-card span{font-size:24px}.clair-reveal-zone{background:linear-gradient(#e5eff6 70%,#e3ecd8 70%);border-radius:24px;justify-content:center;align-items:center;max-width:550px;min-height:260px;margin:20px auto;padding:20px;display:flex}.clair-reveal-zone.scene-2,.clair-reveal-zone.scene-6{background:linear-gradient(#e2dfef 70%,#d3dfd1 70%)}.clair-opened-card{width:250px;animation:.6s ease-out clair-reveal}.clair-opened-card .bud-picture{width:100%;display:block}.clair-prompt{max-width:680px;margin:24px auto;font-size:clamp(20px,3vw,26px);font-weight:700;line-height:1.5}.clair-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:660px;margin:20px auto 25px;display:grid}.clair-choices.choices-3{grid-template-columns:repeat(3,minmax(0,1fr))}.clair-page .clair-choices button{border:3px solid #d4dfdf;border-radius:24px;padding:8px;position:relative}.clair-choices button.chosen{background:#fcecf6;border-color:#a92e7d}.clair-choices .bud-picture{width:100%;display:block}.clair-choices button span{padding:8px;font-weight:700;display:block}.clair-choices button b{color:#8b2865;padding:6px;font-size:13px;display:block}.clair-trail{flex-wrap:wrap;justify-content:center;gap:10px;margin:25px 0;padding:0;list-style:none;display:flex}.clair-trail li{color:#6b6778;background:#ece9f0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.clair-trail li.visited{color:#76395e;background:#ead0e1}.clair-trail li[aria-current]{outline-offset:3px;outline:2px solid #a92e7d}.clair-result{background:#edf4e7;border-radius:20px;max-width:650px;margin:20px auto;padding:22px}.clair-result p{line-height:1.7}.clair-page .clair-restart{background:0 0;margin:28px auto 0;font-size:14px;display:block}.clair-guide{background:#edf4ef;border-radius:22px;margin-top:16px;padding:24px}.clair-guide p{line-height:1.8}.clair-sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes clair-reveal{0%{transform:translateY(12px)scale(.9)}to{transform:translateY(0)scale(1)}}@media (width<=600px){.clair-page{padding:18px 14px 45px}.clair-stage{padding:20px 12px}.clair-header img{width:80px}.clair-header a{font-size:14px}.clair-choices{gap:8px}.clair-page .clair-choices button{padding:3px}.clair-choices button span{font-size:14px}.clair-secret-card{width:150px;height:185px}.clair-reveal-zone{min-height:230px;padding:15px}.clair-trail{gap:6px}.clair-trail li{width:28px;height:28px}}@media (prefers-reduced-motion:reduce){.clair-opened-card{animation:none}}.clair-page .bud-picture{width:100%;height:auto;display:block}