.jp-page{--jp-ink:#3d293d;--jp-muted:#8b6b7d;--jp-surface:#fff;--jp-board:#fff7f0;--jp-soft:#fff0f5;--jp-berry:#f55e9c;--jp-aqua:#17c2b8;--jp-mango:#ffb01f;--jp-top:#ffd6e7;--jp-mid:#ffe9c7;--jp-bottom:#fff4d6;--jp-display:var(--font-fredoka), var(--font-inter), sans-serif;background:radial-gradient(circle, #3d293d22 2px, transparent 2.5px) 0 0 / 40px 40px, linear-gradient(180deg, var(--jp-top), var(--jp-mid) 45%, var(--jp-bottom));color:var(--jp-ink);font-family:var(--font-inter), sans-serif;min-height:100dvh;line-height:1.7;overflow-x:clip}body:has(.jp-page){background:#fff4d6}.jp-page ::selection{background:var(--jp-berry);color:#fff}.jp-page :focus-visible{outline:3px solid var(--jp-ink);outline-offset:4px}.jp-wrap{width:min(1160px,100% - 96px);margin-inline:auto}.jp-page h1,.jp-page h2,.jp-page h3{font-family:var(--jp-display);text-wrap:balance;font-weight:700;line-height:1.08}.jp-page h1{font-size:clamp(3rem,6vw,5.1rem);line-height:1.04}.jp-page h2{max-width:720px;font-size:clamp(2rem,3.6vw,3.1rem)}.jp-page h3{font-size:1.4rem}.jp-page p{text-wrap:pretty}.jp-page img{max-width:100%;height:auto}.jp-berry{color:var(--jp-berry);-webkit-text-stroke:.035em var(--jp-ink);paint-order:stroke fill;text-shadow:.06em .06em 0 var(--jp-ink)}.jp-header{border-bottom:2px solid #3d293d1c;align-items:center;gap:24px;padding-block:25px;display:flex}.jp-brand{font-family:var(--jp-display);font-size:1.3rem;font-weight:700}.jp-studio{color:var(--jp-muted);font-size:.75rem}.jp-locale{font-family:var(--jp-display);margin-left:auto;font-size:.9rem;font-weight:600;position:relative}.jp-locale summary{cursor:pointer;background:var(--jp-surface);border:2.5px solid var(--jp-ink);box-shadow:0 3px 0 var(--jp-ink);border-radius:30px;align-items:center;gap:8px;padding:5px 14px 5px 18px;list-style:none;transition:transform .2s,box-shadow .2s;display:flex}.jp-locale summary::-webkit-details-marker{display:none}.jp-locale summary:hover{box-shadow:0 2px 0 var(--jp-ink);transform:translateY(1px)}.jp-chevron{transition:transform .2s}.jp-locale[open] .jp-chevron{transform:rotate(180deg)}.jp-locale ul{z-index:10;background:var(--jp-surface);border:2.5px solid var(--jp-ink);min-width:190px;box-shadow:4px 5px 0 var(--jp-ink);border-radius:18px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 10px);right:0}.jp-locale li a{white-space:nowrap;border-radius:12px;padding:7px 14px;display:block}.jp-locale li a:hover{background:var(--jp-soft)}.jp-locale li a[aria-current=page]{background:var(--jp-berry);color:#fff}.jp-skip{z-index:50;background:var(--jp-ink);color:#fff;border-radius:12px;padding:12px 20px;font-weight:600;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.jp-skip:focus{transform:none}.jp-hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:70px;padding-block:56px 88px;display:grid}.jp-lockup{font-family:var(--jp-display);align-items:center;gap:16px;margin-bottom:30px;font-size:1.55rem;font-weight:700;display:flex}.jp-lockup img{border:3px solid var(--jp-ink);width:62px;box-shadow:4px 5px 0 var(--jp-ink);border-radius:16px}.jp-eyebrow{background:var(--jp-surface);border:2.5px solid var(--jp-ink);box-shadow:0 3px 0 var(--jp-ink);font-family:var(--jp-display);color:var(--jp-muted);text-transform:uppercase;letter-spacing:.12em;border-radius:30px;margin-bottom:20px;padding:3px 16px;font-size:.78rem;font-weight:600;display:inline-block}.jp-lede{max-width:520px;color:var(--jp-muted);margin-block:26px 32px;font-size:1.08rem}.jp-body{max-width:520px;color:var(--jp-muted);margin-top:20px}.jp-download{background:var(--jp-mango);color:var(--jp-ink);font-family:var(--jp-display);border:3px solid var(--jp-ink);box-shadow:inset 0 3px 0 #ffd27a, 0 5px 0 var(--jp-ink);border-radius:22px;justify-content:center;align-items:center;gap:18px;padding:15px 28px;font-size:1.1rem;font-weight:700;transition:transform .15s,box-shadow .15s,background .2s;display:inline-flex}.jp-download:hover{background:#ffbd45}.jp-download:active{box-shadow:inset 0 3px 0 #ffd27a, 0 2px 0 var(--jp-ink);transform:translateY(3px)}.jp-arrow{flex:none}.jp-device{color:var(--jp-muted);margin-top:20px;font-size:.82rem}.jp-stage{isolation:isolate;position:relative}.jp-screen{z-index:1;border:5px solid var(--jp-ink);background:var(--jp-board);box-shadow:8px 10px 0 var(--jp-ink);border-radius:36px;position:relative;overflow:hidden}.jp-screen img{width:100%;display:block}video.jp-screen{width:100%;height:auto;display:block}.jp-peek{z-index:0;filter:drop-shadow(5px 7px #3d293de6);width:34%;position:absolute}.jp-peek-left{top:16%;left:-22%;rotate:-14deg}.jp-peek-right{top:58%;right:-21%;rotate:12deg}.jp-hero-art .jp-stage{max-width:310px;margin-inline:auto}.jp-page figcaption{font-family:var(--jp-display);color:var(--jp-muted);text-align:center;margin-top:22px;font-size:.92rem;font-weight:600}.jp-section{padding-block:92px}.jp-mechanic,.jp-tower{background:#ffffff5c;border-block:2px solid #3d293d14}.jp-mechanic-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;display:grid}.jp-steps{gap:30px;margin-top:40px;display:grid}.jp-steps li{grid-template-columns:54px 1fr;column-gap:22px;display:grid}.jp-tile{border:3px solid var(--jp-ink);width:54px;height:54px;box-shadow:3px 4px 0 var(--jp-ink);font-family:var(--jp-display);color:#fff;background:var(--jp-berry);border-radius:18px;grid-row:span 2;place-items:center;font-size:1.15rem;font-weight:700;display:grid}.jp-steps li:nth-child(2) .jp-tile{background:var(--jp-aqua)}.jp-steps li:nth-child(3) .jp-tile{background:var(--jp-mango);color:var(--jp-ink)}.jp-steps h3{align-self:center}.jp-steps p{color:var(--jp-muted);grid-column:2;max-width:520px;margin-top:8px;font-size:.97rem}.jp-pair{grid-template-columns:1fr 1fr;align-items:start;gap:30px;display:grid}.jp-pair figure:last-child{margin-top:64px}.jp-pair .jp-screen{box-shadow:6px 8px 0 var(--jp-ink);border-width:4px;border-radius:28px}.jp-card{background:var(--jp-surface);border:3px solid var(--jp-ink);box-shadow:5px 6px 0 var(--jp-ink);border-radius:26px;padding:26px}.jp-card p{color:var(--jp-muted);margin-top:10px;font-size:.97rem}.jp-tile-grid{grid-template-columns:1fr 1fr;gap:34px;margin-top:44px;display:grid}.jp-tile-grid article{grid-template-columns:minmax(0,190px) 1fr;align-items:center;gap:28px;display:grid}.jp-tile-grid .jp-screen{box-shadow:4px 5px 0 var(--jp-ink);border-width:3px;border-radius:22px}.jp-tower-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;display:grid}.jp-stats{flex-wrap:wrap;gap:18px;margin-top:36px;display:flex}.jp-stats div{background:var(--jp-surface);border:3px solid var(--jp-ink);box-shadow:4px 5px 0 var(--jp-ink);border-radius:22px;flex-direction:column-reverse;padding:10px 20px 14px;display:flex}.jp-stats dt{color:var(--jp-muted);max-width:150px;font-size:.78rem;line-height:1.4}.jp-stats dd{font-family:var(--jp-display);white-space:nowrap;font-size:2.2rem;font-weight:700;line-height:1.3}.jp-helpers{grid-template-columns:1.5fr 1fr;align-items:center;gap:70px;display:grid}.jp-helper-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:40px;display:grid}.jp-chip{background:var(--jp-soft);border:3px solid var(--jp-ink);width:60px;height:60px;box-shadow:3px 4px 0 var(--jp-ink);border-radius:20px;place-items:center;margin-bottom:20px;display:grid}.jp-helper-grid article:first-child .jp-chip{background:#ffe3a3}.jp-helper-grid article:nth-child(4) .jp-chip{background:#c9f2ee}.jp-helpers-art .jp-stage{max-width:290px;margin-inline:auto}.jp-cta{text-align:center}.jp-cta>img{border:3px solid var(--jp-ink);width:108px;box-shadow:5px 6px 0 var(--jp-ink);border-radius:26px;margin:0 auto 32px}.jp-cta h2{margin-inline:auto}.jp-cta>p{color:var(--jp-muted);max-width:520px;margin:20px auto 32px}.jp-cta .jp-purchase-note{max-width:640px;margin:40px auto 0;font-size:.8rem}.jp-footer{color:var(--jp-muted);border-top:2px solid #3d293d1c;justify-content:space-between;gap:24px;padding-block:28px;font-size:.8rem;display:flex}.jp-footer nav{gap:25px;display:flex}.jp-footer a:hover,.jp-screen a:hover{text-underline-offset:4px;text-decoration:underline}@media (max-width:1000px){.jp-wrap{width:calc(100% - 56px)}.jp-hero,.jp-mechanic-grid,.jp-tower-grid,.jp-helpers{gap:44px}.jp-tile-grid,.jp-helper-grid{grid-template-columns:1fr}}@media (max-width:680px){.jp-wrap{width:calc(100% - 40px)}.jp-header{gap:14px;padding-block:18px}.jp-studio{display:none}.jp-hero{grid-template-columns:1fr;gap:44px;padding-block:38px 60px}.jp-lockup{margin-bottom:24px}.jp-page h1{font-size:clamp(2.6rem,12.5vw,3.4rem)}.jp-lede{font-size:1rem}.jp-download{width:100%}.jp-section{padding-block:60px}.jp-mechanic-grid,.jp-tower-grid,.jp-helpers{grid-template-columns:1fr;gap:40px}.jp-hero-art .jp-stage,.jp-helpers-art .jp-stage{max-width:250px}.jp-pair{gap:18px}.jp-pair figure:last-child{margin-top:36px}.jp-pair .jp-screen{box-shadow:4px 5px 0 var(--jp-ink);border-width:3px;border-radius:22px}.jp-stats dd{font-size:1.9rem}.jp-card{border-radius:22px;padding:20px}.jp-tile-grid article{grid-template-columns:minmax(0,120px) 1fr;gap:20px}.jp-footer{flex-direction:column;gap:15px}}.jp-page:lang(ja){--jp-display:var(--font-fredoka), var(--font-m-plus-rounded), var(--font-inter), sans-serif;font-family:var(--font-inter), "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif;line-break:strict;line-height:1.85}.jp-page:lang(ja) :is(h1,h2,h3,figcaption){word-break:auto-phrase}.jp-page:lang(ja) :is(h1,h2,h3){letter-spacing:.02em;font-feature-settings:"palt";line-height:1.32}@supports not (word-break:auto-phrase){.jp-page:lang(ja) :is(h1,h2,h3,figcaption){word-break:keep-all;overflow-wrap:anywhere}}.jp-page:lang(ja) h1{font-size:clamp(2.3rem,4.4vw,3.6rem);line-height:1.28}.jp-page:lang(ja) h2{font-size:clamp(1.75rem,3vw,2.6rem)}.jp-page:lang(ja) h3{font-size:1.25rem}.jp-page:lang(ja) .jp-eyebrow{letter-spacing:.08em}@media (max-width:680px){.jp-page:lang(ja) h1{font-size:clamp(2rem,9.2vw,2.8rem)}}@media (prefers-reduced-motion:reduce){.jp-page *,.jp-page :before,.jp-page :after{transition:none!important;animation:none!important}.jp-download:active{transform:none}}
