@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Fredoka+One&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background:#fff8f0;min-height:100vh;font-family:Noto Sans JP,sans-serif}:root{--cream:#fff8f0;--warm:#ffe8cc;--brown:#8b5e3c;--bd:#5c3d1e;--bl:#c4956a;--org:#f4a261;--red:#e76f51;--sh:#5c3d1e26}.wrap{background:radial-gradient(circle at 20% 20%,#ffe8cc 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ffd4a8 0%,#0000 50%);flex-direction:column;align-items:center;min-height:100vh;display:flex}.title-screen{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;padding:40px 20px;display:flex}.title-dog{filter:drop-shadow(0 8px 16px #8b5e3c33);animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-12px)rotate(3deg)}}.mameshiba-img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block}.title-dog .mameshiba-img{width:min(42vw,180px);height:min(42vw,180px)}.title-text{color:var(--bd);text-align:center;letter-spacing:2px;text-shadow:3px 3px 0 var(--org),6px 6px 0 #8b5e3c26;font-family:Fredoka One,cursive;font-size:44px}.title-sub{color:var(--bl);letter-spacing:4px;font-size:13px;font-weight:700}.title-howto{max-width:min(86vw,360px);color:var(--brown);text-align:center;background:#ffffffd1;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:700;line-height:1.5;box-shadow:0 4px 12px #5c3d1e1a}.card{box-shadow:0 4px 12px var(--sh);text-align:center;background:#fff;border-radius:20px;padding:12px 24px}.card-label{color:var(--bl);letter-spacing:2px;font-size:10px;font-weight:700}.card-val{color:var(--bd);font-family:Fredoka One,cursive;font-size:26px}.score-number{letter-spacing:0;white-space:nowrap;font-size:clamp(18px,5vw,26px);line-height:1.1}.btn-start{background:linear-gradient(135deg,var(--org),var(--red));color:#fff;letter-spacing:2px;cursor:pointer;border:none;border-radius:50px;padding:16px 52px;font-family:Fredoka One,cursive;font-size:24px;transition:all .1s;position:relative;top:0;box-shadow:0 6px #c45534,0 10px 20px #e76f5166}.btn-start:active{top:4px;box-shadow:0 2px #c45534}.btn-reset-stage{min-width:min(84vw,320px);color:var(--bd);letter-spacing:1px;cursor:pointer;background:#fffffff5;border:2px solid #5c3d1e24;border-radius:20px;padding:14px 28px;font-family:Fredoka One,cursive;font-size:16px;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s;position:relative;box-shadow:0 8px 18px #5c3d1e1f}.btn-reset-stage:hover{border-color:var(--org);background:linear-gradient(#fffdf9 0%,#fff0da 100%);transform:translateY(-1px);box-shadow:0 10px 22px #5c3d1e29}.btn-reset-stage:active{transform:translateY(1px);box-shadow:0 4px 10px #5c3d1e24}.btn-reset-stage:focus-visible{outline-offset:3px;outline:3px solid #f4a26159}.game-screen{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:480px;min-height:100vh;padding:14px;display:flex}.game-header{align-items:center;gap:8px;width:100%;display:flex}.stat-box{box-shadow:0 4px 12px var(--sh);text-align:center;background:#fff;border-radius:14px;flex:1;padding:8px 12px}.stat-label{color:var(--bl);letter-spacing:2px;text-transform:uppercase;font-size:9px;font-weight:700}.stat-value{color:var(--bd);font-family:Fredoka One,cursive;font-size:22px;line-height:1}.back-btn{border:2px solid var(--bl);cursor:pointer;width:38px;height:38px;color:var(--brown);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.score-bar-wrap{width:100%;box-shadow:0 4px 12px var(--sh);background:#fff;border-radius:14px;padding:10px 14px}.score-bar-labels{color:var(--bl);justify-content:space-between;margin-bottom:5px;font-size:11px;font-weight:700;display:flex}.score-bar-bg{background:var(--warm);border-radius:99px;height:11px;overflow:hidden}.score-bar-fill{background:linear-gradient(90deg,var(--org),var(--red));border-radius:99px;height:100%;transition:width .4s cubic-bezier(.34,1.56,.64,1)}.mascot{filter:drop-shadow(0 4px 8px #8b5e3c33);justify-content:center;align-items:center;min-height:72px;transition:all .3s;display:flex}.mascot .mameshiba-img{width:72px;height:72px;transition:transform .3s,filter .3s}.mascot.happy .mameshiba-img{filter:saturate(1.08);transform:translateY(-2px)scale(1.04)}.mascot.worried .mameshiba-img{filter:saturate(.92);transform:translateY(2px)scale(.96)}.board-wrap{box-shadow:0 8px 32px var(--sh);background:#fff;border-radius:22px;width:100%;padding:10px;position:relative}.board{grid-template-columns:repeat(7,1fr);gap:3px;width:100%;display:grid}.cell{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--cream);border:2px solid #0000;border-radius:11px;justify-content:center;align-items:center;font-size:clamp(22px,5vw,34px);transition:transform .15s;display:flex;position:relative}.cell:hover{transform:scale(1.08)}.cell.selected{border-color:var(--org);z-index:2;transform:scale(1.12);box-shadow:0 0 0 3px #f4a26166}.cell.popping{animation:.3s forwards pop}.cell.power-line{background:linear-gradient(135deg,#ffe066,#f4a261)}.cell.power-bomb{background:linear-gradient(135deg,#ff6b9d,#c44569)}.cell.power-all{background:linear-gradient(135deg,#a8edea,#457b9d)}@keyframes pop{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}to{opacity:0;transform:scale(0)}}.score-popup{color:var(--org);pointer-events:none;z-index:50;font-family:Fredoka One,cursive;font-size:19px;animation:.8s forwards floatUp;position:absolute}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-55px)}}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#5c3d1e99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:30px;width:90%;max-width:310px;padding:36px 28px;animation:.3s cubic-bezier(.34,1.56,.64,1) modalIn;box-shadow:0 20px 60px #5c3d1e4d}@keyframes modalIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.modal-dog{justify-content:center;align-items:center;gap:8px;margin-bottom:10px;display:flex}.modal-dog .mameshiba-img{width:96px;height:96px}.modal-title{color:var(--bd);margin-bottom:6px;font-family:Fredoka One,cursive;font-size:30px}.modal-score{color:var(--org);margin:6px 0;font-family:Fredoka One,cursive;font-size:44px}.modal-sub{color:var(--bl);margin-bottom:16px;font-size:12px}.total-box{background:var(--warm);border-radius:12px;margin-bottom:18px;padding:8px 16px}.total-label{color:var(--bl);letter-spacing:2px;font-size:10px;font-weight:700}.total-val{color:var(--bd);font-family:Fredoka One,cursive;font-size:26px}.btn-modal{background:linear-gradient(135deg,var(--org),var(--red));color:#fff;cursor:pointer;border:none;border-radius:50px;margin:4px;padding:12px 36px;font-family:Fredoka One,cursive;font-size:18px;transition:all .1s;box-shadow:0 4px #c45534}.btn-modal:active{transform:translateY(2px)}.btn-modal.sec{background:linear-gradient(135deg,#ccc,#aaa);box-shadow:0 4px #888}.recovery-timer{color:var(--red);margin:6px 0;font-family:Fredoka One,cursive;font-size:26px}.toast{z-index:200;border-radius:99px;align-items:center;gap:8px;padding:12px 20px;font-family:Fredoka One,cursive;font-size:15px;animation:.3s cubic-bezier(.34,1.56,.64,1) toastIn;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000002e}.toast.ok{color:#fff;background:#4caf50}.toast.err{color:#fff;background:#e76f51}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}