*{margin:0;padding:0;box-sizing:border-box}body{background:#e7dfcb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Helvetica,Arial,sans-serif;font-size:16;display:flex;flex-direction:column;min-height:100vh;padding-bottom:calc(56px + env(safe-area-inset-bottom))}.top-safe{padding-top:calc(70px + env(safe-area-inset-top))}.shop{background-color:#d0d5bf}.shop-list{margin:20px;font-size:1rem;line-height:1.3;color:#312e2b}.splash-animation{display:block;margin-left:auto;margin-right:auto}.index-content{opacity:0;animation:fadeIn .4s ease forwards;animation-delay:1.5s}@keyframes fadeIn{to{opacity:1}}.play-btn,.shop-btn,.about-btn{width:56%;display:block;margin:15px auto auto;padding:8px 35px;font-size:1.3rem;color:#fff;border:none;cursor:pointer;border-radius:25px;text-decoration:none;text-align:center;clear:both}.play-btn{background-color:#424f40}.shop-btn{background-color:#34364b}.about-btn{background-color:#3f0552}.navigation-buttons{background:#edeae0;padding:4px 24px 7px;padding-bottom:calc(10px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;border-top:1px solid #999;width:100%;position:fixed;bottom:0;left:0}.nav-btn{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;font-size:.8rem;line-height:1;color:#333}.nav-off{opacity:.45}.nav-icon{width:32px;height:32px;margin-bottom:4px}a.btn{text-decoration:none}.back-btn{width:30px;height:30px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:36px;color:#333}.page-container{max-width:800px;margin:auto;padding:20px;flex:1;width:100%}.page-title{font-size:1.5rem;font-weight:600;margin-bottom:20px}.page-content{font-size:1rem;line-height:1.5;margin-top:20px}.index-text{margin:20px 10px 10px;font-size:1rem;font-weight:400;text-align:center;color:#312e2b}.invisible{display:none}.promo-box{padding:10px;border:1px solid #666;border-radius:15px;background-color:#d0d5bf;z-index:100;position:absolute;width:98%;left:50%;transform:translate(-50%);top:2px;height:215px;justify-content:flex-end;align-items:center;text-align:center}.ad-top-row{display:flex;align-items:flex-start}.ad-img-box{position:relative;overflow:hidden;height:136px;width:204px;flex-shrink:0;margin:5px;border-radius:5px;border:solid 1px #303030}.ad-img-box:before,.ad-img-box:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:top center;background-size:cover}.ad-img-box:before{background-image:url(../images/ad-img1.jpeg);animation:ad-fade-out 9s infinite}.ad-img-box:after{background-image:url(../images/ad-img2.jpeg);animation:ad-fade-in 9s infinite}@keyframes ad-fade-out{0%,35%{opacity:1}50%,85%{opacity:0}to{opacity:1}}@keyframes ad-fade-in{0%,35%{opacity:0}50%,85%{opacity:1}to{opacity:0}}.ad-content{margin-top:20px;font-size:1rem;font-weight:200;line-height:1.3;flex:1;padding:5px 10px;text-align:left}.ad-btn{display:inline-block;padding:2px 25px;width:130px;font-size:1.1rem;background-color:#34364b;color:#fff;border:none;cursor:pointer;border-radius:25px;text-decoration:none;text-align:center;margin:15px 10px 10px}.skip-btn{display:inline-block;padding:2px 25px;width:130px;font-size:1.1rem;background-color:#999;color:#1d1d1d;border:none;cursor:pointer;border-radius:25px;text-decoration:none;text-align:center;margin:15px 10px 10px}.skip-off{opacity:.6}.promo-btn{display:inline-block;padding:3px 15px;font-size:1rem;background-color:#424f40;color:#fff;border:none;cursor:pointer;border-radius:25px;text-decoration:none;text-align:center;margin:10px;width:150px}.again-button{width:180px;height:40px;margin:10px;border:none;background-color:#476138;color:#fff;font-size:1.1rem;border-radius:20px;cursor:pointer}.continue-button{width:180px;height:40px;margin:10px;border:none;background-color:#384161;color:#fff;font-size:1.1rem;border-radius:20px;cursor:pointer}.n-btn{background-color:#424f40b3}.promo-btn-row{display:flex;justify-content:center;gap:10px}div.foot{clear:both;margin-top:auto;padding:5px;width:100%;margin-bottom:10px}p.foot_text{font-size:.9rem;color:#adab91;max-width:800px;text-align:center}