.jpk{--ink:#243c38;--green:#315c50;--cream:#f5f1e7;color:var(--ink);background:var(--cream);font-family:system-ui,'Noto Sans JP',sans-serif;line-height:1.8;border-radius:24px;padding:clamp(20px,5vw,64px);max-width:900px;margin:24px auto;box-sizing:border-box}.jpk *{box-sizing:border-box}.jpk h1,.jpk h2,.jpk h3{color:var(--ink);background:none;border:0;padding:0;line-height:1.5}.jpk h1{font-size:clamp(30px,6vw,52px);letter-spacing:.06em}.jpk .eyebrow{font-size:12px;letter-spacing:.2em;color:#526d62}.jpk button,.jpk .btn{background:var(--green);color:white;border:2px solid var(--green);border-radius:14px;padding:13px 20px;font:inherit;min-height:48px;cursor:pointer;display:inline-block;text-decoration:none;margin:5px 5px 5px 0}.jpk button.secondary{background:transparent;color:var(--green)}.jpk button:disabled{opacity:.5;cursor:default}.jpk :focus-visible{outline:3px solid #b25a32;outline-offset:4px}.jpk .options{display:grid;gap:10px;margin:24px 0}.jpk .options button{margin:0;text-align:left;background:#fffdf7;color:var(--ink);border-color:#d1dace}.jpk .options button[aria-pressed=true]{border-color:var(--green);background:#dce9dd}.jpk progress{width:100%;height:10px;accent-color:var(--green)}.jpk .card{background:#fffdf7;border:1px solid #cfd9cc;border-radius:24px;padding:28px;margin:24px 0}.jpk .muted{font-size:14px;color:#53655e}.jpk .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jpk .grid .card{margin:0;padding:18px}.jpk .scene{height:160px;border-radius:100px 100px 12px 12px;background:linear-gradient(90deg,transparent 49%,#d5dccc 49%,#d5dccc 51%,transparent 51%),linear-gradient(#dce6d7 65%,#c1cbb6 65%);position:relative;max-width:300px;margin:24px auto}.jpk .scene:after{content:'◡';position:absolute;font-size:100px;color:#6e8166;bottom:-20px;left:36%}.jpk .axis{display:grid;grid-template-columns:100px 1fr 46px;gap:8px;align-items:center;font-size:13px}.jpk footer{border-top:1px solid #c9d3c6;margin-top:36px;padding-top:20px}.jpk a{color:#315c50}.jpk .status{min-height:1.8em}.jpk details{margin:16px 0}.jpk summary{cursor:pointer}@media(max-width:480px){.jpk .grid{grid-template-columns:1fr}.jpk{border-radius:12px}.jpk .axis{grid-template-columns:86px 1fr 40px}}@media(prefers-reduced-motion:reduce){.jpk *{scroll-behavior:auto!important}}

/* Mascots only: preserve existing character text and grid. */
.jpk .grid .character-card{position:relative;min-height:190px;padding-bottom:22px}.jpk .character-card p{padding-right:94px;min-height:58px}.jpk .character-animal{position:absolute;right:12px;bottom:12px;width:96px;height:96px;object-fit:contain;pointer-events:none}.jpk .result-animal{display:block;width:clamp(180px,45vw,280px);height:auto;aspect-ratio:1;object-fit:contain;margin:22px auto}.jpk .character-card h3{position:relative;z-index:1}@media(max-width:360px){.jpk .character-animal{width:80px;height:80px}.jpk .character-card p{padding-right:76px}}