*,*:before,*:after{box-sizing:border-box}html,body{margin:0;width:100%;height:100%}body{font-family:Hiragino Sans,Noto Sans JP,Segoe UI,sans-serif;background:linear-gradient(180deg,#d9f0ff,#f7fcff);color:#10324d}#app{min-height:100%;display:grid;place-items:center;padding:16px}.home,.game{width:min(460px,100%);background:#fff;border-radius:24px;padding:20px 16px 24px;box-shadow:0 14px 30px #13446826}h1{margin:0;text-align:center;font-size:2.1rem;color:#005b91}.subtitle{margin:10px 0 22px;text-align:center;font-size:1.15rem;color:#2a6288}.difficulty-buttons{display:grid;gap:14px}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.toggle-btn{min-height:40px;border:none;border-radius:12px;font-weight:700;background:#ebf6ff;color:#2a6288;cursor:pointer}.toggle-btn.active{background:#87d5ff;color:#0f446c}.level-btn{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:10px 16px}.level-meta{font-size:.95rem;color:#2a6288}.main-btn,.small-btn,.tile{border:none;border-radius:16px;font-weight:700;cursor:pointer}.main-btn{min-height:64px;font-size:1.35rem;background:#ffe37a;color:#0f3b5d}.main-btn:active,.small-btn:active,.tile:active{transform:scale(.98)}.topbar{display:grid;gap:8px}.topbar-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.topbar-actions .small-btn{width:100%}.small-btn{min-height:44px;padding:0 12px;background:#c8ecff;color:#0f446c;font-size:1rem}.moves{margin:0;text-align:center;font-size:.95rem;line-height:1.35;white-space:nowrap;color:#2d688f}.board-wrap{margin-top:16px}.board{display:grid;gap:8px}.board.size-3{grid-template-columns:repeat(3,1fr)}.board.size-4{grid-template-columns:repeat(4,1fr)}.board.size-5{grid-template-columns:repeat(5,1fr)}.tile{aspect-ratio:1 / 1;font-size:clamp(1.3rem,6vw,2rem);background:#fff4b5;color:#10476f;box-shadow:inset 0 -3px #00000014}.tile-blank{background:#e8f6ff;box-shadow:inset 0 0 0 2px #ccecff}.board.size-5 .tile{font-size:clamp(1rem,4.6vw,1.55rem)}.goal-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c243673;display:grid;place-items:center;z-index:110}.goal-modal-card{width:min(330px,calc(100vw - 24px));background:#fff;border-radius:16px;padding:14px 12px;box-shadow:0 12px 32px #00000038}.close-goal-btn{margin-top:12px;width:100%}.goal-title{margin:0 0 10px;font-size:1rem;font-weight:700;color:#1f567f;text-align:center}.goal-grid{display:grid;gap:4px}.goal-grid.size-3{grid-template-columns:repeat(3,1fr)}.goal-grid.size-4{grid-template-columns:repeat(4,1fr)}.goal-grid.size-5{grid-template-columns:repeat(5,1fr)}.goal-cell{aspect-ratio:1 / 1;border-radius:8px;display:grid;place-items:center;font-size:clamp(.68rem,2.8vw,.92rem);font-weight:700;background:#fff0a8;color:#16496f}.goal-blank{background:#dff1ff}.clear-banner{position:fixed;top:max(8px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(430px,calc(100vw - 16px));z-index:120;background:#e8fbe7;border:2px solid #8fd48d;border-radius:16px;padding:10px 12px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.clear-banner-title{margin:0;font-size:1.2rem;color:#1d7a22}.clear-banner-subtitle{margin:2px 0 0;font-size:.9rem;color:#257f2b}.banner-btn{min-height:38px}