@font-face{font-family:ChillRound;src:url(../assets/donder/ChillRoundF.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{font-family:ChillRound,PingFang SC,Microsoft YaHei,sans-serif;color:#382d2a;background:#fffef9;font-synthesis:none;--red: #e94435;--blue: #087c95;--ink: #382d2a;--line: #e9e2d8;--muted: #726761;--paper: #fffef9;scroll-behavior:smooth;scroll-padding-top:90px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #087c95;outline-offset:5px}img{max-width:100%;height:auto}button,a{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800}p{line-height:1.85}.red{color:var(--red)}.blue{color:var(--blue)}.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-180%);z-index:100;background:#fff;border:2px solid var(--ink);padding:10px 20px;border-radius:8px}.skip-link:focus{transform:translateY(0)}.site-header{height:78px;background:#fffef9f5;border-top:5px solid var(--red);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-wrap{max-width:1180px;padding:0 28px;margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:21px;white-space:nowrap;font-weight:800}.brand img{border-radius:6px;object-fit:contain}nav{display:flex;align-items:center;gap:30px;font-size:15px}nav>a{transition:color .16s}nav>a:hover{color:var(--red)}.nav-github{padding-left:23px;border-left:1px solid var(--line)}.nav-community{border:1.5px solid var(--ink);border-radius:8px;padding:9px 17px;background:#fff5d8;box-shadow:0 2px 0 var(--ink)}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;text-align:center;overflow:hidden;background:#fff8e9}.hero:before{content:"";position:absolute;z-index:-2;inset:0;background:url(../assets/donder/bg.webp) center 66% / cover no-repeat;opacity:.7}.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 40%,#fffdf5 12%,#fffdf5c9 43%,#fffdf520 90%)}.hero-inner{max-width:1240px;margin:auto;padding:64px 28px 24px}.eyebrow{font-family:ChillRound,sans-serif;font-size:12px;font-weight:700;letter-spacing:2.4px;color:var(--muted)}.hero-eyebrow{display:flex;justify-content:center;align-items:center;gap:14px;color:#6c5750;letter-spacing:3px}.tiny-don,.tiny-ka{height:10px;width:10px;border:1.5px solid var(--ink);border-radius:50%;background:#fa6351}.tiny-ka{background:#54c9d2}.hero-title-wrap{position:relative;margin:30px auto 8px;width:fit-content}h1{font-size:clamp(58px,7.5vw,96px);letter-spacing:-4px;line-height:1.3;paint-order:stroke fill;-webkit-text-stroke:7px var(--ink);filter:drop-shadow(0 5px 0 #fff) drop-shadow(0 3px 0 #382d2a);white-space:nowrap}.word-our{color:#fff8df}.word-taiko{color:#ff6651}.word-play{color:#68d0d7}.mascot{position:absolute;z-index:-1;object-fit:contain;filter:drop-shadow(0 5px 0 #ffffffb0)}.mascot-don{width:154px;left:-185px;top:14px;transform:rotate(-12deg)}.mascot-ka{width:143px;right:-178px;top:25px;transform:rotate(11deg)}.hero-tagline{font-size:29px;font-weight:800;letter-spacing:3px;margin-top:28px;line-height:1.65}.hero-description{margin:16px auto 27px;color:#695b54;font-size:16px;line-height:1.95;max-width:690px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:15px}.button{min-height:49px;padding:12px 24px;border:2px solid var(--ink);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:16px;font-weight:700;box-shadow:0 4px 0 var(--ink);transition:transform .16s,box-shadow .16s,background .16s}.button:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--ink)}.button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.button-red{background:#f65040;color:#fff}.button-red:hover{background:#e43f32}.button-white{background:#fffefa}.button-white:hover{background:#fff2cc}.button svg{width:21px;height:21px;fill:currentColor}.hero-community{font-size:15px;color:#66564c;padding:14px 5px}.hero-community:hover{text-decoration:underline}.platform-strip{margin:41px auto 0;border-top:1px solid #57443223;max-width:720px;padding:23px 0 5px;display:flex;justify-content:center;align-items:center;gap:38px;font-size:14px}.platform-strip>span{display:flex;align-items:center;gap:7px}.platform-strip small{font-size:11px;background:#fffc;border:1px solid #d5c7b7;padding:2px 5px;border-radius:4px;color:#786a5f}.hero-bottom{height:12px;margin-top:15px;border-block:2px solid #fff;background:repeating-linear-gradient(90deg,#f65040 0 24px,#fff5d8 24px 32px,#66cbd0 32px 56px,#fff5d8 56px 64px)}.section{max-width:1180px;padding:66px 28px;margin:auto}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:9px}.section-heading h2{font-size:30px;line-height:1.5;letter-spacing:.2px}.section-heading>p{font-size:14px;color:var(--muted);line-height:1.7;text-align:right}.feature-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.feature{padding:27px 24px 27px 0;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line)}.feature:nth-child(2n){padding-left:29px;padding-right:0;border-left:1px solid var(--line)}.feature-number{font-size:15px;color:#a3988f;align-self:flex-start;margin-top:4px}.feature h3{font-size:19px;margin-bottom:8px}.feature p{font-size:14px;color:var(--muted);line-height:1.9}.feature img{width:57px;height:57px;object-fit:contain;margin-left:auto;flex-shrink:0}.download-section{background:#fff4dc;border-block:1px solid #efe2c9}.download-section .section-heading{margin-bottom:16px}.text-link{font-size:14px;border-bottom:1px solid #9d8170;padding-bottom:3px;white-space:nowrap}.text-link:hover{color:var(--red)}.download-intro{color:#766453;font-size:15px;margin-bottom:26px}.download-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.download-card{border:2px solid #49362e;background:#fffefa;border-radius:13px;box-shadow:0 5px #e6d9be;padding:22px 20px 17px;position:relative;overflow:hidden}.download-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--accent)}.windows{--accent: #f56550}.android{--accent: #6aa875}.ios{--accent: #51bfcf}.macos{--accent: #b79bca}.card-top{display:flex;align-items:center;justify-content:space-between;margin:5px 0 20px;gap:10px}.platform-icon{width:30px;height:30px;fill:var(--ink)}.outline-icon{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.status-label{font-size:10px;letter-spacing:1px;border:1px solid #e8c9a4;color:#735535;background:#fff2d9;border-radius:5px;padding:4px 6px}.status-label.muted{color:#6e5a7f;background:#f4ecf9;border-color:#d9cce3}.download-card h3{font-size:24px;white-space:nowrap}.platform-spec{font-size:12px;color:var(--muted);margin:7px 0 24px}.download-button{font-size:14px;font-weight:700;min-height:43px;background:#fff5dc;border:1.5px solid #b6a594;border-radius:7px;display:flex;justify-content:center;align-items:center;gap:10px;transition:background .16s,border-color .16s}.download-button:hover{background:#ffe0ab;border-color:var(--ink)}.windows .download-button{background:#fa6150;color:#fff;border-color:#d44b37}.windows .download-button:hover{background:#df4737}.card-note{font-size:11px;text-align:center;color:#85756a;margin-top:10px}.release-line{display:flex;align-items:baseline;gap:9px;margin:20px 0 28px;color:#806e5c}.release-line p{font-size:12px}.release-icon{font-family:serif;font-size:11px;border:1px solid currentColor;border-radius:50%;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.community-banner{border-top:1px dashed #cfbea3;display:flex;justify-content:space-between;align-items:center;padding-top:28px;gap:20px}.community-banner strong{font-size:19px}.community-banner p{font-size:14px;color:var(--muted);margin-top:5px}.community-banner .button{min-height:42px;font-size:14px;padding:9px 20px;white-space:nowrap}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:0;margin:0;list-style:none;counter-reset:steps}.steps li{position:relative;padding-top:3px}.step-index{display:inline-flex;align-items:center;justify-content:center;font-size:18px;background:#fff0d6;border:1.5px solid var(--ink);border-radius:50%;width:42px;height:42px;box-shadow:2px 2px #eddbbd;margin-bottom:17px}.steps li:nth-child(2) .step-index{background:#dff3f0;box-shadow:2px 2px #c4e3df}.steps li:nth-child(3) .step-index{background:#ffe4df;box-shadow:2px 2px #f2cac1}.steps li:not(:last-child):after{content:"";position:absolute;left:62px;right:-16px;top:24px;border-top:1px dashed #d5c9ba}.steps h3{font-size:20px;margin-bottom:10px}.steps p{font-size:15px;color:var(--muted)}.controls-panel{display:flex;align-items:center;gap:30px;margin-top:35px;background:#f7f6f0;border:1px solid var(--line);border-radius:12px;padding:26px 28px}.controls-panel>div:first-child{margin-right:auto}.controls-panel h3{font-size:20px}.controls-panel p{font-size:12px;color:var(--muted);margin-top:5px}.key-pair{text-align:center}.key-pair>div{display:flex;gap:7px}.key-pair>span{font-size:12px;display:block;margin-top:10px}.ka{color:var(--blue)}.don{color:var(--red)}kbd{font-family:inherit;display:inline-flex;justify-content:center;align-items:center}.key-pair kbd{height:39px;width:39px;background:#fff;border:1.5px solid currentColor;border-bottom-width:4px;border-radius:6px;font-size:18px}.other-keys{font-size:12px;color:#77675b;display:flex;flex-direction:column;gap:12px;padding-left:28px;border-left:1px solid #ded5c8}.other-keys kbd{font-size:11px;background:#fffc;border:1px solid #cabeae;border-radius:4px;padding:3px 7px;margin-right:4px}.guide-note{margin-top:18px;font-size:12px;color:var(--muted)}.guide-note a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.friends-section{background:#f3f7f5;border-block:1px solid #e0e8e2}.friends-section .section{padding-block:48px}.friends-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.friends-grid>a{display:flex;align-items:center;gap:13px;background:#fffef9;padding:21px;border:1px solid #dedfd6;border-radius:9px;transition:border-color .16s,transform .16s}.friends-grid>a:hover{border-color:var(--blue);transform:translateY(-2px)}.friend-badge{height:44px;width:44px;background:#ffebe3;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:25px;font-weight:800;flex-shrink:0}.friend-badge.blue{background:#e3f3f4}.friends-grid img{border-radius:50%;flex-shrink:0}.friends-grid strong{display:block;font-size:16px}.friends-grid small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.external-mark{margin-left:auto;color:#93877c}.site-footer{max-width:1180px;margin:auto;padding:34px 28px 30px;color:var(--muted)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.footer-top .brand{font-size:18px;color:var(--ink)}.footer-top>span{font-size:13px}.footer-top>div{display:flex;gap:22px;font-size:13px}.site-footer>p{font-size:11px;line-height:1.9}.site-footer a:hover{color:var(--red)}.credits{max-width:850px;min-height:65vh}.credits h1{font-size:40px;letter-spacing:0;white-space:normal;-webkit-text-stroke:0;filter:none;margin:15px 0 30px}.credits h2{font-size:23px;margin:28px 0 12px}.credits p,.credits li{color:var(--muted);font-size:16px;line-height:1.9}.credits a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.credits code{overflow-wrap:anywhere;font-size:13px}.credits ul{padding-left:22px}.hero-inner{position:relative;z-index:0}@media(min-width:1500px){.hero-inner{padding-top:77px;padding-bottom:30px}.hero-description{margin-block:23px 32px}.hero-tagline{margin-top:33px}.platform-strip{margin-top:46px}}@media(max-width:1050px){nav{gap:20px}.nav-github{padding-left:17px}.mascot-don{width:112px;left:-125px;top:15px}.mascot-ka{width:109px;right:-123px;top:20px}.download-grid{gap:12px}.download-card{padding:20px 14px 16px}.download-card h3{font-size:22px}.download-button{font-size:12px;gap:5px}.feature{gap:12px}.feature img{width:45px;height:45px}.feature p{font-size:13px}.controls-panel{gap:20px}.friends-grid>a{padding:17px 13px}.friends-grid strong{font-size:14px}.friends-grid small{font-size:11px}}@media(max-width:800px){.site-header{height:69px}.brand{font-size:20px}.nav-wrap{padding-inline:22px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;align-items:center;background:transparent;border:1.5px solid var(--ink);border-radius:7px;width:40px;height:38px}.menu-toggle span{height:2px;width:19px;background:var(--ink)}nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--paper);border-bottom:2px solid var(--ink);padding:20px 24px;box-shadow:0 6px 12px #382d2a12;gap:8px;flex-wrap:wrap}nav.is-open{display:flex}nav>a{padding:12px 16px;min-height:44px}.nav-github{border:0}.nav-community{margin-left:4px}.hero-inner{padding:44px 22px 20px}.hero-eyebrow{font-size:11px;letter-spacing:2px;gap:10px}.hero-title-wrap{margin-top:39px}h1{font-size:clamp(48px,10vw,79px);letter-spacing:-3px;-webkit-text-stroke:5px var(--ink)}.mascot{opacity:.75}.mascot-don{width:94px;left:-46px;top:-31px;transform:rotate(-20deg)}.mascot-ka{width:85px;right:-29px;top:42px;transform:rotate(15deg)}.hero-tagline{font-size:25px;margin-top:24px;letter-spacing:2px}.hero-description{font-size:15px;max-width:570px;margin-top:18px}.hero-actions{gap:12px;flex-wrap:wrap}.hero-community{flex-basis:100%;padding:6px 0}.platform-strip{gap:20px;font-size:12px;margin-top:22px}.platform-strip>span{flex-direction:column;gap:5px}.platform-strip small{font-size:10px}.section{padding:45px 22px}.section-heading{gap:20px;margin-bottom:26px}.section-heading h2{font-size:26px}.section-heading>p{font-size:12px}.feature{gap:12px;align-items:flex-start;padding:22px 15px 22px 0}.feature:nth-child(2n){padding-left:19px}.feature h3{font-size:17px}.feature p{font-size:13px}.feature img,.desktop-break{display:none}.download-grid{grid-template-columns:repeat(2,1fr);gap:20px}.download-card{padding:23px 21px 18px}.download-card h3{font-size:25px}.download-button{font-size:14px}.card-note{font-size:12px}.steps{gap:24px}.steps h3{font-size:18px}.steps p{font-size:14px}.controls-panel{flex-wrap:wrap;padding:22px}.controls-panel>div:first-child{flex-basis:100%}.other-keys{margin-left:auto}.friends-grid{grid-template-columns:1fr}.friends-grid>a{padding:18px 22px}.friends-grid strong{font-size:16px}.friends-grid small{font-size:13px}.footer-top{flex-wrap:wrap}.footer-top>span{display:none}.site-footer{padding-inline:22px}}@media(max-width:520px){.hero-inner{padding-top:35px}.hero-title-wrap{margin-top:47px}.hero-eyebrow{font-size:10px;letter-spacing:1.5px}.hero h1{font-size:12vw;letter-spacing:-2px;-webkit-text-stroke:4px var(--ink)}.mascot-don{width:76px;left:0;top:-34px}.mascot-ka{width:70px;right:0;top:42px}.hero-tagline{font-size:23px;margin-top:33px;letter-spacing:1px}.hero-description{font-size:14px;line-height:1.9;max-width:330px}.hero-actions{gap:11px}.hero-actions .button{font-size:14px;padding:11px 15px;min-height:45px}.hero-community{font-size:13px;padding-top:10px}.platform-strip{gap:18px;font-size:11px;margin-top:22px;padding-top:20px}.platform-strip small{font-size:9px}.hero-bottom{margin-top:2px}.section-heading{display:block}.section-heading h2{font-size:24px}.section-heading>p{text-align:left;margin-top:12px;font-size:13px}.section-heading .text-link{display:inline-block;margin-top:15px}.eyebrow{font-size:10px;letter-spacing:2px}.feature-grid{grid-template-columns:1fr}.feature,.feature:nth-child(2n){border-left:none;padding:23px 0;gap:15px}.feature img{display:block;width:52px;height:52px;align-self:center}.feature h3{font-size:18px}.feature p{font-size:14px}.feature-number{font-size:13px}.download-intro{font-size:14px}.download-grid{gap:13px}.download-card{padding:18px 12px 15px;border-radius:10px}.platform-icon{width:25px;height:25px}.status-label{font-size:8px;letter-spacing:.5px;padding:4px}.card-top{margin-bottom:16px;gap:6px}.download-card h3{font-size:20px}.platform-spec{font-size:10px;margin:7px 0 19px}.download-button{font-size:12px;gap:3px;min-height:45px}.card-note{font-size:10px;line-height:1.65;min-height:33px}.community-banner{align-items:flex-start;flex-direction:column;gap:16px}.community-banner strong{font-size:18px}.community-banner p{font-size:13px}.community-banner .button{align-self:flex-start}.steps{grid-template-columns:1fr;gap:25px}.steps li{padding-left:60px}.step-index{position:absolute;left:0;top:0;width:39px;height:39px;font-size:16px}.steps li:not(:last-child):after{left:19px;right:auto;top:51px;height:calc(100% - 31px);border-top:0;border-left:1px dashed #d5c9ba}.steps p{font-size:14px}.steps h3{margin-bottom:6px}.controls-panel{gap:23px;justify-content:center}.controls-panel>div:first-child{margin:0;text-align:center}.controls-panel h3{font-size:19px}.controls-panel p{font-size:11px}.other-keys{flex-basis:100%;border-left:0;border-top:1px solid #ded5c8;flex-direction:row;justify-content:center;margin:0;padding:18px 0 0;gap:12px}.guide-note{font-size:11px}.footer-top{gap:20px}.footer-top>div{gap:22px;width:100%;font-size:12px}.site-footer>p{font-size:10px}.credits h1{font-size:32px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}