:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-blue:#2563eb;--accent:var(--brand-blue);--text:#111318;--text-subtle:#60646c;--background:#f7f8fa;--surface:#fff;--border:#e5e7eb;--control-border:#d8dadd;--dark-section:#111318;--error:#dc2626;--focus-ring:color-mix(in srgb, var(--accent) 22%, transparent);--font-sans:Inter, Geist, "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs:.8125rem;--text-sm:.875rem;--text-body:clamp(1rem, .96rem + .18vw, 1.125rem);--text-card-title:clamp(1.25rem, 1.08rem + .58vw, 1.75rem);--text-section-title:clamp(2.25rem, 1.75rem + 1.75vw, 3.25rem);--text-hero:clamp(3.5rem, 2.38rem + 3.52vw, 5rem);--leading-tight:1.06;--leading-heading:1.14;--leading-body:1.7;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--space-40:10rem;--section-space:clamp(var(--space-24), 9vw, var(--space-40));--radius-control:.75rem;--radius-card:1.25rem;--shadow-card:0 8px 30px #0000000d;--container:76rem;--measure:45rem;--header-height:4.25rem;--duration-fast:.15s;--duration-normal:.24s;--ease-out:ease-out}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#f5f7fa;--text-subtle:#a8adb7;--background:#0e1014;--surface:#171a20;--border:#2a2f38;--control-border:#3a404b;--dark-section:#171a20;--focus-ring:color-mix(in srgb, var(--accent) 32%, transparent);--shadow-card:0 8px 30px #00000038}@media (max-width:47.999rem){:root{--text-hero:clamp(2.5rem, 1.82rem + 3.4vw, 3.25rem);--text-section-title:clamp(2rem, 1.64rem + 1.8vw, 2.5rem);--section-space:clamp(var(--space-16), 18vw, var(--space-24))}}:root{--accent:#b72d35;--background:#fffaf4;--text:#202020;--text-subtle:#62605d;--border:#e5ded5;--control-border:#cfc7bd;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{background:var(--background);color:var(--text);margin:0;font-size:16px;line-height:1.6}button,input{font:inherit}button,.button{border:1px solid var(--control-border);background:var(--surface);min-height:48px;color:var(--text);cursor:pointer;border-radius:12px;padding:12px 20px;font-weight:600;transition:background .15s,border-color .15s}button:disabled{cursor:default}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}button:hover:not(:disabled){border-color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1:focus{outline:none}.primary{background:var(--accent);color:#fff;border-color:var(--accent);justify-content:center;align-items:center;gap:42px;min-height:56px;font-size:18px;display:inline-flex}.primary:hover:not(:disabled){background:#93242b}.primary span{font-size:24px}.button{text-decoration:none}.text-button{background:0 0;border:0;min-height:44px;padding:8px 0;font-weight:500}.site-header{justify-content:space-between;align-items:center;max-width:1248px;margin:auto;padding:28px 40px;display:flex}.brand{letter-spacing:.02em;align-items:center;gap:12px;font-size:14px;font-weight:500;line-height:1.2;text-decoration:none;display:flex}.brand b{font-size:17px}.brand-mark{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:25px;font-weight:800;display:grid}.site-header>.text-button{font-size:14px}main{max-width:1168px;min-height:calc(100svh - 230px);margin:auto;padding:0 40px}.intro{grid-template-columns:1.1fr 1fr;align-items:center;gap:32px;padding:72px 0 90px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--accent);margin:0 0 20px;font-size:13px;font-weight:700}h1{letter-spacing:-.045em;margin:0 0 24px;font-size:clamp(40px,5.5vw,72px);font-weight:750;line-height:1.07}.intro h1 span,.result h1 span{color:var(--accent)}.intro-description{margin:0 0 32px;font-size:22px;line-height:1.5}.small,.snapshot,figcaption{color:var(--text-subtle);font-size:13px}.small{margin-top:18px}.intro-visual{background:#f5ecdf;border-radius:50% 50% 46% 46%;margin:0;padding:28px 0 22px;position:relative;transform:rotate(2deg)}.intro-visual img{width:100%;height:auto;max-height:380px;display:block}.intro-visual figcaption{text-align:center}.price-mystery{background:var(--surface);border:2px solid var(--text);color:var(--accent);border-radius:12px;padding:6px 25px;font-size:44px;font-weight:750;position:absolute;top:20px;right:10px;transform:rotate(9deg)}.challenge-note{max-width:28em;font-weight:600}.quiz{padding:32px 0 64px}.progress-label{justify-content:space-between;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}progress{appearance:none;background:var(--border);width:100%;height:4px;accent-color:var(--accent);border:0;display:block}progress::-webkit-progress-bar{background:var(--border)}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}.question-layout{grid-template-columns:minmax(0,720px);justify-content:center;align-items:start;gap:64px;padding-top:40px;display:grid}.exchange-info{color:var(--text-subtle);justify-content:space-between;align-items:start;gap:20px;padding-top:12px;font-size:14px;display:flex}.exchange-info details{max-width:550px}.exchange-info summary{cursor:pointer;min-height:44px;padding:10px 0}.exchange-info p{margin:4px 0 12px}.currency-picker{border:0;margin:0 0 24px;padding:0}.currency-picker legend{margin-bottom:12px;padding:0;font-weight:650}.currency-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.currency-options button{text-align:left;min-height:72px;padding:10px 12px}.currency-options strong{font-size:17px;display:block}.currency-options span{font-size:12px;font-weight:400;display:block}.currency-options button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:-2px;background:var(--background)}.currency-switch{align-items:center;gap:8px;display:flex}.currency-switch select{font:inherit;background:var(--background);color:var(--text);border:1px solid var(--control-border);border-radius:8px;max-width:240px;min-height:44px;padding:8px}.intro-products{border-left:1px solid var(--border);padding:32px 0 32px 32px}.example-product{border-bottom:1px solid var(--border);align-items:center;gap:20px;padding:26px 0;display:flex}.example-product>span{color:var(--text-subtle);font-size:13px}.example-product strong{letter-spacing:-.035em;font-size:clamp(23px,2.5vw,32px);line-height:1.2}.example-product p{color:var(--text-subtle);margin:6px 0 0;font-size:14px}.example-product>b{color:var(--accent);margin-left:auto;font-size:36px}@media (max-width:700px){.exchange-info{flex-direction:column;gap:0}.currency-switch{width:100%}.intro-products{display:none}.intro{padding-top:28px}.currency-options{grid-template-columns:repeat(2,minmax(0,1fr))}.currency-options span{font-size:13px}.choice{gap:12px;padding:12px;font-size:21px}}.product-visual{text-align:center;background:#f5ecdf;border-radius:20px;margin:12px 0;padding:24px 0;position:sticky;top:48px}.product-visual img{width:100%;height:auto;max-height:340px;display:block}.question-content h1{letter-spacing:-.025em;margin-bottom:18px;font-size:clamp(32px,3.3vw,46px)}.question-content .eyebrow{margin-bottom:12px}.condition{color:var(--text-subtle);margin:0 0 24px}.price-label{margin:0 0 12px;font-weight:650}.choices{gap:10px;display:grid}.choice{text-align:left;border-radius:12px;align-items:center;gap:18px;width:100%;min-height:64px;font-size:24px;display:flex}.choice-letter{color:var(--text-subtle);font-size:14px;font-weight:500}.choice.correct{border:2px solid var(--accent);background:#b72d350b}.choice.selected{border:2px solid var(--text)}.choice-status{color:var(--accent);margin-left:auto;font-size:13px}.feedback{margin-top:28px}.feedback h2{margin:0 0 8px;font-size:24px}.feedback h2 span{font-weight:500}.feedback p{margin:0 0 14px}.feedback>a{font-size:14px}.next{justify-content:space-between;width:100%;margin-top:22px}.snapshot{margin:20px 0 0}.result{max-width:720px;margin:auto;padding:48px 0 80px}.result h1{font-size:clamp(48px,7vw,84px)}.result-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:28px 0 10px;display:flex}.result-actions>.primary{flex-basis:100%;justify-content:space-between;max-width:410px}.result-actions>.text-button{padding:12px}.answers{margin-top:48px}.answers summary{cursor:pointer;font-size:24px;font-weight:700}.answers ol{padding-left:24px}.answers li{border-bottom:1px solid var(--border);padding:18px 0;display:list-item}.answers li>div{vertical-align:top;max-width:85%;display:inline-block}.answers li>a{width:-moz-fit-content;width:fit-content;min-height:44px;padding-top:8px;font-size:14px;display:block}.answers p{color:var(--text-subtle);margin:4px 0;font-size:14px}.notice{min-height:26px}.copy-fallback{display:block}.copy-fallback input{border:1px solid var(--control-border);background:var(--surface);width:100%;color:var(--text);border-radius:12px;padding:14px;font-size:16px}.storage-note{margin:20px 0}.unavailable{max-width:700px;padding:80px 0}footer{border-top:1px solid var(--border);max-width:1248px;color:var(--text-subtle);justify-content:space-between;align-items:center;gap:24px;margin:auto;padding:24px 40px 36px;font-size:13px;display:flex}footer>div{flex-wrap:wrap;align-items:center;gap:24px;display:flex}footer a{min-height:44px;padding:8px 0;display:inline-block}footer .text-button{font-size:13px}.consent{z-index:20;background:var(--surface);border:1px solid var(--control-border);width:min(100% - 40px,1088px);color:var(--text);border-radius:12px;align-items:center;gap:28px;padding:22px 26px;font-size:14px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0001}.consent p{max-width:52em;margin:4px 0}.consent-actions{flex-shrink:0;gap:10px;display:flex}.consent-actions button{min-width:142px;font-size:14px}.document{max-width:780px;padding-top:56px;padding-bottom:72px}.document h1{font-size:44px}.document h2{margin-top:40px;font-size:24px}.document p,.document li{font-size:17px}.document article{border-bottom:1px solid var(--border);padding:24px 0}.document article h2{margin:0 0 8px}.document article p{margin:8px 0}.source-price{font-weight:700;font-size:24px!important}.skip{z-index:50;position:absolute;top:-100px;left:12px}.skip:focus{background:var(--surface);padding:10px;top:12px}.no-js{max-width:700px;margin:auto;padding:24px}[data-theme=dark]{--accent:#ef8c8c;--background:#0e1014;--text:#f5f7fa;--text-subtle:#a8adb7;--border:#2a2f38;--control-border:#535763;--surface:#171a20}[data-theme=dark] .primary{background:#b72d35;border-color:#b72d35}[data-theme=dark] .intro-visual,[data-theme=dark] .product-visual{background:#29231f}@media (max-width:760px){.site-header{padding:20px 24px}main{padding:0 24px}.intro{grid-template-columns:1fr;gap:28px;padding:32px 0 60px}.intro h1{font-size:clamp(40px,10vw,52px)}.intro-description{margin-bottom:24px;font-size:20px}.intro-copy>.primary{justify-content:space-between;width:100%}.intro-visual{width:80%;max-width:340px;margin:0 auto}.intro-visual img{max-height:230px}.price-mystery{font-size:30px;right:-12px}.intro-copy .small{margin-bottom:0}.question-layout{grid-template-columns:1fr;gap:24px;padding-top:24px}.product-visual{width:100%;max-width:340px;margin:0 auto;padding:10px 0;position:static}.product-visual img{max-height:165px}.question-content h1{font-size:32px}.condition{margin-bottom:18px}.quiz{padding-top:24px}.choice{min-height:60px}.result{padding-top:32px}.result-actions button{width:100%}.result-actions>.primary{max-width:none}.consent{width:100%;box-shadow:none;grid-column:1/-1;margin-top:16px;padding:18px;display:block;position:static;transform:none}.consent-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.consent-actions button{min-width:0;padding:12px 8px;font-size:14px}.consent strong{font-size:16px}footer{padding:20px 24px;display:block}footer>div{gap:18px}footer>span{margin-top:16px;display:block}.document{padding-top:32px}.document h1{font-size:36px}.site-header>.text-button{font-size:13px}.brand{font-size:12px}.brand b{font-size:15px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.intro-visual{transform:none}}:root{--accent:#c32939;--background:#fff8eb;--success:#086147;--success-bg:#e1f7e9;--error:#a51e32;--error-bg:#ffeaed}body{background-image:radial-gradient(#bc84551a .8px,#0000 .8px);background-size:16px 16px}.site-header{padding-top:20px;padding-bottom:18px}.brand-mark{border-radius:13px;transform:rotate(-7deg);box-shadow:0 4px #862335}.intro{grid-template-columns:1fr 1.05fr;gap:36px;padding-top:40px;padding-bottom:56px}.intro h1{font-size:clamp(44px,5.2vw,68px)}.intro-description{margin-bottom:22px}.currency-options button{border:2px solid var(--border);box-shadow:0 3px 0 var(--border);transition:transform .15s,background .15s}.currency-options button:hover:not(:disabled){transform:translateY(-2px)}.currency-options button[aria-pressed=true]{color:#30200e;background:#ffe8a3;border-color:#a56c10;outline:none;box-shadow:0 3px #a56c10}.primary{border:2px solid #8d1d2c;font-weight:750;box-shadow:0 5px #8d1d2c}.primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #8d1d2c}.primary:disabled{opacity:.7}.game-art{min-width:0;margin:0;position:relative}.game-art img{background:#fff0d0;border:3px solid #eab959;border-radius:24px;width:100%;height:auto;display:block}.game-art figcaption{text-align:center;padding:10px 4px;font-size:12px}.intro-art{transform:rotate(2deg)}.intro-art img{box-shadow:8px 10px #eab959}.art-badge{z-index:1;color:#412a0e;background:#f7c342;border:2px solid #7c4e0a;border-radius:50px;padding:9px 18px;font-weight:800;position:absolute;top:-18px;right:16px;transform:rotate(5deg);box-shadow:0 4px #ad741d}.question-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:42px;padding-top:28px}.question-art{position:sticky;top:24px}.question-art img{box-shadow:6px 7px #eab959}.progress-label{font-size:15px}progress{border-radius:20px;height:9px;overflow:hidden}progress::-webkit-progress-value{background:#d1383d;transition:width .25s ease-out}.choice{box-shadow:0 3px 0 var(--border);border-width:2px;transition:transform .14s,background .14s,border-color .14s}.choice:hover:not(:disabled){background:#fff0c4;transform:translate(4px)}.choice.correct{background:var(--success-bg);border:3px solid var(--success);color:var(--success);box-shadow:0 3px 0 var(--success)}.choice.correct .choice-letter,.choice.correct .choice-status{color:var(--success)}.choice.selected:not(.correct){background:var(--error-bg);border:3px solid var(--error);color:var(--error);box-shadow:0 3px 0 var(--error);animation:.4s ease-out wrong-shake}.choice.selected:not(.correct) .choice-letter,.choice.selected:not(.correct) .choice-status{color:var(--error)}.choice:disabled:not(.correct):not(.selected){opacity:.6;box-shadow:none}.choice-status{text-align:right;max-width:85px;font-weight:750;line-height:1.3}.answer-reveal{isolation:isolate;border:3px solid;border-radius:18px;align-items:center;gap:18px;margin:12px 0 24px;padding:20px;scroll-margin-block:22px;animation:.36s cubic-bezier(.18,.8,.35,1.2) both verdict-arrive;display:flex;position:relative}.answer-reveal.is-correct{background:var(--success-bg);border-color:var(--success);color:var(--success)}.answer-reveal.is-incorrect{background:var(--error-bg);border-color:var(--error);color:var(--error)}.verdict-icon{background:currentColor;border-radius:50%;flex:0 0 62px;place-items:center;height:62px;font-size:0;animation:.52s ease-out both icon-pop;display:grid;position:relative}.verdict-icon:after{content:"✓";color:#fff;font-size:44px;font-weight:850;line-height:1}.is-incorrect .verdict-icon:after{content:"×"}.answer-reveal h2{letter-spacing:-.025em;margin:0;font-size:28px;line-height:1.2}.answer-reveal h2 span{margin-top:5px;font-size:22px;font-weight:700;display:block}.answer-reveal p{margin:8px 0 0;font-size:15px;font-weight:650}.answer-reveal h2:focus{outline:none}.answer-detail{margin-top:26px}.answer-detail>p{margin:0 0 12px}.answer-detail>a{font-size:14px}.confetti{pointer-events:none;z-index:-1;border-radius:14px;position:absolute;inset:0;overflow:hidden}.confetti i{left:var(--x);background:var(--color);width:8px;height:12px;animation:confetti-fall 1.2s ease-out var(--delay) both;border-radius:2px;position:absolute;top:-18px}.result-medal{color:#70450a;background:#ffd667;border:4px solid #b77b14;border-radius:50%;place-items:center;width:88px;height:88px;margin:0 0 24px;font-size:52px;animation:.6s ease-out both icon-pop;display:grid;box-shadow:0 5px #b77b14}[data-theme=dark]{--background:#171b25;--success:#83efb4;--success-bg:#143b2b;--error:#ffb0bd;--error-bg:#49242f}[data-theme=dark] .choice.correct{background:var(--success-bg)}[data-theme=dark] .verdict-icon:after{color:#15241e}[data-theme=dark] .choice:hover:not(:disabled){background:#393124}@keyframes verdict-arrive{0%{opacity:0;transform:translateY(12px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes icon-pop{0%{transform:scale(.3)rotate(-20deg)}65%{transform:scale(1.16)rotate(6deg)}to{transform:scale(1)rotate(0)}}@keyframes wrong-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10px) rotate(var(--turn))}to{opacity:0;transform:translateY(180px) rotate(calc(var(--turn) + 180deg))}}@media (max-width:760px){.intro{grid-template-columns:1fr;gap:24px;padding-top:20px}.intro-art{grid-row:1;margin:0 5px 0 0;transform:none}.intro-art img{object-fit:cover;object-position:center 45%;border-radius:18px;max-height:130px;box-shadow:5px 6px #eab959}.art-badge{padding:5px 13px;font-size:13px;top:-13px;right:10px}.intro-art figcaption{padding:7px 0 0}.intro h1{margin-bottom:14px;font-size:38px}.intro-description,.intro-description br,.intro-copy>.eyebrow{display:none}.currency-options{grid-template-columns:repeat(3,minmax(0,1fr))}.currency-options button{min-height:72px;padding:7px}.currency-options span{font-size:12px;line-height:1.25}.question-layout{grid-template-columns:minmax(0,1fr);gap:18px}.question-art{position:static}.question-art img{object-fit:cover;object-position:center 45%;border-radius:16px;max-height:155px;box-shadow:4px 5px #eab959}.question-art figcaption{padding:7px 0 0}.answer-reveal{gap:14px;padding:16px}.verdict-icon{flex-basis:54px;height:54px}.answer-reveal h2{font-size:26px}.answer-reveal h2 span{font-size:21px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.confetti{display:none}}
