.kb{--sumi:#1c1712;--sumi-2:#2a231b;--washi:#f4ecd8;--washi-2:#fbf6ea;--ink:#2b2620;--sub:#5f5446;--line:#ddd0b4;--gold:#b8913a;--gold-hi:#e9c977;--shu:#a8322d;--sakura:#f2b8c6;--mincho:"Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;--display:"Zen Antique", var(--mincho);background:var(--washi);color:var(--ink);font-family:var(--mincho);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0;font-size:16px;line-height:1.9;overflow-x:clip}.kb *,.kb :before,.kb :after{box-sizing:border-box}html:has(.kb){scroll-behavior:smooth;scroll-padding-top:72px}.kb :where(img){max-width:100%;display:block}.kb :where(a){color:inherit}.kb :where(h1,h2,h3,p,ol,ul,dl,dd,figure){margin:0}.kb :where(ol,ul){padding:0;list-style:none}.kb-wrap{width:min(1120px,100% - 48px);margin-inline:auto}.kb-narrow{width:min(820px,100% - 48px)}.kb .nw{display:inline-block}.kb .center{text-align:center;justify-content:center}.kb-top{z-index:50;color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:12px clamp(16px,4vw,40px);transition:background .3s,color .3s,box-shadow .3s;display:flex;position:fixed;inset:0 0 auto}.kb-top.solid{color:#f3ead6;background:#1c1712f0;box-shadow:0 1px #b8913a66}.kb-brand{font-family:var(--display);letter-spacing:.12em;align-items:center;gap:10px;font-size:20px;text-decoration:none;display:flex}.kb-brand img{border-radius:8px;box-shadow:0 2px 8px #00000040}.kb-top nav{letter-spacing:.08em;align-items:center;gap:clamp(14px,2.4vw,28px);font-size:14px;display:flex}.kb-top nav a{text-decoration:none}.kb-top nav a:hover{color:var(--shu)}.kb-top.solid nav a:hover{color:var(--gold-hi)}@media (width<=640px){.kb-top nav a:not(:last-child){display:none}}.kb-hero{isolation:isolate;min-height:max(660px,100svh);color:var(--ink);text-align:center;align-items:center;padding:96px 0 72px;display:grid;position:relative;overflow:hidden}.kb-hero-bg{z-index:-2;background-position:50% 60%;background-size:cover;position:absolute;inset:0}.kb-hero-bg:after{content:"";background:radial-gradient(46% 42% at 50% 47%,#fff8e8d1,#fff8e873 55%,#0000 80%);position:absolute;inset:0}.kb-hero-inner{justify-items:center;display:grid}.kb-hero-genre{letter-spacing:.3em;color:#5a4a30;border-top:1px solid #785a288c;border-bottom:1px solid #785a288c;padding:4px 18px;font-size:clamp(13px,1.6vw,16px)}.kb-hero h1{width:min(600px,84%);margin-top:24px}.kb-hero h1 img{filter:brightness(.95)saturate(1.1)contrast(1.05)drop-shadow(0 1px 2px #5a3c0f1a);width:100%;height:auto}.kb-hero-motto{font-family:var(--display);letter-spacing:.3em;color:var(--ink);margin-top:14px;font-size:clamp(17px,2vw,22px)}.kb-hero-lead{letter-spacing:.08em;color:var(--ink);text-shadow:0 0 12px #fff8e8e6;margin-top:22px;font-size:clamp(16px,1.9vw,19px);line-height:2}.kb-cta{justify-items:center;gap:16px;margin-top:34px;display:grid}.kb-cta-note{letter-spacing:.16em;color:#fbf3e0;text-shadow:0 1px 2px #14101ee6,0 0 10px #14101eb3;align-items:center;gap:14px;font-size:13px;display:flex}.kb-cta-note:before,.kb-cta-note:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-hi));width:34px;height:1px}.kb-cta-note:after{transform:scaleX(-1)}.kb-cta-note i{color:var(--gold-hi);font-style:normal}.kb-cta-note{white-space:nowrap}@media (width<=420px){.kb-cta-note{letter-spacing:.08em;gap:8px;font-size:12px}.kb-cta-note:before,.kb-cta-note:after{width:18px}}.kb-store{color:#fff;box-shadow:0 0 0 1px var(--gold), inset 0 0 0 3px #120f0c, inset 0 0 0 4px #e9c97773, 0 12px 26px #2819054d;background:linear-gradient(#2b241d,#120f0c);border-radius:10px;align-items:center;gap:14px;padding:14px 30px 14px 24px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative}.kb-store:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffecb429 50%,#0000 65%) 100% 0/250% 100%;transition:background-position .6s;position:absolute;inset:0}.kb-store:hover{box-shadow:0 0 0 1px var(--gold-hi), inset 0 0 0 3px #120f0c, inset 0 0 0 4px #e9c977b3, 0 16px 30px #2819055c;transform:translateY(-2px)}.kb-store:hover:after{background-position:0 0}.kb-store svg{width:30px;height:30px}.kb-store span{text-align:left;font-family:var(--mincho);letter-spacing:.1em;font-size:20px;font-weight:600;line-height:1.3;display:grid}.kb-store small{letter-spacing:.04em;color:var(--gold-hi);font-family:-apple-system,Hiragino Sans,sans-serif;font-size:11px;font-weight:400}.kb-petals{z-index:-1;pointer-events:none;position:absolute;inset:0}.kb-petals i{top:-5%;left:calc(var(--i) * 8.3% + 2%);background:linear-gradient(135deg, #fde3ea, var(--sakura));opacity:.9;width:12px;height:9px;animation:kb-fall calc(11s + var(--i) * .7s) linear infinite;animation-delay:calc(var(--i) * -1.9s);border-radius:12px 0;position:absolute}@keyframes kb-fall{0%{transform:translate(0)rotate(0)}50%{transform:translate(40px,55vh)rotate(200deg)}to{transform:translate(-20px,112vh)rotate(420deg)}}@media (prefers-reduced-motion:reduce){.kb-petals{display:none}}.kb-sec{padding:clamp(88px,11vw,140px) 0;position:relative}.kb-light{background:linear-gradient(var(--washi), #f4ecd800 140px, #f4ecd800 calc(100% - 140px), var(--washi)), radial-gradient(ellipse 62% 58% at 50% 50%, #f6efdeed, #f6efdeb3 62%, #f6efde4d 100%), var(--bg,none) center / cover no-repeat, var(--washi);position:relative}.kb-washi{background:var(--washi) url(/images/kanji-battle/washi.webp) center / cover no-repeat}.kb-dark{background:var(--sumi);color:#f1e8d4;position:relative}.kb-band{padding:clamp(72px,9vw,112px) 0}.kb-edge-top,.kb-edge-bottom{z-index:1}.kb-edge-top:before,.kb-edge-bottom:after{content:"";pointer-events:none;background:url(/images/kanji-battle/brush-edge.webp) bottom/100% 100% no-repeat;height:clamp(56px,8.5vw,130px);position:absolute;left:0;right:0}.kb-edge-top:before{bottom:calc(100% - 2px)}.kb-edge-bottom:after{top:calc(100% - 2px);transform:scale(-1)}.kb-clouds{pointer-events:none;opacity:.16;background:url(/images/kanji-battle/gold-cloud.webp) -70px 22%/240px no-repeat,url(/images/kanji-battle/gold-cloud.webp) right -80px top 12%/280px no-repeat,url(/images/kanji-battle/gold-cloud.webp) right -40px bottom 16%/200px no-repeat,url(/images/kanji-battle/gold-cloud.webp) left -110px bottom 10%/260px no-repeat;position:absolute;inset:0;overflow:hidden}.kb-dark>.kb-wrap{position:relative}@media (width<=640px){.kb-clouds{opacity:.14;background:url(/images/kanji-battle/gold-cloud.webp) -50px 14px/150px no-repeat,url(/images/kanji-battle/gold-cloud.webp) right -50px top 30px/160px no-repeat}}.kb-eyebrow{letter-spacing:.4em;color:var(--shu);align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.kb-eyebrow:before,.kb-eyebrow.center:after{content:"";background:currentColor;width:28px;height:1px}.kb-dark .kb-eyebrow{color:var(--gold-hi)}.kb-h2{font-family:var(--display);letter-spacing:.06em;margin-top:14px;font-size:clamp(30px,4.4vw,50px);font-weight:400;line-height:1.4}.kb-h2-lg{font-size:clamp(36px,5.6vw,66px);line-height:1.3}.kb-h2 em{color:var(--shu);font-style:normal}.kb-h2 em.gold{color:var(--gold)}.kb-lead{max-width:36em;margin-top:24px;font-size:17px}.kb-shot{background:#ddd;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #b8913ab3,0 0 0 5px #fbf6ea99,0 22px 50px #281c0a4d}.kb-shot img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto}.kb-dark .kb-shot{box-shadow:0 0 0 1px #e9c977b3,0 24px 60px #0000008c}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(24px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.kb-howto{grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(28px,5vw,64px);margin-top:52px;display:grid}.kb-steps li{grid-template-columns:72px 1fr;align-items:start;gap:20px;padding:22px 0;display:grid}.kb-steps li+li{border-top:1px solid #0000;border-image:linear-gradient(90deg,#0000,#b8913acc 20% 80%,#0000) 1}.kb-seal{color:#fff6ea;width:62px;height:62px;font-family:var(--display);filter:url(#kb-stamp);background:#b3322b;border-radius:5px;place-items:center;font-size:31px;line-height:1;display:grid;rotate:-5deg;box-shadow:inset 0 0 0 4px #b3322b,inset 0 0 0 5.5px #fff4e6e6}.kb-steps li:nth-child(2) .kb-seal{rotate:3deg}.kb-steps li:nth-child(3) .kb-seal{rotate:-2deg}.kb-steps h3{font-family:var(--display);letter-spacing:.06em;font-size:24px;font-weight:400;line-height:1.5}.kb-steps p{color:var(--sub);margin-top:6px}@media (width<=860px){.kb-howto{grid-template-columns:1fr}}.kb-features-head{text-align:center;padding-bottom:clamp(56px,7vw,88px)}.kb-features-head .kb-eyebrow{justify-content:center}.kb-features-head .kb-eyebrow:after{content:"";background:currentColor;width:28px;height:1px}.kb-feature{grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(28px,5vw,64px);display:grid}.kb-feature.rev .kb-shot{order:2}.kb-feature-copy{isolation:isolate;position:relative}.kb-num-mark{z-index:-1;font-family:var(--display);color:var(--ink);opacity:.1;pointer-events:none;user-select:none;font-size:200px;line-height:1;position:absolute;top:-64px;left:-34px}.kb-dark .kb-num-mark{color:var(--gold-hi);opacity:.12}.kb-num-label{letter-spacing:.3em;margin:0;font-size:15px}.kb-feature h3{font-family:var(--display);letter-spacing:.06em;margin-top:12px;font-size:clamp(26px,3vw,34px);font-weight:400;line-height:1.45}.kb-feature p{color:var(--sub);margin-top:14px}.kb-dark .kb-feature h3{color:#fff}.kb-dark .kb-feature p{color:#d9ccb0}@media (width<=860px){.kb-feature{grid-template-columns:1fr}.kb-feature.rev .kb-shot{order:0}}.kb-card{aspect-ratio:1;width:56px;font-family:var(--display);color:#1a1612;background:#fbf7ec url(/images/kanji-battle/card-washi.webp) 50%/cover;border-radius:8px;place-items:center;font-size:30px;line-height:1;display:inline-grid;box-shadow:0 0 0 1px #c9b98f,0 3px 8px #3c280a2e}.kb-card-gold{box-shadow:0 0 0 2px var(--gold), 0 0 18px #f0c86499;background-image:url(/images/kanji-battle/card-gold.webp)}.kb-card-lg{border-radius:14px;width:96px;font-size:54px;box-shadow:0 0 0 1px #c9b98f,0 0 0 6px #e9c97738,0 6px 14px #3c280a33}.kb-skills{grid-template-columns:repeat(4,1fr);gap:22px;margin-top:52px;display:grid}.kb-fuda{text-align:center;background:#fbf6eaeb;border-radius:6px;padding:32px 24px 200px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #b8913a8c,inset 0 0 0 6px #fbf6eaeb,inset 0 0 0 7px #b8913a59,0 12px 28px #3c280a1f}.kb-fuda-prop{pointer-events:none;width:64%;height:auto;position:absolute;bottom:12px;left:50%;translate:-50%}.kb-fuda .kb-card-lg{margin-inline:auto}.kb-fuda h3{font-family:var(--display);letter-spacing:.12em;margin-top:20px;font-size:26px;font-weight:400}.kb-reading{letter-spacing:.24em;color:var(--sub);border-bottom:1px solid var(--shu);padding-bottom:4px;font-size:12px;display:inline-block}.kb-fuda p:not(.kb-reading){z-index:1;text-align:left;margin-top:14px;font-size:15px;position:relative}@media (width<=960px){.kb-skills{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.kb-skills{grid-template-columns:1fr;gap:16px}.kb-fuda{text-align:left;grid-template-columns:72px 1fr;gap:2px 16px;padding:22px 20px 130px;display:grid}.kb-fuda-prop{width:120px;bottom:8px}.kb-fuda .kb-card-lg{grid-row:span 3;width:72px;margin:0;font-size:40px}.kb-fuda h3{margin-top:0;font-size:22px}.kb-reading{justify-self:start}.kb-fuda p:not(.kb-reading){margin-top:6px}}.kb-recipes{--c:#e9c977e6;background:linear-gradient(var(--c), var(--c)) left 10px top 10px / 22px 2px, linear-gradient(var(--c), var(--c)) left 10px top 10px / 2px 22px, linear-gradient(var(--c), var(--c)) right 10px top 10px / 22px 2px, linear-gradient(var(--c), var(--c)) right 10px top 10px / 2px 22px, linear-gradient(var(--c), var(--c)) left 10px bottom 10px / 22px 2px, linear-gradient(var(--c), var(--c)) left 10px bottom 10px / 2px 22px, linear-gradient(var(--c), var(--c)) right 10px bottom 10px / 22px 2px, linear-gradient(var(--c), var(--c)) right 10px bottom 10px / 2px 22px, var(--sumi);color:#efe6d2;background-repeat:no-repeat;border-radius:4px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 40px;margin-top:44px;padding:28px 34px;display:flex;box-shadow:0 0 0 1px #b8913a80,0 14px 30px #1e140540}.kb-recipes-title{font-family:var(--display);letter-spacing:.2em;color:var(--gold-hi);font-size:20px}.kb-recipes ul{flex-wrap:wrap;justify-content:center;gap:18px 36px;display:flex}.kb-recipes li{align-items:center;gap:8px;display:flex}.kb-op{color:var(--gold-hi);font-size:18px}.kb-deep{grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(28px,5vw,64px);display:grid}.kb-numbers{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:34px;display:grid}.kb-numbers div{background:#fbf6eae6;border-radius:10px;grid-template-columns:52px 1fr;align-items:center;column-gap:14px;padding:14px 18px;display:grid;box-shadow:0 0 0 1px #b8913a80,0 6px 16px #3c280a1a}.kb-num-icon{background:var(--sumi);width:52px;height:52px;color:var(--gold-hi);border-radius:50%;grid-row:span 2;place-items:center;display:grid}.kb-num-icon svg{width:28px;height:28px}.kb-numbers dt{letter-spacing:.14em;color:var(--sub);font-size:13px}.kb-numbers dd{color:var(--ink);white-space:nowrap;font-size:14px}.kb-numbers b{font-family:var(--display);color:var(--gold);margin-right:4px;font-size:clamp(28px,2.6vw,34px);font-weight:400;line-height:1.2}@media (width<=860px){.kb-deep{grid-template-columns:1fr}}@media (width<=420px){.kb-numbers{grid-template-columns:1fr}}.kb-promises-sec{padding-bottom:clamp(110px,13vw,160px)}.kb-promises{background:#fbf7eceb;border-radius:4px;grid-template-columns:repeat(4,1fr);margin-top:48px;display:grid;box-shadow:0 0 0 1px #b8913a99,inset 0 0 0 5px #fbf7eceb,inset 0 0 0 6px #b8913a4d,0 14px 30px #3c280a1a}.kb-promises li{text-align:center;padding:34px 26px 32px}.kb-promises li+li{border-left:1px solid #0000;border-image:linear-gradient(#0000,#b8913aa6 20% 80%,#0000) 1}.kb-promise-icon{width:68px;height:68px;color:var(--shu);border:1.5px solid var(--shu);outline-offset:3px;border-radius:50%;outline:1px solid #a8322d73;place-items:center;margin:0 auto;display:grid}.kb-promise-icon svg{width:32px;height:32px}.kb-promises h3{font-family:var(--display);letter-spacing:.08em;color:var(--ink);margin-top:18px;font-size:20px;font-weight:400}.kb-promises p{color:var(--sub);text-wrap:balance;margin-top:8px;font-size:14px;line-height:1.8}@media (width<=960px){.kb-promises{grid-template-columns:repeat(2,1fr)}.kb-promises li:nth-child(3){border-left:0}.kb-promises li:nth-child(n+3){border-top:1px solid #b8913a66}}@media (width<=520px){.kb-promises{grid-template-columns:1fr}.kb-promises li{text-align:left;grid-template-columns:56px 1fr;gap:0 16px;padding:20px 22px;display:grid;border-left:0!important}.kb-promises li+li{border-top:1px solid #b8913a66;border-image:}.kb-promise-icon{grid-row:span 2;width:56px;height:56px}.kb-promise-icon svg{width:26px;height:26px}.kb-promises h3{margin-top:2px;font-size:18px}.kb-promises p{margin-top:2px}}.kb-faq-sec{padding:clamp(96px,11vw,136px) 0}.kb-faq{color:var(--ink);background:#f6efdf;border-radius:4px;margin-top:40px;padding:8px 6px;box-shadow:0 0 0 1px #e9c977b3,inset 0 0 0 5px #f6efdf,inset 0 0 0 6px #b8913a59,0 16px 34px #00000059}.kb-faq details+details{border-top:1px solid #b8913a59}.kb-faq summary{cursor:pointer;align-items:center;gap:16px;padding:20px 64px 20px 22px;font-size:17px;font-weight:600;list-style:none;display:flex;position:relative}.kb-faq summary::-webkit-details-marker{display:none}.kb-faq summary:before,.kb-faq details p:before{width:30px;height:30px;font-family:var(--display);border-radius:3px;flex:none;place-items:center;font-size:17px;font-weight:400;line-height:1;display:inline-grid}.kb-faq summary:before{content:"問";background:var(--shu);color:#fff6ea}.kb-faq summary:after{content:"";background:linear-gradient(var(--gold), var(--gold)) center / 10px 1.5px no-repeat, linear-gradient(var(--gold), var(--gold)) center / 1.5px 10px no-repeat;border-radius:50%;width:22px;height:22px;transition:background-size .2s;position:absolute;top:50%;right:22px;translate:0 -50%;box-shadow:inset 0 0 0 1px #b8913acc}.kb-faq details[open] summary:after{background-size:10px 1.5px,1.5px 0}.kb-faq summary:hover{color:var(--shu)}.kb-faq details p{gap:16px;padding:0 64px 22px 22px;line-height:1.9;display:flex}.kb-faq details p:before{content:"答";color:var(--shu);box-shadow:inset 0 0 0 1.5px var(--shu);margin-top:2px}.kb-faq-more{text-align:center;color:#d9ccb0;margin-top:28px}.kb-faq-more a{color:#f0b9ae;text-underline-offset:3px}.kb-doc a{color:var(--shu);text-underline-offset:3px}.kb-download{isolation:isolate;color:var(--ink);text-align:center;padding:clamp(130px,14vw,180px) 0 clamp(150px,15vw,200px);position:relative;overflow:hidden}.kb-download .kb-hero-bg{background-position:50% 62%}.kb-download .kb-hero-bg:after{background:radial-gradient(44% 50%,#fff8e8d9,#fff8e866 60%,#0000 85%)}.kb-download-inner{justify-items:center;display:grid}.kb-download-icon{border-radius:24px;width:112px;height:112px;box-shadow:0 0 0 2px #e9c977e6,0 12px 30px #28190559}.kb-download h2{font-family:var(--display);letter-spacing:.08em;margin-top:28px;font-size:clamp(32px,4.6vw,52px);font-weight:400}.kb-download p{color:#3f3528;margin:12px 0 30px}.kb-foot{background:var(--sumi);color:#c9b994;padding:48px 0 40px;font-size:14px;position:relative}.kb-foot .kb-clouds{opacity:.2}.kb-foot-inner{text-align:center;justify-items:center;gap:22px;display:grid;position:relative}.kb-foot-logo{width:220px;height:auto}.kb-foot nav{flex-wrap:wrap;justify-content:center;gap:10px 0;display:flex}.kb-foot nav a{padding:0 18px;text-decoration:none}.kb-foot nav a+a{border-left:1px solid #c9b99459}.kb-foot a{text-decoration:none}.kb-foot a:hover{color:var(--gold-hi)}.kb-page-head{text-align:center;padding:130px 0 64px}.kb-page-head p{color:var(--shu);letter-spacing:.3em;font-size:14px;font-weight:600}.kb-page-head h1{font-family:var(--display);letter-spacing:.1em;margin-top:10px;font-size:clamp(32px,4.6vw,48px);font-weight:400}.kb-doc{padding:64px 0 120px}.kb-doc h2{border-left:5px solid var(--shu);font-family:var(--display);letter-spacing:.06em;margin:44px 0 14px;padding-left:14px;font-size:22px;font-weight:400}.kb-doc h2:first-child{margin-top:0}.kb-doc h3{margin:22px 0 6px;font-size:17px}.kb-doc p+p{margin-top:1em}.kb-doc ul{padding-left:1.4em;list-style:outside}.kb-doc li{margin:.3em 0}.kb-box{background:#fbf6eaeb;border-radius:10px;margin:20px 0;padding:20px 24px;box-shadow:0 0 0 1px #b8913a80}.kb-mail{margin-top:6px;font-size:20px;font-weight:600;display:inline-block}.kb-updated{margin-top:10px;font-size:13px;color:var(--sub)!important;letter-spacing:.1em!important;font-weight:400!important}.kb-en{border-top:1px dashed var(--line);color:var(--sub);margin-top:64px;padding-top:32px}.kb-en h2{border-left-color:var(--sub);font-family:var(--mincho);font-weight:600}.kb-sub{letter-spacing:.08em;color:var(--sub);margin-top:12px;font-size:17px}.kb-dark .kb-sub{color:#d9ccb0}.kb-device{background:linear-gradient(145deg,#2f2923,#0e0c0a);border-radius:26px;padding:2.2%;display:block;box-shadow:0 0 0 1px #e9c97799,inset 0 0 0 2px #3a332b,0 26px 50px #1e140559}.kb-device img{aspect-ratio:3/2;object-fit:cover;border-radius:14px;width:100%;height:auto}.kb-device.tilt-l{transform:rotate(-3deg)}.kb-device.tilt-r{transform:rotate(3deg)}.kb-swirl{padding:7% 5%;position:relative}.kb-swirl:before{content:"";background:url(/images/kanji-battle/deco-swirl.webp) 50%/contain no-repeat;position:absolute;inset:-4% 0}.kb-swirl .kb-device{position:relative}.kb-hero-device{z-index:0;width:min(470px,31vw);margin:0;position:absolute;bottom:-36px;left:-50px;transform:rotate(-11deg)}.kb-hero-device .kb-device img{aspect-ratio:4/3}.kb-hero-inner{z-index:1;position:relative}@media (width<=1000px){.kb-hero-device{display:none}}.kb-floats{pointer-events:none;z-index:2;position:absolute;inset:0}.kb-float{width:64px;font-size:36px;animation:6s ease-in-out infinite kb-bob;position:absolute;box-shadow:0 0 0 1px #c9b98f,0 0 16px #f0c86473,0 10px 18px #2819054d}.kb-float:first-child{bottom:10%;left:-3%;rotate:-14deg}.kb-float:nth-child(2){animation-delay:-1.5s;bottom:-3%;left:9%;rotate:9deg}.kb-float:nth-child(3){animation-delay:-3s;bottom:16%;right:-2%;rotate:12deg}.kb-float:nth-child(4){animation-delay:-4.5s;bottom:-5%;right:9%;rotate:-8deg}@keyframes kb-bob{0%,to{translate:0}50%{translate:0 -10px}}@media (prefers-reduced-motion:reduce){.kb-float{animation:none}}.kb-floats-faq{width:190px;height:62%;inset:18% 5% auto auto}.kb-floats-faq .kb-float{width:78px;font-size:44px}.kb-floats-faq .kb-float:first-child{inset:0 auto auto 45%}.kb-floats-faq .kb-float:nth-child(2){inset:24% auto auto 0}.kb-floats-faq .kb-float:nth-child(3){inset:48% auto auto 52%}.kb-floats-faq .kb-float:nth-child(4){inset:72% auto auto 8%}@media (width<=1240px){.kb-floats-faq{display:none}}@media (width<=640px){.kb-float{width:48px;font-size:26px}}.kb-tanzaku{z-index:2;writing-mode:vertical-rl;font-family:var(--display);letter-spacing:.18em;color:var(--ink);background:#f8f1df url(/images/kanji-battle/washi.webp) 50%/cover;padding:24px 14px;font-size:19px;line-height:1.9;position:absolute;top:110px;box-shadow:0 0 0 1px #b8913ab3,inset 0 0 0 4px #f8f1dfe6,inset 0 0 0 5px #b8913a59,0 10px 22px #1e140540}.kb-tanzaku span{background:var(--shu);color:#fff6ea;letter-spacing:0;border-radius:3px;margin-top:12px;padding:3px 2px;font-size:13px;display:inline-block}.kb-tanzaku.left{left:4%}.kb-tanzaku.right{right:4%}@media (width<=1300px){.kb-tanzaku{display:none}}.kb-deco{z-index:0;pointer-events:none;height:auto;position:absolute}.kb-deco-sakura{width:min(440px,32vw);top:0;left:-30px}.kb-deco-pine{opacity:.9;width:min(340px,25vw);bottom:0;right:-20px}.kb-light>.kb-wrap{z-index:1;position:relative}@media (width<=860px){.kb-deco-sakura{opacity:.7;width:46vw}.kb-deco-pine{opacity:.6;width:36vw}}.kb-features>.kb-light{padding-block:calc(clamp(72px,9vw,112px) + clamp(40px,6vw,90px))}@media (width<=520px){.kb-faq summary{gap:12px;padding:16px 48px 16px 16px;font-size:16px}.kb-faq summary:after{right:14px}.kb-faq details p{gap:12px;padding:0 16px 18px;font-size:15px}}