*{box-sizing:border-box;margin:0;padding:0}body{touch-action:manipulation;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.container{text-align:center;padding:24px}h1{color:#fff;text-shadow:0 2px 4px #0003;margin-bottom:8px;font-size:2.5rem}.subtitle{color:#ffffffe6;margin-bottom:16px;font-size:1rem}.info{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:16px;display:flex}#status{color:#fff;background:#0003;border-radius:8px;padding:8px 20px;font-size:1.25rem}#restart,#turnMode,#undo{color:#764ba2;cursor:pointer;background:#fff;border:none;border-radius:8px;min-height:44px;padding:10px 20px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}#restart:hover,#turnMode:hover,#undo:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0003}#undo:disabled{pointer-events:none}#board{cursor:pointer;touch-action:manipulation;background:#dcb35c;border-radius:12px;max-width:min(92vw,600px);height:auto;margin:0 auto;display:block;box-shadow:0 8px 32px #0000004d}.hint{color:#ffffffe0;text-shadow:0 1px 2px #0003;margin-top:14px;font-size:.95rem;line-height:1.6}@media (width<=520px){body{align-items:flex-start;padding:12px}.container{width:100%;padding:8px 0 16px}h1{font-size:2rem}.info{gap:10px}#status{width:100%;font-size:1rem;line-height:1.5}#restart,#turnMode,#undo{flex:1;min-width:120px}}