:root{color:#344f46;font-synthesis:none;background:#f8f7f0;font-family:Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,system-ui,sans-serif;font-weight:500}*{box-sizing:border-box}body{margin:0}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0;min-height:44px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #b47b35}button:hover{filter:brightness(.97)}button:active{transform:translateY(1px)}button:disabled{cursor:default}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.site-header{justify-content:space-between;align-items:center;max-width:1440px;margin:auto;padding:28px 5%;display:flex}#brand{align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.brand-cloud{color:#668e7d;font-size:32px}.brand-en{letter-spacing:1.5px;color:#647c71;margin-left:15px;font-size:9px}.quiet{background:0 0;border-radius:12px;padding:8px 12px;font-size:13px}.layout{grid-template-columns:1fr 382px 1fr;align-items:center;gap:48px;max-width:1320px;margin:auto;padding:25px 40px;display:grid}.intro{padding-bottom:20px}.eyebrow{letter-spacing:1.8px;color:#5b7a68;font-size:10px;font-weight:800;display:block}.eyebrow i{background:#6b9a80;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}h1{letter-spacing:1px;margin:25px 0 20px;font-size:clamp(32px,3.2vw,47px);font-weight:800;line-height:1.65}h1 span{color:#628772}.intro p{color:#65756b;font-size:14px;line-height:2.25}.intro-tag{background:#eaf0e6;border-radius:30px;margin-top:21px;padding:11px 15px;font-size:11px;display:inline-block}.doodle{color:#b4c5b2;letter-spacing:12px;padding:25px 45px;font-size:48px;transform:rotate(-8deg)}.doodle span{color:#c9b079;font-size:37px}.game-shell{aspect-ratio:360/640;background:#edf6ef;border:7px solid #fffdf8;border-radius:35px;width:100%;position:relative;overflow:hidden;box-shadow:0 14px 45px #395b4610,0 0 0 1px #e0e7db}canvas{touch-action:pan-y;width:100%;height:100%;display:block}.panel{text-align:center;scrollbar-width:thin;background:#f3f7eeef;flex-direction:column;align-items:stretch;padding:36px 24px 25px;display:flex;position:absolute;inset:0;overflow-y:auto}.panel.title{background:linear-gradient(#edf6effa 0%,#edf6ef 57%,#e0eddfed 100%);justify-content:center;padding:30px}.title .eyebrow{font-size:10px}.title-mark{color:#fffef6;text-shadow:0 2px #658c76,2px 0 #658c76,-2px 0 #658c76;height:122px;margin:20px 0 0;font-size:110px;line-height:1;position:relative}.title-mark span{color:#c8a25c;text-shadow:none;font-size:38px;position:absolute;top:10px;right:34px}.game-title{font-weight:900;line-height:1.18;letter-spacing:3px!important;margin:15px 0!important;font-size:43px!important}.game-title span{margin-top:7px;font-size:37px;display:block}.panel p{color:#607568;margin:10px 0 22px;font-size:12px;line-height:1.9}.panel h2{letter-spacing:.2px;margin:22px 0 4px;font-size:22px}.primary{color:#fffef6;background:#547b64;border-radius:17px;min-height:55px;margin:8px 0 14px;padding:15px 20px;font-size:16px;font-weight:700;box-shadow:0 4px #3a5d49}.primary span{float:right}.secondary{background:#fffdf6;border:1px solid #c5d7c7;border-radius:14px;min-height:47px;margin:5px 0;padding:12px 16px;font-size:13px}.button-row{gap:10px;display:flex}.button-row>*{flex:1}.panel small{color:#63756a;font-size:10px;line-height:1.8}.title>small{margin-top:22px}.guide{align-self:center}.guide h2{margin:15px 0 28px;font-size:16px;line-height:1.8}.guide-item{align-items:flex-start;gap:13px;margin:0 0 27px;display:flex}.guide-icon{background:#e2ece5;border-radius:16px;place-items:center;min-width:46px;height:46px;font-size:24px;display:grid}.guide-icon.peach{background:#f5e6cc}.guide h3{margin:0 0 7px;font-size:14px}.guide p{margin:0 0 9px;font-size:11px;line-height:1.7}.guide small{color:#647469;font-size:10px}kbd{background:#fffdf7;border:1px solid #d5dcd2;border-bottom:2px solid #c5cec3;border-radius:5px;padding:3px 7px;font-family:inherit;font-size:10px;display:inline-block}.gentle-note{color:#67786a;border-top:1px dashed #ced8c8;padding-top:22px;font-size:12px;line-height:2}.text-button{text-underline-offset:4px;background:0 0;margin-top:8px;font-size:11px;text-decoration:underline}.mode-list{gap:12px;margin:7px 0 16px;display:grid}.mode-option{text-align:left;background:#fffdf7;border:1px solid #d2dfd0;border-radius:17px;align-items:center;gap:10px;min-height:88px;padding:15px 10px;display:flex}.mode-option.selected{background:#e6efdf;border:2px solid #61816b;padding:14px 9px}.mode-option b{font-size:15px}.mode-option small{letter-spacing:-.3px;margin-top:6px;font-size:9px;display:block}.mode-symbol{color:#768d5e;min-width:29px;font-size:27px}.duration{white-space:nowrap;margin-left:auto;font-size:12px}.instructions{text-align:left;padding:7px 9px}.instructions p{margin:10px 0 17px}.instructions b{color:#3e604b;font-size:13px}.panel details{text-align:left;margin-bottom:12px;font-size:11px;line-height:1.8}.panel summary{cursor:pointer;min-height:44px;padding:10px 0}.pause-cloud{color:#83a18a;margin:28px 0 10px;font-size:73px;line-height:1.2}.paused{background:#f3f7eef5;justify-content:center}.settings-list{margin:23px 0}.setting{text-align:left;border-bottom:1px solid #d5e0d1;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;display:flex}.setting b{font-size:13px}.setting small{margin-top:6px;font-size:9px;display:block}.setting input{appearance:none;cursor:pointer;background:#bac6ba;border-radius:20px;flex-shrink:0;width:44px;height:28px;margin:8px 0;position:relative}.setting input:checked{background:#547b64}.setting input:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;position:absolute;top:4px;left:4px}.setting input:checked:before{left:20px}.small{font-size:10px!important}.result-count{background:#e5eedf;border-radius:20px;margin:0 0 15px;padding:20px}.result-count>span{font-size:12px;display:block}.result-count strong{font-size:63px;font-weight:500;line-height:1.3;display:block}.result-count strong small{margin-left:8px;font-size:16px}.support-note{margin:17px 5px 0}.result .pause-cloud{margin:10px 0;font-size:60px}#hud{z-index:1;background:#fffef6e8;border-radius:17px;align-items:center;gap:12px;padding:9px 12px;display:flex;position:absolute;top:16px;left:16px;right:12px}#hud span{color:#657b69;font-size:9px;display:block}#hud strong{letter-spacing:.5px;font-size:21px;font-weight:700}#hud .count{flex:1}.icon-button{background:#e9f0e2;border-radius:12px;min-width:44px;font-size:20px;font-weight:700}#finish{padding:0 4px;font-size:10px}#controls{grid-template-columns:62px 1fr 62px;align-items:center;gap:16px;display:grid;position:absolute;bottom:21px;left:22px;right:22px}#controls button{background:#fffef6;border:1px solid #b8ceba;border-radius:18px;min-height:58px;font-size:25px;box-shadow:0 3px #b8ceba}#controls #reflect{color:#fffef6;background:#547b64;border:0;min-height:70px;font-size:20px;position:relative;box-shadow:0 4px #3c5d46}#reflect small{letter-spacing:2px;margin-top:2px;font-size:8px;display:block}.ring{background:conic-gradient(#ebd49a var(--cooldown,0deg),#fff3 0);border-radius:50%;width:14px;height:14px;position:absolute;top:7px;right:7px;-webkit-mask:radial-gradient(#0000 45%,#000 50%);mask:radial-gradient(#0000 45%,#000 50%)}footer{letter-spacing:.5px;color:#6b7c6e;justify-content:space-between;max-width:1320px;margin:26px auto 0;padding:0 40px 25px;font-size:10px;display:flex}#update{z-index:10;background:#fffdf6;border:1px solid #547b64;border-radius:15px;padding:12px 20px;font-size:12px;position:fixed;bottom:15px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0002}#update button{color:#fff;background:#547b64;border-radius:9px;padding:5px 15px}.high-contrast{color:#173a29;background:#fff}.high-contrast .panel{background:#f4faf2}.high-contrast p,.high-contrast small,.high-contrast .eyebrow,.high-contrast footer,.high-contrast #hud span{color:#274432}.high-contrast button,.high-contrast .game-shell{border:2px solid #274432}.high-contrast .primary,.high-contrast #controls #reflect{color:#fff;background:#274432}.reduced-motion *{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (width>=1250px){.layout{gap:65px}}@media (width<=1100px){.layout{grid-template-columns:1fr 360px;gap:40px;max-width:850px}.guide,.brand-en{display:none}}@media (width<=680px){.site-header{padding:12px 20px}#brand{font-size:14px}.brand-cloud{font-size:26px}.layout{max-width:402px;padding:5px 14px;display:block}.intro{display:none}.game-shell{border-width:5px;border-radius:28px;max-width:370px;margin:auto}footer{text-align:center;margin-top:17px;padding:0 15px 18px;font-size:9px;display:block}footer span{display:none}.site-header .quiet{font-size:12px}.panel{padding:30px 22px 22px}body{padding-bottom:env(safe-area-inset-bottom)}}@media (height<=760px) and (width>=681px){.layout{grid-template-columns:1fr 326px 1fr;gap:40px;max-width:1200px;padding-top:5px}.site-header{padding-top:15px;padding-bottom:15px}.panel{padding:22px 19px}.game-title{font-size:36px!important}.game-title span{font-size:32px}.title-mark{height:90px;margin-top:10px;font-size:87px}.panel h2{font-size:19px}.mode-option{min-height:77px;padding:11px 8px}.mode-option.selected{padding:10px 7px}.panel p{margin-bottom:14px}footer{margin-top:15px}.guide{display:block}.setting{padding:12px 0}.settings-list{margin:12px 0}.instructions p{margin:8px 0 12px;font-size:11px}.pause-cloud{margin-top:10px}.result-count{padding:10px}.support-note{font-size:9px!important}}:root .custom-section{text-align:left;border-top:1px solid #c5d7c7;padding:18px 0}.custom-section h3{margin:6px 0;font-size:15px}.custom-section p{margin:8px 0;font-size:11px}.custom-section label{margin:8px 0;font-size:12px;display:block}.custom-section textarea{resize:vertical;width:100%;min-height:120px;font:inherit;color:#344f46;background:#fffef8;border:1px solid #8ba18e;border-radius:10px;padding:10px;font-size:13px;display:block}.custom-section input[type=file]{width:100%;font:inherit;padding:10px 0;font-size:11px}.custom-section input[type=range]{accent-color:#547b64;width:100%;min-height:44px;display:block}.custom-section #crop-preview{background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0/16px 16px;border:1px solid #547b64;border-radius:12px;width:180px;height:180px;margin:10px auto}.icon-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.icon-list>div{background:#fffdf6;border-radius:10px;flex-wrap:wrap;justify-content:center;padding:6px;display:flex}.icon-list img{object-fit:cover;border-radius:50%;width:48px;height:48px;margin:4px calc(50% - 24px)}.icon-list button{background:0 0;min-height:44px;padding:4px;font-size:10px}.panel.settings>*{flex-shrink:0}.custom-section [role=status]{overflow-wrap:anywhere}.high-contrast .custom-section textarea{border:2px solid #274432}.about-game{color:#47604f;border-top:1px solid #d5dfd0;max-width:900px;margin:12px auto 36px;padding:24px 28px;font-size:12px;line-height:1.9}.about-game h2{margin:0 0 10px;font-size:18px}.about-game p{margin:8px 0 14px}.about-details summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:700}.about-details details{border-bottom:1px solid #d5dfd0}.about-game .creator{margin-top:22px}.creator a{text-underline-offset:4px;font-weight:700;text-decoration:underline}.high-contrast .about-game{color:#173a29}@media (width<=680px){.about-game{margin-top:0;padding:20px;font-size:11px}}
